.materialize-red { background-color:#e51c23 !important } .materialize-red-text { color:#e51c23 !important } .materialize-red.lighten-5 { background-color:#fdeaeb !important } .materialize-red-text.text-lighten-5 { color:#fdeaeb !important } .materialize-red.lighten-4 { background-color:#f8c1c3 !important } .materialize-red-text.text-lighten-4 { color:#f8c1c3 !important } .materialize-red.lighten-3 { background-color:#f3989b !important } .materialize-red-text.text-lighten-3 { color:#f3989b !important } .materialize-red.lighten-2 { background-color:#ee6e73 !important } .materialize-red-text.text-lighten-2 { color:#ee6e73 !important } .materialize-red.lighten-1 { background-color:#ea454b !important } .materialize-red-text.text-lighten-1 { color:#ea454b !important } .materialize-red.darken-1 { background-color:#d0181e !important } .materialize-red-text.text-darken-1 { color:#d0181e !important } .materialize-red.darken-2 { background-color:#b9151b !important } .materialize-red-text.text-darken-2 { color:#b9151b !important } .materialize-red.darken-3 { background-color:#a21318 !important } .materialize-red-text.text-darken-3 { color:#a21318 !important } .materialize-red.darken-4 { background-color:#8b1014 !important } .materialize-red-text.text-darken-4 { color:#8b1014 !important } .bj { background-color:#F44336 !important } .red-text { color:#F44336 !important } .bj.lighten-5 { background-color:#FFEBEE !important } .red-text.text-lighten-5 { color:#FFEBEE !important } .bj.lighten-4 { background-color:#FFCDD2 !important } .red-text.text-lighten-4 { color:#FFCDD2 !important } .bj.lighten-3 { background-color:#EF9A9A !important } .red-text.text-lighten-3 { color:#EF9A9A !important } .bj.lighten-2 { background-color:#E57373 !important } .red-text.text-lighten-2 { color:#E57373 !important } .bj.lighten-1 { background-color:#EF5350 !important } .red-text.text-lighten-1 { color:#EF5350 !important } .bj.darken-1 { background-color:#E53935 !important } .red-text.text-darken-1 { color:#E53935 !important } .bj.darken-2 { background-color:#D32F2F !important } .red-text.text-darken-2 { color:#D32F2F !important } .bj.darken-3 { background-color:#C62828 !important } .red-text.text-darken-3 { color:#C62828 !important } .bj.darken-4 { background-color:#B71C1C !important } .red-text.text-darken-4 { color:#B71C1C !important } .bj.accent-1 { background-color:#FF8A80 !important } .red-text.text-accent-1 { color:#FF8A80 !important } .bj.accent-2 { background-color:#FF5252 !important } .red-text.text-accent-2 { color:#FF5252 !important } .bj.accent-3 { background-color:#FF1744 !important } .red-text.text-accent-3 { color:#FF1744 !important } .bj.accent-4 { background-color:#D50000 !important } .red-text.text-accent-4 { color:#D50000 !important } .au { background-color:#e91e63 !important } .pink-text { color:#e91e63 !important } .au.lighten-5 { background-color:#fce4ec !important } .pink-text.text-lighten-5 { color:#fce4ec !important } .au.lighten-4 { background-color:#f8bbd0 !important } .pink-text.text-lighten-4 { color:#f8bbd0 !important } .au.lighten-3 { background-color:#f48fb1 !important } .pink-text.text-lighten-3 { color:#f48fb1 !important } .au.lighten-2 { background-color:#f06292 !important } .pink-text.text-lighten-2 { color:#f06292 !important } .au.lighten-1 { background-color:#ec407a !important } .pink-text.text-lighten-1 { color:#ec407a !important } .au.darken-1 { background-color:#d81b60 !important } .pink-text.text-darken-1 { color:#d81b60 !important } .au.darken-2 { background-color:#c2185b !important } .pink-text.text-darken-2 { color:#c2185b !important } .au.darken-3 { background-color:#ad1457 !important } .pink-text.text-darken-3 { color:#ad1457 !important } .au.darken-4 { background-color:#880e4f !important } .pink-text.text-darken-4 { color:#880e4f !important } .au.accent-1 { background-color:#ff80ab !important } .pink-text.text-accent-1 { color:#ff80ab !important } .au.accent-2 { background-color:#ff4081 !important } .pink-text.text-accent-2 { color:#ff4081 !important } .au.accent-3 { background-color:#f50057 !important } .pink-text.text-accent-3 { color:#f50057 !important } .au.accent-4 { background-color:#c51162 !important } .pink-text.text-accent-4 { color:#c51162 !important } .af { background-color:#9c27b0 !important } .purple-text { color:#9c27b0 !important } .af.lighten-5 { background-color:#f3e5f5 !important } .purple-text.text-lighten-5 { color:#f3e5f5 !important } .af.lighten-4 { background-color:#e1bee7 !important } .purple-text.text-lighten-4 { color:#e1bee7 !important } .af.lighten-3 { background-color:#ce93d8 !important } .purple-text.text-lighten-3 { color:#ce93d8 !important } .af.lighten-2 { background-color:#ba68c8 !important } .purple-text.text-lighten-2 { color:#ba68c8 !important } .af.lighten-1 { background-color:#ab47bc !important } .purple-text.text-lighten-1 { color:#ab47bc !important } .af.darken-1 { background-color:#8e24aa !important } .purple-text.text-darken-1 { color:#8e24aa !important } .af.darken-2 { background-color:#7b1fa2 !important } .purple-text.text-darken-2 { color:#7b1fa2 !important } .af.darken-3 { background-color:#6a1b9a !important } .purple-text.text-darken-3 { color:#6a1b9a !important } .af.darken-4 { background-color:#4a148c !important } .purple-text.text-darken-4 { color:#4a148c !important } .af.accent-1 { background-color:#ea80fc !important } .purple-text.text-accent-1 { color:#ea80fc !important } .af.accent-2 { background-color:#e040fb !important } .purple-text.text-accent-2 { color:#e040fb !important } .af.accent-3 { background-color:#d500f9 !important } .purple-text.text-accent-3 { color:#d500f9 !important } .af.accent-4 { background-color:#a0f !important } .purple-text.text-accent-4 { color:#a0f !important } .deep-purple { background-color:#673ab7 !important } .deep-purple-text { color:#673ab7 !important } .deep-purple.lighten-5 { background-color:#ede7f6 !important } .deep-purple-text.text-lighten-5 { color:#ede7f6 !important } .deep-purple.lighten-4 { background-color:#d1c4e9 !important } .deep-purple-text.text-lighten-4 { color:#d1c4e9 !important } .deep-purple.lighten-3 { background-color:#b39ddb !important } .deep-purple-text.text-lighten-3 { color:#b39ddb !important } .deep-purple.lighten-2 { background-color:#9575cd !important } .deep-purple-text.text-lighten-2 { color:#9575cd !important } .deep-purple.lighten-1 { background-color:#7e57c2 !important } .deep-purple-text.text-lighten-1 { color:#7e57c2 !important } .deep-purple.darken-1 { background-color:#5e35b1 !important } .deep-purple-text.text-darken-1 { color:#5e35b1 !important } .deep-purple.darken-2 { background-color:#512da8 !important } .deep-purple-text.text-darken-2 { color:#512da8 !important } .deep-purple.darken-3 { background-color:#4527a0 !important } .deep-purple-text.text-darken-3 { color:#4527a0 !important } .deep-purple.darken-4 { background-color:#311b92 !important } .deep-purple-text.text-darken-4 { color:#311b92 !important } .deep-purple.accent-1 { background-color:#b388ff !important } .deep-purple-text.text-accent-1 { color:#b388ff !important } .deep-purple.accent-2 { background-color:#7c4dff !important } .deep-purple-text.text-accent-2 { color:#7c4dff !important } .deep-purple.accent-3 { background-color:#651fff !important } .deep-purple-text.text-accent-3 { color:#651fff !important } .deep-purple.accent-4 { background-color:#6200ea !important } .deep-purple-text.text-accent-4 { color:#6200ea !important } .ag { background-color:#3f51b5 !important } .indigo-text { color:#3f51b5 !important } .ag.lighten-5 { background-color:#e8eaf6 !important } .indigo-text.text-lighten-5 { color:#e8eaf6 !important } .ag.lighten-4 { background-color:#c5cae9 !important } .indigo-text.text-lighten-4 { color:#c5cae9 !important } .ag.lighten-3 { background-color:#9fa8da !important } .indigo-text.text-lighten-3 { color:#9fa8da !important } .ag.lighten-2 { background-color:#7986cb !important } .indigo-text.text-lighten-2 { color:#7986cb !important } .ag.lighten-1 { background-color:#5c6bc0 !important } .indigo-text.text-lighten-1 { color:#5c6bc0 !important } .ag.darken-1 { background-color:#3949ab !important } .indigo-text.text-darken-1 { color:#3949ab !important } .ag.darken-2 { background-color:#303f9f !important } .indigo-text.text-darken-2 { color:#303f9f !important } .ag.darken-3 { background-color:#283593 !important } .indigo-text.text-darken-3 { color:#283593 !important } .ag.darken-4 { background-color:#1a237e !important } .indigo-text.text-darken-4 { color:#1a237e !important } .ag.accent-1 { background-color:#8c9eff !important } .indigo-text.text-accent-1 { color:#8c9eff !important } .ag.accent-2 { background-color:#536dfe !important } .indigo-text.text-accent-2 { color:#536dfe !important } .ag.accent-3 { background-color:#3d5afe !important } .indigo-text.text-accent-3 { color:#3d5afe !important } .ag.accent-4 { background-color:#304ffe !important } .indigo-text.text-accent-4 { color:#304ffe !important } .x { background-color:#2196F3 !important } .blue-text { color:#2196F3 !important } .x.lighten-5 { background-color:#E3F2FD !important } .blue-text.text-lighten-5 { color:#E3F2FD !important } .x.lighten-4 { background-color:#BBDEFB !important } .blue-text.text-lighten-4 { color:#BBDEFB !important } .x.lighten-3 { background-color:#90CAF9 !important } .blue-text.text-lighten-3 { color:#90CAF9 !important } .x.lighten-2 { background-color:#64B5F6 !important } .blue-text.text-lighten-2 { color:#64B5F6 !important } .x.lighten-1 { background-color:#42A5F5 !important } .blue-text.text-lighten-1 { color:#42A5F5 !important } .x.darken-1 { background-color:#1E88E5 !important } .blue-text.text-darken-1 { color:#1E88E5 !important } .x.darken-2 { background-color:#1976D2 !important } .blue-text.text-darken-2 { color:#1976D2 !important } .x.darken-3 { background-color:#1565C0 !important } .blue-text.text-darken-3 { color:#1565C0 !important } .x.darken-4 { background-color:#0D47A1 !important } .blue-text.text-darken-4 { color:#0D47A1 !important } .x.accent-1 { background-color:#82B1FF !important } .blue-text.text-accent-1 { color:#82B1FF !important } .x.accent-2 { background-color:#448AFF !important } .blue-text.text-accent-2 { color:#448AFF !important } .x.accent-3 { background-color:#2979FF !important } .blue-text.text-accent-3 { color:#2979FF !important } .x.accent-4 { background-color:#2962FF !important } .blue-text.text-accent-4 { color:#2962FF !important } .light-blue { background-color:#03a9f4 !important } .light-blue-text { color:#03a9f4 !important } .light-blue.lighten-5 { background-color:#e1f5fe !important } .light-blue-text.text-lighten-5 { color:#e1f5fe !important } .light-blue.lighten-4 { background-color:#b3e5fc !important } .light-blue-text.text-lighten-4 { color:#b3e5fc !important } .light-blue.lighten-3 { background-color:#81d4fa !important } .light-blue-text.text-lighten-3 { color:#81d4fa !important } .light-blue.lighten-2 { background-color:#4fc3f7 !important } .light-blue-text.text-lighten-2 { color:#4fc3f7 !important } .light-blue.lighten-1 { background-color:#29b6f6 !important } .light-blue-text.text-lighten-1 { color:#29b6f6 !important } .light-blue.darken-1 { background-color:#039be5 !important } .light-blue-text.text-darken-1 { color:#039be5 !important } .light-blue.darken-2 { background-color:#0288d1 !important } .light-blue-text.text-darken-2 { color:#0288d1 !important } .light-blue.darken-3 { background-color:#0277bd !important } .light-blue-text.text-darken-3 { color:#0277bd !important } .light-blue.darken-4 { background-color:#01579b !important } .light-blue-text.text-darken-4 { color:#01579b !important } .light-blue.accent-1 { background-color:#80d8ff !important } .light-blue-text.text-accent-1 { color:#80d8ff !important } .light-blue.accent-2 { background-color:#40c4ff !important } .light-blue-text.text-accent-2 { color:#40c4ff !important } .light-blue.accent-3 { background-color:#00b0ff !important } .light-blue-text.text-accent-3 { color:#00b0ff !important } .light-blue.accent-4 { background-color:#0091ea !important } .light-blue-text.text-accent-4 { color:#0091ea !important } .at { background-color:#00bcd4 !important } .cyan-text { color:#00bcd4 !important } .at.lighten-5 { background-color:#e0f7fa !important } .cyan-text.text-lighten-5 { color:#e0f7fa !important } .at.lighten-4 { background-color:#b2ebf2 !important } .cyan-text.text-lighten-4 { color:#b2ebf2 !important } .at.lighten-3 { background-color:#80deea !important } .cyan-text.text-lighten-3 { color:#80deea !important } .at.lighten-2 { background-color:#4dd0e1 !important } .cyan-text.text-lighten-2 { color:#4dd0e1 !important } .at.lighten-1 { background-color:#26c6da !important } .cyan-text.text-lighten-1 { color:#26c6da !important } .at.darken-1 { background-color:#00acc1 !important } .cyan-text.text-darken-1 { color:#00acc1 !important } .at.darken-2 { background-color:#0097a7 !important } .cyan-text.text-darken-2 { color:#0097a7 !important } .at.darken-3 { background-color:#00838f !important } .cyan-text.text-darken-3 { color:#00838f !important } .at.darken-4 { background-color:#006064 !important } .cyan-text.text-darken-4 { color:#006064 !important } .at.accent-1 { background-color:#84ffff !important } .cyan-text.text-accent-1 { color:#84ffff !important } .at.accent-2 { background-color:#18ffff !important } .cyan-text.text-accent-2 { color:#18ffff !important } .at.accent-3 { background-color:#00e5ff !important } .cyan-text.text-accent-3 { color:#00e5ff !important } .at.accent-4 { background-color:#00b8d4 !important } .cyan-text.text-accent-4 { color:#00b8d4 !important } .aw { background-color:#009688 !important } .teal-text { color:#009688 !important } .aw.lighten-5 { background-color:#e0f2f1 !important } .teal-text.text-lighten-5 { color:#e0f2f1 !important } .aw.lighten-4 { background-color:#b2dfdb !important } .teal-text.text-lighten-4 { color:#b2dfdb !important } .aw.lighten-3 { background-color:#80cbc4 !important } .teal-text.text-lighten-3 { color:#80cbc4 !important } .aw.lighten-2 { background-color:#4db6ac !important } .teal-text.text-lighten-2 { color:#4db6ac !important } .aw.lighten-1 { background-color:#26a69a !important } .teal-text.text-lighten-1 { color:#26a69a !important } .aw.darken-1 { background-color:#00897b !important } .teal-text.text-darken-1 { color:#00897b !important } .aw.darken-2 { background-color:#00796b !important } .teal-text.text-darken-2 { color:#00796b !important } .aw.darken-3 { background-color:#00695c !important } .teal-text.text-darken-3 { color:#00695c !important } .aw.darken-4 { background-color:#004d40 !important } .teal-text.text-darken-4 { color:#004d40 !important } .aw.accent-1 { background-color:#a7ffeb !important } .teal-text.text-accent-1 { color:#a7ffeb !important } .aw.accent-2 { background-color:#64ffda !important } .teal-text.text-accent-2 { color:#64ffda !important } .aw.accent-3 { background-color:#1de9b6 !important } .teal-text.text-accent-3 { color:#1de9b6 !important } .aw.accent-4 { background-color:#00bfa5 !important } .teal-text.text-accent-4 { color:#00bfa5 !important } .an { background-color:#4CAF50 !important } .green-text { color:#4CAF50 !important } .an.lighten-5 { background-color:#E8F5E9 !important } .green-text.text-lighten-5 { color:#E8F5E9 !important } .an.lighten-4 { background-color:#C8E6C9 !important } .green-text.text-lighten-4 { color:#C8E6C9 !important } .an.lighten-3 { background-color:#A5D6A7 !important } .green-text.text-lighten-3 { color:#A5D6A7 !important } .an.lighten-2 { background-color:#81C784 !important } .green-text.text-lighten-2 { color:#81C784 !important } .an.lighten-1 { background-color:#66BB6A !important } .green-text.text-lighten-1 { color:#66BB6A !important } .an.darken-1 { background-color:#43A047 !important } .green-text.text-darken-1 { color:#43A047 !important } .an.darken-2 { background-color:#388E3C !important } .green-text.text-darken-2 { color:#388E3C !important } .an.darken-3 { background-color:#2E7D32 !important } .green-text.text-darken-3 { color:#2E7D32 !important } .an.darken-4 { background-color:#1B5E20 !important } .green-text.text-darken-4 { color:#1B5E20 !important } .an.accent-1 { background-color:#B9F6CA !important } .green-text.text-accent-1 { color:#B9F6CA !important } .an.accent-2 { background-color:#69F0AE !important } .green-text.text-accent-2 { color:#69F0AE !important } .an.accent-3 { background-color:#00E676 !important } .green-text.text-accent-3 { color:#00E676 !important } .an.accent-4 { background-color:#00C853 !important } .green-text.text-accent-4 { color:#00C853 !important } .light-green { background-color:#8bc34a !important } .light-green-text { color:#8bc34a !important } .light-green.lighten-5 { background-color:#f1f8e9 !important } .light-green-text.text-lighten-5 { color:#f1f8e9 !important } .light-green.lighten-4 { background-color:#dcedc8 !important } .light-green-text.text-lighten-4 { color:#dcedc8 !important } .light-green.lighten-3 { background-color:#c5e1a5 !important } .light-green-text.text-lighten-3 { color:#c5e1a5 !important } .light-green.lighten-2 { background-color:#aed581 !important } .light-green-text.text-lighten-2 { color:#aed581 !important } .light-green.lighten-1 { background-color:#9ccc65 !important } .light-green-text.text-lighten-1 { color:#9ccc65 !important } .light-green.darken-1 { background-color:#7cb342 !important } .light-green-text.text-darken-1 { color:#7cb342 !important } .light-green.darken-2 { background-color:#689f38 !important } .light-green-text.text-darken-2 { color:#689f38 !important } .light-green.darken-3 { background-color:#558b2f !important } .light-green-text.text-darken-3 { color:#558b2f !important } .light-green.darken-4 { background-color:#33691e !important } .light-green-text.text-darken-4 { color:#33691e !important } .light-green.accent-1 { background-color:#ccff90 !important } .light-green-text.text-accent-1 { color:#ccff90 !important } .light-green.accent-2 { background-color:#b2ff59 !important } .light-green-text.text-accent-2 { color:#b2ff59 !important } .light-green.accent-3 { background-color:#76ff03 !important } .light-green-text.text-accent-3 { color:#76ff03 !important } .light-green.accent-4 { background-color:#64dd17 !important } .light-green-text.text-accent-4 { color:#64dd17 !important } .ax { background-color:#cddc39 !important } .lime-text { color:#cddc39 !important } .ax.lighten-5 { background-color:#f9fbe7 !important } .lime-text.text-lighten-5 { color:#f9fbe7 !important } .ax.lighten-4 { background-color:#f0f4c3 !important } .lime-text.text-lighten-4 { color:#f0f4c3 !important } .ax.lighten-3 { background-color:#e6ee9c !important } .lime-text.text-lighten-3 { color:#e6ee9c !important } .ax.lighten-2 { background-color:#dce775 !important } .lime-text.text-lighten-2 { color:#dce775 !important } .ax.lighten-1 { background-color:#d4e157 !important } .lime-text.text-lighten-1 { color:#d4e157 !important } .ax.darken-1 { background-color:#c0ca33 !important } .lime-text.text-darken-1 { color:#c0ca33 !important } .ax.darken-2 { background-color:#afb42b !important } .lime-text.text-darken-2 { color:#afb42b !important } .ax.darken-3 { background-color:#9e9d24 !important } .lime-text.text-darken-3 { color:#9e9d24 !important } .ax.darken-4 { background-color:#827717 !important } .lime-text.text-darken-4 { color:#827717 !important } .ax.accent-1 { background-color:#f4ff81 !important } .lime-text.text-accent-1 { color:#f4ff81 !important } .ax.accent-2 { background-color:#eeff41 !important } .lime-text.text-accent-2 { color:#eeff41 !important } .ax.accent-3 { background-color:#c6ff00 !important } .lime-text.text-accent-3 { color:#c6ff00 !important } .ax.accent-4 { background-color:#aeea00 !important } .lime-text.text-accent-4 { color:#aeea00 !important } .ac { background-color:#ffeb3b !important } .yellow-text { color:#ffeb3b !important } .ac.lighten-5 { background-color:#fffde7 !important } .yellow-text.text-lighten-5 { color:#fffde7 !important } .ac.lighten-4 { background-color:#fff9c4 !important } .yellow-text.text-lighten-4 { color:#fff9c4 !important } .ac.lighten-3 { background-color:#fff59d !important } .yellow-text.text-lighten-3 { color:#fff59d !important } .ac.lighten-2 { background-color:#fff176 !important } .yellow-text.text-lighten-2 { color:#fff176 !important } .ac.lighten-1 { background-color:#ffee58 !important } .yellow-text.text-lighten-1 { color:#ffee58 !important } .ac.darken-1 { background-color:#fdd835 !important } .yellow-text.text-darken-1 { color:#fdd835 !important } .ac.darken-2 { background-color:#fbc02d !important } .yellow-text.text-darken-2 { color:#fbc02d !important } .ac.darken-3 { background-color:#f9a825 !important } .yellow-text.text-darken-3 { color:#f9a825 !important } .ac.darken-4 { background-color:#f57f17 !important } .yellow-text.text-darken-4 { color:#f57f17 !important } .ac.accent-1 { background-color:#ffff8d !important } .yellow-text.text-accent-1 { color:#ffff8d !important } .ac.accent-2 { background-color:#ff0 !important } .yellow-text.text-accent-2 { color:#ff0 !important } .ac.accent-3 { background-color:#ffea00 !important } .yellow-text.text-accent-3 { color:#ffea00 !important } .ac.accent-4 { background-color:#ffd600 !important } .yellow-text.text-accent-4 { color:#ffd600 !important } .ao { background-color:#ffc107 !important } .amber-text { color:#ffc107 !important } .ao.lighten-5 { background-color:#fff8e1 !important } .amber-text.text-lighten-5 { color:#fff8e1 !important } .ao.lighten-4 { background-color:#ffecb3 !important } .amber-text.text-lighten-4 { color:#ffecb3 !important } .ao.lighten-3 { background-color:#ffe082 !important } .amber-text.text-lighten-3 { color:#ffe082 !important } .ao.lighten-2 { background-color:#ffd54f !important } .amber-text.text-lighten-2 { color:#ffd54f !important } .ao.lighten-1 { background-color:#ffca28 !important } .amber-text.text-lighten-1 { color:#ffca28 !important } .ao.darken-1 { background-color:#ffb300 !important } .amber-text.text-darken-1 { color:#ffb300 !important } .ao.darken-2 { background-color:#ffa000 !important } .amber-text.text-darken-2 { color:#ffa000 !important } .ao.darken-3 { background-color:#ff8f00 !important } .amber-text.text-darken-3 { color:#ff8f00 !important } .ao.darken-4 { background-color:#ff6f00 !important } .amber-text.text-darken-4 { color:#ff6f00 !important } .ao.accent-1 { background-color:#ffe57f !important } .amber-text.text-accent-1 { color:#ffe57f !important } .ao.accent-2 { background-color:#ffd740 !important } .amber-text.text-accent-2 { color:#ffd740 !important } .ao.accent-3 { background-color:#ffc400 !important } .amber-text.text-accent-3 { color:#ffc400 !important } .ao.accent-4 { background-color:#ffab00 !important } .amber-text.text-accent-4 { color:#ffab00 !important } .ae { background-color:#ff9800 !important } .orange-text { color:#ff9800 !important } .ae.lighten-5 { background-color:#fff3e0 !important } .orange-text.text-lighten-5 { color:#fff3e0 !important } .ae.lighten-4 { background-color:#ffe0b2 !important } .orange-text.text-lighten-4 { color:#ffe0b2 !important } .ae.lighten-3 { background-color:#ffcc80 !important } .orange-text.text-lighten-3 { color:#ffcc80 !important } .ae.lighten-2 { background-color:#ffb74d !important } .orange-text.text-lighten-2 { color:#ffb74d !important } .ae.lighten-1 { background-color:#ffa726 !important } .orange-text.text-lighten-1 { color:#ffa726 !important } .ae.darken-1 { background-color:#fb8c00 !important } .orange-text.text-darken-1 { color:#fb8c00 !important } .ae.darken-2 { background-color:#f57c00 !important } .orange-text.text-darken-2 { color:#f57c00 !important } .ae.darken-3 { background-color:#ef6c00 !important } .orange-text.text-darken-3 { color:#ef6c00 !important } .ae.darken-4 { background-color:#e65100 !important } .orange-text.text-darken-4 { color:#e65100 !important } .ae.accent-1 { background-color:#ffd180 !important } .orange-text.text-accent-1 { color:#ffd180 !important } .ae.accent-2 { background-color:#ffab40 !important } .orange-text.text-accent-2 { color:#ffab40 !important } .ae.accent-3 { background-color:#ff9100 !important } .orange-text.text-accent-3 { color:#ff9100 !important } .ae.accent-4 { background-color:#ff6d00 !important } .orange-text.text-accent-4 { color:#ff6d00 !important } .deep-orange { background-color:#ff5722 !important } .deep-orange-text { color:#ff5722 !important } .deep-orange.lighten-5 { background-color:#fbe9e7 !important } .deep-orange-text.text-lighten-5 { color:#fbe9e7 !important } .deep-orange.lighten-4 { background-color:#ffccbc !important } .deep-orange-text.text-lighten-4 { color:#ffccbc !important } .deep-orange.lighten-3 { background-color:#ffab91 !important } .deep-orange-text.text-lighten-3 { color:#ffab91 !important } .deep-orange.lighten-2 { background-color:#ff8a65 !important } .deep-orange-text.text-lighten-2 { color:#ff8a65 !important } .deep-orange.lighten-1 { background-color:#ff7043 !important } .deep-orange-text.text-lighten-1 { color:#ff7043 !important } .deep-orange.darken-1 { background-color:#f4511e !important } .deep-orange-text.text-darken-1 { color:#f4511e !important } .deep-orange.darken-2 { background-color:#e64a19 !important } .deep-orange-text.text-darken-2 { color:#e64a19 !important } .deep-orange.darken-3 { background-color:#d84315 !important } .deep-orange-text.text-darken-3 { color:#d84315 !important } .deep-orange.darken-4 { background-color:#bf360c !important } .deep-orange-text.text-darken-4 { color:#bf360c !important } .deep-orange.accent-1 { background-color:#ff9e80 !important } .deep-orange-text.text-accent-1 { color:#ff9e80 !important } .deep-orange.accent-2 { background-color:#ff6e40 !important } .deep-orange-text.text-accent-2 { color:#ff6e40 !important } .deep-orange.accent-3 { background-color:#ff3d00 !important } .deep-orange-text.text-accent-3 { color:#ff3d00 !important } .deep-orange.accent-4 { background-color:#dd2c00 !important } .deep-orange-text.text-accent-4 { color:#dd2c00 !important } .be { background-color:#795548 !important } .brown-text { color:#795548 !important } .be.lighten-5 { background-color:#efebe9 !important } .brown-text.text-lighten-5 { color:#efebe9 !important } .be.lighten-4 { background-color:#d7ccc8 !important } .brown-text.text-lighten-4 { color:#d7ccc8 !important } .be.lighten-3 { background-color:#bcaaa4 !important } .brown-text.text-lighten-3 { color:#bcaaa4 !important } .be.lighten-2 { background-color:#a1887f !important } .brown-text.text-lighten-2 { color:#a1887f !important } .be.lighten-1 { background-color:#8d6e63 !important } .brown-text.text-lighten-1 { color:#8d6e63 !important } .be.darken-1 { background-color:#6d4c41 !important } .brown-text.text-darken-1 { color:#6d4c41 !important } .be.darken-2 { background-color:#5d4037 !important } .brown-text.text-darken-2 { color:#5d4037 !important } .be.darken-3 { background-color:#4e342e !important } .brown-text.text-darken-3 { color:#4e342e !important } .be.darken-4 { background-color:#3e2723 !important } .brown-text.text-darken-4 { color:#3e2723 !important } .blue-grey { background-color:#607d8b !important } .blue-grey-text { color:#607d8b !important } .blue-grey.lighten-5 { background-color:#eceff1 !important } .blue-grey-text.text-lighten-5 { color:#eceff1 !important } .blue-grey.lighten-4 { background-color:#cfd8dc !important } .blue-grey-text.text-lighten-4 { color:#cfd8dc !important } .blue-grey.lighten-3 { background-color:#b0bec5 !important } .blue-grey-text.text-lighten-3 { color:#b0bec5 !important } .blue-grey.lighten-2 { background-color:#90a4ae !important } .blue-grey-text.text-lighten-2 { color:#90a4ae !important } .blue-grey.lighten-1 { background-color:#78909c !important } .blue-grey-text.text-lighten-1 { color:#78909c !important } .blue-grey.darken-1 { background-color:#546e7a !important } .blue-grey-text.text-darken-1 { color:#546e7a !important } .blue-grey.darken-2 { background-color:#455a64 !important } .blue-grey-text.text-darken-2 { color:#455a64 !important } .blue-grey.darken-3 { background-color:#37474f !important; } .blue-grey-text.text-darken-3 { color:#37474f !important } .blue-grey.darken-4 { background-color:#263238 !important } .blue-grey-text.text-darken-4 { color:#263238 !important } .bm { background-color:#9e9e9e !important } .grey-text { color:#9e9e9e !important } .bm.lighten-5 { background-color:#fafafa !important } .grey-text.text-lighten-5 { color:#fafafa !important } .bm.lighten-4 { background-color:#f5f5f5 !important } .grey-text.text-lighten-4 { color:#f5f5f5 !important } .bm.lighten-3 { background-color:#eee !important } .grey-text.text-lighten-3 { color:#eee !important } .bm.lighten-2 { background-color:#e0e0e0 !important } .grey-text.text-lighten-2 { color:#e0e0e0 !important } .bm.lighten-1 { background-color:#bdbdbd !important } .grey-text.text-lighten-1 { color:#bdbdbd !important } .bm.darken-1 { background-color:#757575 !important } .grey-text.text-darken-1 { color:#757575 !important } .bm.darken-2 { background-color:#616161 !important } .grey-text.text-darken-2 { color:#616161 !important } .bm.darken-3 { background-color:#424242 !important } .grey-text.text-darken-3 { color:#424242 !important } .bm.darken-4 { background-color:#212121 !important } .grey-text.text-darken-4 { color:#212121 !important } .fg { background-color:#d !important } .black-text { color:#d !important } .fn { background-color:#c !important } .white-text { color:#fff !important } .ec { background-color:transparent !important } .transparent-text { color:transparent !important } /*! normalize.fz v3.0.3 | MIT License | github.com/necolas/normalize.fz */html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block } audio,canvas,progress,video { display:inline-block; vertical-align:baseline } audio:not([controls]) { display:none; height:0 } [hidden],template { display:none } a { background-color:transparent } a:active,a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b,strong { font-weight:bold } dfn { font-style:italic } h1 { font-size:2em; margin:0.67em 0 } mark { background:#ff0; color:#000 } small { font-size:80% } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:1em 40px } hr { box-sizing:content-box; height:0 } pre { overflow:auto } code,kbd,pre,samp { font-family:monospace, monospace; font-size:1em } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0 } button { overflow:visible } button,select { text-transform:none } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled] { cursor:default } button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0 } input { line-height:normal } input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0 } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height:auto } input[type="search"] { -webkit-appearance:textfield; box-sizing:content-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em } legend { border:0; padding:0 } textarea { overflow:auto } optgroup { font-weight:bold } table { border-collapse:collapse; border-spacing:0 } td,th { padding:0 } html { box-sizing:border-box } *,*:before,*:after { box-sizing:inherit } ul:not(.browser-default) { padding-left:0; list-style-type:none } ul:not(.browser-default) li { list-style-type:none } a { color:#039be5; text-decoration:none; -webkit-tap-highlight-color:transparent } .valign-wrapper { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center } .valign-wrapper .ds { display:block } .fx { clear:both } .z-depth-0 { box-shadow:none !important } .z-depth-1,nav,.card-panel,.h,.ch,.g,.btn-large,.btn-floating,.dropdown-content,.n,.side-nav { box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2) } .z-depth-1-half,.g:hover,.btn-large:hover,.btn-floating:hover { box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2) } .z-depth-2 { box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3) } .z-depth-3 { box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3) } .z-depth-4,.ak { box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3) } .z-depth-5 { box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3) } .em { transition:box-shadow .25s; box-shadow:0 } .em:hover { transition:box-shadow .25s; box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) } .eb { height:1px; overflow:hidden; background-color:#e0e0e0 } blockquote { margin:20px 0; padding-left:1.5rem; border-left:5px solid #ba68c8 } i { line-height:inherit } i.cr { float:left; margin-right:15px } i.bt { float:right; margin-left:15px } i.gr { font-size:1rem } i.cb { font-size:2rem } i.ca { font-size:4rem } i.cg { font-size:6rem } img.responsive-img,video.responsive-video { max-width:100%; height:auto } .bc li { display:inline-block; border-radius:2px; text-align:center; vertical-align:top; height:30px } .bc li a { color:#444; display:inline-block; font-size:1.2rem; padding:0 10px; line-height:30px } .bc li.k a { color:#fff } .bc li.k { background-color:#ba68c8 } .bc li.al a { cursor:default; color:#999 } .bc li i { font-size:2rem } .bc li.fl ul li { display:inline-block; float:none } @media only screen and (max-width: 992px) { .bc { width:100% } .bc li.go,.bc li.gs { width:10% } .bc li.fl { width:80%; overflow:hidden; white-space:nowrap } } .bq { font-size:18px; color:rgba(255,255,255,0.7) } .bq i,.bq [class^="mdi-"],.bq [class*="mdi-"],.bq i.material-icons { display:inline-block; float:left; font-size:24px } .bq:before { content:'\E5CC'; color:rgba(255,255,255,0.7); vertical-align:top; display:inline-block; font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:25px; margin:0 10px 0 8px; -webkit-font-smoothing:antialiased } .bq:first-child:before { display:none } .bq:last-child { color:#fff } .parallax-container { position:relative; overflow:hidden; height:500px } .dv { position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1 } .dv img { display:none; position:absolute; left:50%; bottom:0; min-width:100%; min-height:100%; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform:translateX(-50%); transform:translateX(-50%) } .pin-top,.pin-bottom { position:relative } .pinned { position:fixed !important } ul.staggered-list li { opacity:0 } .fade-in { opacity:0; -webkit-transform-origin:0 50%; transform-origin:0 50% } @media only screen and (max-width: 600px) { .hide-on-small-only,.hide-on-small-and-down { display:none !important } } @media only screen and (max-width: 992px) { .hide-on-med-and-down { display:none !important } } @media only screen and (min-width: 601px) { .hide-on-med-and-up { display:none !important } } @media only screen and (min-width: 600px) and (max-width: 992px) { .hide-on-med-only { display:none !important } } @media only screen and (min-width: 993px) { .hide-on-large-only { display:none !important } } @media only screen and (min-width: 993px) { .show-on-large { display:block !important } } @media only screen and (min-width: 600px) and (max-width: 992px) { .show-on-medium { display:block !important } } @media only screen and (max-width: 600px) { .show-on-small { display:block !important } } @media only screen and (min-width: 601px) { .show-on-medium-and-up { display:block !important } } @media only screen and (max-width: 992px) { .show-on-medium-and-down { display:block !important } } @media only screen and (max-width: 600px) { .center-on-small-only { text-align:center } } footer.page-footer { padding-top:20px; background-color:#ba68c8 } footer.page-footer .footer-copyright { overflow:hidden; min-height:50px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding:10px 0px; color:rgba(255,255,255,0.8); background-color:rgba(51,51,51,0.08) } table,th,td { border:none } table { width:100%; display:table } table.bordered>thead>tr,table.bordered>tbody>tr { border-bottom:1px solid #d0d0d0 } table.striped>tbody>tr:nth-child(odd) { background-color:#f2f2f2 } table.striped>tbody>tr>td { border-radius:0 } table.highlight>tbody>tr { transition:background-color .25s ease } table.highlight>tbody>tr:hover { background-color:#f2f2f2 } table.eo thead tr th,table.eo tbody tr td { text-align:center } thead { border-bottom:1px solid #d0d0d0 } td,th { padding:15px 5px; display:table-cell; text-align:left; vertical-align:middle; border-radius:2px } @media only screen and (max-width: 992px) { table.responsive-table { width:100%; border-collapse:collapse; border-spacing:0; display:block; position:relative } table.responsive-table td:empty:before { content:'\00a0' } table.responsive-table th,table.responsive-table td { margin:0; vertical-align:top } table.responsive-table th { text-align:left } table.responsive-table thead { display:block; float:left } table.responsive-table thead tr { display:block; padding:0 10px 0 0 } table.responsive-table thead tr th::before { content:"\00a0" } table.responsive-table tbody { display:block; width:auto; position:relative; overflow-x:auto; white-space:nowrap } table.responsive-table tbody tr { display:inline-block; vertical-align:top } table.responsive-table th { display:block; text-align:right } table.responsive-table td { display:block; min-height:1.25em; text-align:left } table.responsive-table tr { padding:0 10px } table.responsive-table thead { border:0; border-right:1px solid #d0d0d0 } table.responsive-table.cj th { border-bottom:0; border-left:0 } table.responsive-table.cj td { border-left:0; border-right:0; border-bottom:0 } table.responsive-table.cj tr { border:0 } table.responsive-table.cj tbody tr { border-right:1px solid #d0d0d0 } } .p { margin:.5rem 0 1rem 0; border:1px solid #e0e0e0; border-radius:2px; overflow:hidden; position:relative } .p .collection-item { background-color:#fff; line-height:1.5rem; padding:10px 20px; margin:0; border-bottom:1px solid #e0e0e0 } .p .collection-item.cm { min-height:84px; padding-left:72px; position:relative } .p .collection-item.cm .bf { position:absolute; width:42px; height:42px; overflow:hidden; left:15px; display:inline-block; vertical-align:middle } .p .collection-item.cm i.bf { font-size:18px; line-height:42px; color:#fff; background-color:#999; text-align:center } .p .collection-item.cm .cn { font-size:16px } .p .collection-item.cm p { margin:0 } .p .collection-item.cm .secondary-content { position:absolute; top:16px; right:16px } .p .collection-item:last-child { border-bottom:none } .p .collection-item.k { background-color:#26a69a; color:#eafaf9 } .p .collection-item.k .secondary-content { color:#fff } .p a.collection-item { display:block; transition:.25s; color:#26a69a } .p a.collection-item:not(.active):hover { background-color:#ddd } .p.with-header .collection-header { background-color:#fff; border-bottom:1px solid #e0e0e0; padding:10px 20px } .p.with-header .collection-item { padding-left:30px } .p.with-header .collection-item.cm { padding-left:72px } .secondary-content { float:right; color:#26a69a } .n .p { margin:0; border:none } .video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden } .video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:100% } .ct { position:relative; height:4px; display:block; width:100%; background-color:#acece6; border-radius:2px; margin:.5rem 0 1rem 0; overflow:hidden } .ct .fj { position:absolute; top:0; left:0; bottom:0; background-color:#26a69a; transition:width .3s linear } .ct .cv { background-color:#26a69a } .ct .cv:before { content:''; position:absolute; background-color:inherit; top:0; left:0; bottom:0; will-change:left, right; -webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite } .ct .cv:after { content:''; position:absolute; background-color:inherit; top:0; left:0; bottom:0; will-change:left, right; -webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay:1.15s; animation-delay:1.15s } @-webkit-keyframes indeterminate { 0% { left:-35%; right:100% } 60% { left:100%; right:-90% } 100% { left:100%; right:-90% } } @keyframes indeterminate { 0% { left:-35%; right:100% } 60% { left:100%; right:-90% } 100% { left:100%; right:-90% } } @-webkit-keyframes indeterminate-short { 0% { left:-200%; right:100% } 60% { left:107%; right:-8% } 100% { left:107%; right:-8% } } @keyframes indeterminate-short { 0% { left:-200%; right:100% } 60% { left:107%; right:-8% } 100% { left:107%; right:-8% } } .dg { display:none !important } .left-align { text-align:left } .right-align { text-align:right } .de,.center-align { text-align:center } .cr { float:left !important } .bt { float:right !important } .no-select,input[type=range],input[type=range]+.dd { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .bf { border-radius:50% } .center-block { display:block; margin-left:auto; margin-right:auto } .fw { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .no-padding { padding:0 !important } span.cp { min-width:3rem; padding:0 6px; margin-left:14px; text-align:center; font-size:1rem; line-height:22px; height:22px; color:#757575; float:right; box-sizing:border-box } span.cp.fy { font-weight:300; font-size:0.8rem; color:#fff; background-color:#26a69a; border-radius:2px } span.cp.fy:after { content:" new" } span.badge[data-badge-caption]::after { content:" " attr(data-badge-caption) } nav ul a span.cp { display:inline-block; float:none; margin-left:4px; line-height:22px; height:22px } .collection-item span.cp { margin-top:calc(.75rem - 11px) } .n span.cp { margin-top:calc(1.5rem - 11px) } .side-nav span.cp { margin-top:calc(24px - 11px) } .material-icons { text-rendering:optimizeLegibility; -webkit-font-feature-settings:'liga'; -moz-font-feature-settings:'liga'; font-feature-settings:'liga' } .db { margin:0 auto; max-width:1280px; width:90% } @media only screen and (min-width: 601px) { .db { width:85% } } @media only screen and (min-width: 993px) { .db { width:70% } } .db .e { margin-left:-.75rem; margin-right:-.75rem } .cx { padding-top:1rem; padding-bottom:1rem } .cx.no-pad { padding:0 } .cx.no-pad-bot { padding-bottom:0 } .cx.no-pad-top { padding-top:0 } .e { margin-left:auto; margin-right:auto; margin-bottom:20px } .e:after { content:""; display:table; clear:both } .e .d { float:left; box-sizing:border-box; padding:0 .75rem; min-height:1px } .e .col[class*="push-"],.e .col[class*="pull-"] { position:relative } .e .d.hl { width:8.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.hm { width:16.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.hn { width:25%; margin-left:auto; left:auto; right:auto } .e .d.ho { width:33.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.hr { width:41.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.hp { width:50%; margin-left:auto; left:auto; right:auto } .e .d.hq { width:58.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.hj { width:66.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.hk { width:75%; margin-left:auto; left:auto; right:auto } .e .d.gw { width:83.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.gx { width:91.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.gu { width:100%; margin-left:auto; left:auto; right:auto } .e .d.offset-s1 { margin-left:8.3333333333% } .e .d.pull-s1 { right:8.3333333333% } .e .d.push-s1 { left:8.3333333333% } .e .d.offset-s2 { margin-left:16.6666666667% } .e .d.pull-s2 { right:16.6666666667% } .e .d.push-s2 { left:16.6666666667% } .e .d.offset-s3 { margin-left:25% } .e .d.pull-s3 { right:25% } .e .d.push-s3 { left:25% } .e .d.offset-s4 { margin-left:33.3333333333% } .e .d.pull-s4 { right:33.3333333333% } .e .d.push-s4 { left:33.3333333333% } .e .d.offset-s5 { margin-left:41.6666666667% } .e .d.pull-s5 { right:41.6666666667% } .e .d.push-s5 { left:41.6666666667% } .e .d.offset-s6 { margin-left:50% } .e .d.pull-s6 { right:50% } .e .d.push-s6 { left:50% } .e .d.offset-s7 { margin-left:58.3333333333% } .e .d.pull-s7 { right:58.3333333333% } .e .d.push-s7 { left:58.3333333333% } .e .d.offset-s8 { margin-left:66.6666666667% } .e .d.pull-s8 { right:66.6666666667% } .e .d.push-s8 { left:66.6666666667% } .e .d.offset-s9 { margin-left:75% } .e .d.pull-s9 { right:75% } .e .d.push-s9 { left:75% } .e .d.offset-s10 { margin-left:83.3333333333% } .e .d.pull-s10 { right:83.3333333333% } .e .d.push-s10 { left:83.3333333333% } .e .d.offset-s11 { margin-left:91.6666666667% } .e .d.pull-s11 { right:91.6666666667% } .e .d.push-s11 { left:91.6666666667% } .e .d.offset-s12 { margin-left:100% } .e .d.pull-s12 { right:100% } .e .d.push-s12 { left:100% } @media only screen and (min-width: 601px) { .e .d.ih { width:8.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.ig { width:16.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.ib { width:25%; margin-left:auto; left:auto; right:auto } .e .d.ie { width:33.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.if { width:41.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.hf { width:50%; margin-left:auto; left:auto; right:auto } .e .d.hh { width:58.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.ii { width:66.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.ij { width:75%; margin-left:auto; left:auto; right:auto } .e .d.gz { width:83.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.gv { width:91.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.ha { width:100%; margin-left:auto; left:auto; right:auto } .e .d.offset-m1 { margin-left:8.3333333333% } .e .d.pull-m1 { right:8.3333333333% } .e .d.push-m1 { left:8.3333333333% } .e .d.offset-m2 { margin-left:16.6666666667% } .e .d.pull-m2 { right:16.6666666667% } .e .d.push-m2 { left:16.6666666667% } .e .d.offset-m3 { margin-left:25% } .e .d.pull-m3 { right:25% } .e .d.push-m3 { left:25% } .e .d.offset-m4 { margin-left:33.3333333333% } .e .d.pull-m4 { right:33.3333333333% } .e .d.push-m4 { left:33.3333333333% } .e .d.offset-m5 { margin-left:41.6666666667% } .e .d.pull-m5 { right:41.6666666667% } .e .d.push-m5 { left:41.6666666667% } .e .d.offset-m6 { margin-left:50% } .e .d.pull-m6 { right:50% } .e .d.push-m6 { left:50% } .e .d.offset-m7 { margin-left:58.3333333333% } .e .d.pull-m7 { right:58.3333333333% } .e .d.push-m7 { left:58.3333333333% } .e .d.offset-m8 { margin-left:66.6666666667% } .e .d.pull-m8 { right:66.6666666667% } .e .d.push-m8 { left:66.6666666667% } .e .d.offset-m9 { margin-left:75% } .e .d.pull-m9 { right:75% } .e .d.push-m9 { left:75% } .e .d.offset-m10 { margin-left:83.3333333333% } .e .d.pull-m10 { right:83.3333333333% } .e .d.push-m10 { left:83.3333333333% } .e .d.offset-m11 { margin-left:91.6666666667% } .e .d.pull-m11 { right:91.6666666667% } .e .d.push-m11 { left:91.6666666667% } .e .d.offset-m12 { margin-left:100% } .e .d.pull-m12 { right:100% } .e .d.push-m12 { left:100% } } @media only screen and (min-width: 993px) { .e .d.hu { width:8.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.hw { width:16.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.hv { width:25%; margin-left:auto; left:auto; right:auto } .e .d.hx { width:33.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.hs { width:41.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.ht { width:50%; margin-left:auto; left:auto; right:auto } .e .d.hy { width:58.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.ia { width:66.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.hz { width:75%; margin-left:auto; left:auto; right:auto } .e .d.hd { width:83.3333333333%; margin-left:auto; left:auto; right:auto } .e .d.hc { width:91.6666666667%; margin-left:auto; left:auto; right:auto } .e .d.he { width:100%; margin-left:auto; left:auto; right:auto } .e .d.offset-l1 { margin-left:8.3333333333% } .e .d.pull-l1 { right:8.3333333333% } .e .d.push-l1 { left:8.3333333333% } .e .d.offset-l2 { margin-left:16.6666666667% } .e .d.pull-l2 { right:16.6666666667% } .e .d.push-l2 { left:16.6666666667% } .e .d.offset-l3 { margin-left:25% } .e .d.pull-l3 { right:25% } .e .d.push-l3 { left:25% } .e .d.offset-l4 { margin-left:33.3333333333% } .e .d.pull-l4 { right:33.3333333333% } .e .d.push-l4 { left:33.3333333333% } .e .d.offset-l5 { margin-left:41.6666666667% } .e .d.pull-l5 { right:41.6666666667% } .e .d.push-l5 { left:41.6666666667% } .e .d.offset-l6 { margin-left:50% } .e .d.pull-l6 { right:50% } .e .d.push-l6 { left:50% } .e .d.offset-l7 { margin-left:58.3333333333% } .e .d.pull-l7 { right:58.3333333333% } .e .d.push-l7 { left:58.3333333333% } .e .d.offset-l8 { margin-left:66.6666666667% } .e .d.pull-l8 { right:66.6666666667% } .e .d.push-l8 { left:66.6666666667% } .e .d.offset-l9 { margin-left:75% } .e .d.pull-l9 { right:75% } .e .d.push-l9 { left:75% } .e .d.offset-l10 { margin-left:83.3333333333% } .e .d.pull-l10 { right:83.3333333333% } .e .d.push-l10 { left:83.3333333333% } .e .d.offset-l11 { margin-left:91.6666666667% } .e .d.pull-l11 { right:91.6666666667% } .e .d.push-l11 { left:91.6666666667% } .e .d.offset-l12 { margin-left:100% } .e .d.pull-l12 { right:100% } .e .d.push-l12 { left:100% } } nav { color:#fff; background-color:#ba68c8; width:100%; height:56px; line-height:56px } nav.nav-extended { height:auto } nav.nav-extended .nav-wrapper { min-height:56px; height:auto } nav.nav-extended .nav-content { position:relative; line-height:normal } nav a { color:#fff } nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons { display:block; font-size:24px; height:56px; line-height:56px } nav .nav-wrapper { position:relative; height:100% } @media only screen and (min-width: 993px) { nav a.button-collapse { display:none } } nav .button-collapse { float:left; position:relative; z-index:1; height:56px; margin:0 18px } nav .button-collapse i { height:56px; line-height:56px } nav .brand-logo { position:absolute; color:#fff; display:inline-block; font-size:2.1rem; padding:0; white-space:nowrap } nav .brand-logo.de { left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%) } @media only screen and (max-width: 992px) { nav .brand-logo { left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%) } nav .brand-logo.cr,nav .brand-logo.bt { padding:0; -webkit-transform:none; transform:none } nav .brand-logo.cr { left:0.5rem } nav .brand-logo.bt { right:0.5rem; left:auto } } nav .brand-logo.bt { right:0.5rem; padding:0 } nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons { float:left; margin-right:15px } nav .nav-title { display:inline-block; font-size:32px; padding:28px 0 } nav ul { margin:0 } nav ul li { transition:background-color .3s; float:left; padding:0 } nav ul li.k { background-color:rgba(0,0,0,0.1) } nav ul a { transition:background-color .3s; font-size:1rem; color:#fff; display:block; padding:0 15px; cursor:pointer } nav ul a.g,nav ul a.btn-large,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating { margin-top:-2px; margin-left:15px; margin-right:15px } nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons { height:inherit; line-height:inherit } nav ul a:hover { background-color:rgba(0,0,0,0.1) } nav ul.cr { float:left } nav form { height:100% } nav .input-field { margin:0; height:100% } nav .input-field input { height:100%; font-size:1.2rem; border:none; padding-left:2rem } nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid { border:none; box-shadow:none } nav .input-field label { top:0; left:0 } nav .input-field label i { color:rgba(255,255,255,0.7); transition:color .3s } nav .input-field label.k i { color:#fff } .navbar-fixed { position:relative; height:56px; z-index:997 } .navbar-fixed nav { position:fixed } @media only screen and (min-width: 601px) { nav.nav-extended .nav-wrapper { min-height:64px } nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i { height:64px; line-height:64px } .navbar-fixed { height:64px } } @font-face { font-family:"Roboto"; src:local(Roboto Thin),url("../fonts/roboto/Roboto-Thin.eot"); src:url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"),url("../fonts/roboto/Roboto-Thin.woff") format("woff"),url("../fonts/roboto/Roboto-Thin.ttf") format("truetype"); font-weight:200 } @font-face { font-family:"Roboto"; src:local(Roboto Light),url("../fonts/roboto/Roboto-Light.eot"); src:url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Light.woff2") format("woff2"),url("../fonts/roboto/Roboto-Light.woff") format("woff"),url("../fonts/roboto/Roboto-Light.ttf") format("truetype"); font-weight:300 } @font-face { font-family:"Roboto"; src:local(Roboto Regular),url("../fonts/roboto/Roboto-Regular.eot"); src:url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("../fonts/roboto/Roboto-Regular.woff") format("woff"),url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"); font-weight:400 } @font-face { font-family:"Roboto"; src:url("../fonts/roboto/Roboto-Medium.eot"); src:url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"),url("../fonts/roboto/Roboto-Medium.woff") format("woff"),url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"); font-weight:500 } @font-face { font-family:"Roboto"; src:url("../fonts/roboto/Roboto-Bold.eot"); src:url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"),url("../fonts/roboto/Roboto-Bold.woff") format("woff"),url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"); font-weight:700 } a { text-decoration:none } html { line-height:1.5; font-family:"Roboto", sans-serif; font-weight:normal; color:rgba(0,0,0,0.87) } @media only screen and (min-width: 0) { html { font-size:14px } } @media only screen and (min-width: 992px) { html { font-size:14.5px } } @media only screen and (min-width: 1200px) { html { font-size:15px } } h1,h2,h3,h4,h5,h6 { font-weight:400; line-height:1.1 } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight:inherit } h1 { font-size:4.2rem; line-height:110%; margin:2.1rem 0 1.68rem 0 } h2 { font-size:3.56rem; line-height:110%; margin:1.78rem 0 1.424rem 0 } h3 { font-size:2.92rem; line-height:110%; margin:1.46rem 0 1.168rem 0 } h4 { font-size:2.28rem; line-height:110%; margin:1.14rem 0 .912rem 0 } h5 { font-size:1.64rem; line-height:110%; margin:.82rem 0 .656rem 0 } h6 { font-size:1rem; line-height:110%; margin:.5rem 0 .4rem 0 } em { font-style:italic } strong { font-weight:500 } small { font-size:75% } .q,footer.page-footer .footer-copyright { font-weight:300 } .gt { font-weight:200 } .flow-text { font-weight:300 } @media only screen and (min-width: 360px) { .flow-text { font-size:1.2rem } } @media only screen and (min-width: 390px) { .flow-text { font-size:1.224rem } } @media only screen and (min-width: 420px) { .flow-text { font-size:1.248rem } } @media only screen and (min-width: 450px) { .flow-text { font-size:1.272rem } } @media only screen and (min-width: 480px) { .flow-text { font-size:1.296rem } } @media only screen and (min-width: 510px) { .flow-text { font-size:1.32rem } } @media only screen and (min-width: 540px) { .flow-text { font-size:1.344rem } } @media only screen and (min-width: 570px) { .flow-text { font-size:1.368rem } } @media only screen and (min-width: 600px) { .flow-text { font-size:1.392rem } } @media only screen and (min-width: 630px) { .flow-text { font-size:1.416rem } } @media only screen and (min-width: 660px) { .flow-text { font-size:1.44rem } } @media only screen and (min-width: 690px) { .flow-text { font-size:1.464rem } } @media only screen and (min-width: 720px) { .flow-text { font-size:1.488rem } } @media only screen and (min-width: 750px) { .flow-text { font-size:1.512rem } } @media only screen and (min-width: 780px) { .flow-text { font-size:1.536rem } } @media only screen and (min-width: 810px) { .flow-text { font-size:1.56rem } } @media only screen and (min-width: 840px) { .flow-text { font-size:1.584rem } } @media only screen and (min-width: 870px) { .flow-text { font-size:1.608rem } } @media only screen and (min-width: 900px) { .flow-text { font-size:1.632rem } } @media only screen and (min-width: 930px) { .flow-text { font-size:1.656rem } } @media only screen and (min-width: 960px) { .flow-text { font-size:1.68rem } } @media only screen and (max-width: 360px) { .flow-text { font-size:1.2rem } } .scale-transition { transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important } .scale-transition.scale-out { -webkit-transform:scale(0); transform:scale(0); transition:-webkit-transform .2s !important; transition:transform .2s !important; transition:transform .2s, -webkit-transform .2s !important } .scale-transition.scale-in { -webkit-transform:scale(1); transform:scale(1) } .card-panel { transition:box-shadow .25s; padding:24px; margin:.5rem 0 1rem 0; border-radius:2px; background-color:#fff } .h { position:relative; margin:.5rem 0 1rem 0; background-color:#fff; transition:box-shadow .25s; border-radius:2px } .h .card-title { font-size:24px; font-weight:300 } .h .card-title.ft { cursor:pointer } .h.cb,.h.ca,.h.cg { position:relative } .h.cb .card-image,.h.ca .card-image,.h.cg .card-image { max-height:60%; overflow:hidden } .h.cb .card-image+.card-content,.h.ca .card-image+.card-content,.h.cg .card-image+.card-content { max-height:40% } .h.cb .card-content,.h.ca .card-content,.h.cg .card-content { max-height:100%; overflow:hidden } .h.cb .card-action,.h.ca .card-action,.h.cg .card-action { position:absolute; bottom:0; left:0; right:0 } .h.cb { height:300px } .h.ca { height:400px } .h.cg { height:500px } .h.ar { display:-webkit-flex; display:-ms-flexbox; display:flex } .h.ar.cb .card-image,.h.ar.ca .card-image,.h.ar.cg .card-image { height:100%; max-height:none; overflow:visible } .h.ar.cb .card-image img,.h.ar.ca .card-image img,.h.ar.cg .card-image img { height:100% } .h.ar .card-image { max-width:50% } .h.ar .card-image img { border-radius:2px 0 0 2px; max-width:100%; width:auto } .h.ar .card-stacked { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex:1; -ms-flex:1; flex:1; position:relative } .h.ar .card-stacked .card-content { -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1 } .h.sticky-action .card-action { z-index:2 } .h.sticky-action .card-reveal { z-index:1; padding-bottom:64px } .h .card-image { position:relative } .h .card-image img { display:block; border-radius:2px 2px 0 0; position:relative; left:0; right:0; top:0; bottom:0; width:100% } .h .card-image .card-title { color:#fff; position:absolute; bottom:0; left:0; max-width:100%; padding:24px } .h .card-content { padding:24px; border-radius:0 0 2px 2px } .h .card-content p { margin:0; color:inherit } .h .card-content .card-title { display:block; line-height:32px; margin-bottom:8px } .h .card-content .card-title i { line-height:32px } .h .card-action { position:relative; background-color:inherit; border-top:1px solid rgba(160,160,160,0.2); padding:16px 24px } .h .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) { color:#ffab40; margin-right:24px; transition:color .3s ease; text-transform:uppercase } .h .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover { color:#ffd8a6 } .h .card-reveal { padding:24px; position:absolute; background-color:#fff; width:100%; overflow-y:auto; left:0; top:100%; height:100%; z-index:3; display:none } .h .card-reveal .card-title { cursor:pointer; display:block } #toast-container { display:block; position:fixed; z-index:10000 } @media only screen and (max-width: 600px) { #toast-container { min-width:100%; bottom:0% } } @media only screen and (min-width: 601px) and (max-width: 992px) { #toast-container { left:5%; bottom:7%; max-width:90% } } @media only screen and (min-width: 993px) { #toast-container { top:10%; right:7%; max-width:86% } } .ch { border-radius:2px; top:35px; width:auto; clear:both; margin-top:10px; position:relative; max-width:100%; height:auto; min-height:48px; line-height:1.5em; word-break:break-all; background-color:#323232; padding:10px 25px; font-size:1.1rem; font-weight:300; color:#fff; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .ch .g,.ch .btn-large,.ch .btn-flat { margin:0; margin-left:3rem } .ch.ga { border-radius:24px } @media only screen and (max-width: 600px) { .ch { width:100%; border-radius:0 } } @media only screen and (min-width: 601px) and (max-width: 992px) { .ch { float:left } } @media only screen and (min-width: 993px) { .ch { float:right } } .as { position:relative; overflow-x:auto; overflow-y:hidden; height:48px; width:100%; background-color:#fff; margin:0 auto; white-space:nowrap } .as.tabs-transparent { background-color:transparent } .as.tabs-transparent .cf a,.as.tabs-transparent .cf.al a,.as.tabs-transparent .cf.al a:hover { color:rgba(255,255,255,0.7) } .as.tabs-transparent .cf a:hover,.as.tabs-transparent .cf a.k { color:#fff } .as.tabs-transparent .bx { background-color:#fff } .as.tabs-fixed-width { display:-webkit-flex; display:-ms-flexbox; display:flex } .as.tabs-fixed-width .cf { -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1 } .as .cf { display:inline-block; text-align:center; line-height:48px; height:48px; padding:0; margin:0; text-transform:uppercase } .as .cf a { color:rgba(186,104,200,0.7); display:block; width:100%; height:100%; padding:0 24px; font-size:14px; text-overflow:ellipsis; overflow:hidden; transition:color .28s ease } .as .cf a:hover,.as .cf a.k { background-color:transparent; color:#ba68c8 } .as .cf.al a,.as .cf.al a:hover { color:rgba(186,104,200,0.7); cursor:default } .as .bx { position:absolute; bottom:0; height:2px; background-color:#d4a0dc; will-change:left, right } @media only screen and (max-width: 992px) { .as { display:-webkit-flex; display:-ms-flexbox; display:flex } .as .cf { -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1 } .as .cf a { padding:0 12px } } .material-tooltip { padding:10px 8px; font-size:1rem; z-index:2000; background-color:transparent; border-radius:2px; color:#fff; min-height:36px; line-height:120%; opacity:0; position:absolute; text-align:center; max-width:calc(100% - 4px); overflow:hidden; left:0; top:0; pointer-events:none; visibility:hidden } .fv { position:absolute; opacity:0; height:7px; width:14px; border-radius:0 0 50% 50%; background-color:#323232; z-index:-1; -webkit-transform-origin:50% 0%; transform-origin:50% 0%; visibility:hidden } .g,.btn-large,.btn-flat { border:none; border-radius:2px; display:inline-block; height:36px; line-height:36px; padding:0 2rem; text-transform:uppercase; vertical-align:middle; -webkit-tap-highlight-color:transparent } .g.al,.al.btn-large,.btn-floating.al,.btn-large.al,.btn-flat.al,.g:disabled,.btn-large:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-flat:disabled,.btn[disabled],[disabled].btn-large,.btn-floating[disabled],.btn-large[disabled],.btn-flat[disabled] { pointer-events:none; background-color:#DFDFDF !important; box-shadow:none; color:#9F9F9F !important; cursor:default } .g.al:hover,.al.btn-large:hover,.btn-floating.al:hover,.btn-large.al:hover,.btn-flat.al:hover,.g:disabled:hover,.btn-large:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,[disabled].btn-large:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-flat[disabled]:hover { background-color:#DFDFDF !important; color:#9F9F9F !important } .g,.btn-large,.btn-floating,.btn-large,.btn-flat { outline:0 } .g i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i { font-size:1.3rem; line-height:inherit } .g:focus,.btn-large:focus,.btn-floating:focus { background-color:#1d7d74 } .g,.btn-large { text-decoration:none; color:#fff; background-color:#26a69a; text-align:center; letter-spacing:.5px; transition:.2s ease-out; cursor:pointer } .g:hover,.btn-large:hover { background-color:#2bbbad } .btn-floating { display:inline-block; color:#fff; position:relative; overflow:hidden; z-index:1; width:40px; height:40px; line-height:40px; padding:0; background-color:#26a69a; border-radius:50%; transition:.3s; cursor:pointer; vertical-align:middle } .btn-floating:hover { background-color:#26a69a } .btn-floating:before { border-radius:0 } .btn-floating.btn-large { width:56px; height:56px } .btn-floating.btn-large i { line-height:56px } .btn-floating.halfway-fab { position:absolute; right:24px; bottom:0; -webkit-transform:translateY(50%); transform:translateY(50%) } .btn-floating.halfway-fab.cr { right:auto; left:24px } .btn-floating i { width:inherit; display:inline-block; text-align:center; color:#fff; font-size:1.6rem; line-height:40px } button.btn-floating { border:none } .fixed-action-btn { position:fixed; right:23px; bottom:23px; padding-top:15px; margin-bottom:0; z-index:998 } .fixed-action-btn.k ul { visibility:visible } .fixed-action-btn.ar { padding:0 0 0 15px } .fixed-action-btn.ar ul { text-align:right; right:64px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:100%; left:auto; width:500px } .fixed-action-btn.ar ul li { display:inline-block; margin:15px 15px 0 0 } .fixed-action-btn.cq { padding:0; height:56px } .fixed-action-btn.cq.active>a i { opacity:0 } .fixed-action-btn.cq ul { display:-webkit-flex; display:-ms-flexbox; display:flex; top:0; bottom:0 } .fixed-action-btn.cq ul li { -webkit-flex:1; -ms-flex:1; flex:1; display:inline-block; margin:0; height:100%; transition:none } .fixed-action-btn.cq ul li a { display:block; overflow:hidden; position:relative; width:100%; height:100%; background-color:transparent; box-shadow:none; color:#fff; line-height:56px; z-index:1 } .fixed-action-btn.cq ul li a i { line-height:inherit } .fixed-action-btn ul { left:0; right:0; text-align:center; position:absolute; bottom:64px; margin:0; visibility:hidden } .fixed-action-btn ul li { margin-bottom:15px } .fixed-action-btn ul a.btn-floating { opacity:0 } .fixed-action-btn .fab-backdrop { position:absolute; top:0; left:0; z-index:-1; width:40px; height:40px; background-color:#26a69a; border-radius:50%; -webkit-transform:scale(0); transform:scale(0) } .btn-flat { box-shadow:none; background-color:transparent; color:#343434; cursor:pointer; transition:background-color .2s } .btn-flat:focus,.btn-flat:active { background-color:transparent } .btn-flat:focus,.btn-flat:hover { background-color:rgba(0,0,0,0.1); box-shadow:none } .btn-flat:active { background-color:rgba(0,0,0,0.2) } .btn-flat.al { background-color:transparent !important; color:#b3b3b3 !important; cursor:default } .btn-large { height:54px; line-height:54px } .btn-large i { font-size:1.6rem } .btn-block { display:block } .dropdown-content { background-color:#fff; margin:0; display:none; min-width:100px; max-height:650px; overflow-y:auto; opacity:0; position:absolute; z-index:999; will-change:width, height } .dropdown-content li { clear:both; color:rgba(0,0,0,0.87); cursor:pointer; min-height:50px; line-height:1.5rem; width:100%; text-align:left; text-transform:none } .dropdown-content li:hover,.dropdown-content li.k,.dropdown-content li.dc { background-color:#eee } .dropdown-content li.k.dc { background-color:#e1e1e1 } .dropdown-content li.eb { min-height:0; height:1px } .dropdown-content li>a,.dropdown-content li>span { font-size:16px; color:#26a69a; display:block; line-height:22px; padding:14px 16px } .dropdown-content li>span>label { top:1px; left:0; height:18px } .dropdown-content li>a>i { height:inherit; line-height:inherit } .input-field.d .dropdown-content [type="checkbox"]+label { top:1px; left:0; height:18px } /*! * Waves v0.6.0 * http://fian.ic.id/Waves * * Copyright 2014 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; display:inline-block; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; vertical-align:middle; z-index:1; transition:.3s ease-out } .waves-effect .waves-ripple { position:absolute; border-radius:50%; width:20px; height:20px; margin-top:-10px; margin-left:-10px; opacity:0; background:rgba(0,0,0,0.2); transition:all 0.7s ease-out; transition-property:opacity, -webkit-transform; transition-property:transform, opacity; transition-property:transform, opacity, -webkit-transform; -webkit-transform:scale(0); transform:scale(0); pointer-events:none } .waves-effect.waves-light .waves-ripple { background-color:rgba(255,255,255,0.45) } .waves-effect.waves-red .waves-ripple { background-color:rgba(244,67,54,0.7) } .waves-effect.waves-yellow .waves-ripple { background-color:rgba(255,235,59,0.7) } .waves-effect.waves-orange .waves-ripple { background-color:rgba(255,152,0,0.7) } .waves-effect.waves-purple .waves-ripple { background-color:rgba(156,39,176,0.7) } .waves-effect.waves-green .waves-ripple { background-color:rgba(76,175,80,0.7) } .waves-effect.waves-teal .waves-ripple { background-color:rgba(0,150,136,0.7) } .waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"] { border:0; font-style:normal; font-size:inherit; text-transform:inherit; background:none } .waves-effect img { position:relative; z-index:-1 } .waves-notransition { transition:none !important } .waves-circle { -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-mask-image:-webkit-radial-gradient(circle, #c 100%, #d 100%) } .waves-input-wrapper { border-radius:0.2em; vertical-align:bottom } .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%; -webkit-mask-image:none } .waves-block { display:block } .waves-effect .waves-ripple { z-index:-1 } .ak { display:none; position:fixed; left:0; right:0; background-color:#fafafa; padding:0; max-height:70%; width:55%; margin:auto; overflow-y:auto; border-radius:2px; will-change:top, opacity } @media only screen and (max-width: 992px) { .ak { width:80% } } .ak h1,.ak h2,.ak h3,.ak h4 { margin-top:0 } .ak .modal-content { padding:24px } .ak .modal-close { cursor:pointer } .ak .modal-footer { border-radius:0 0 2px 2px; background-color:#fafafa; padding:4px 6px; height:56px; width:100% } .ak .modal-footer .g,.ak .modal-footer .btn-large,.ak .modal-footer .btn-flat { float:right; margin:6px 0 } .modal-overlay { position:fixed; z-index:999; top:-100px; left:0; bottom:0; right:0; height:125%; width:100%; background:#000; display:none; will-change:opacity } .ak.modal-fixed-footer { padding:0; height:70% } .ak.modal-fixed-footer .modal-content { position:absolute; height:calc(100% - 56px); max-height:100%; width:100%; overflow-y:auto } .ak.modal-fixed-footer .modal-footer { border-top:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0 } .ak.bottom-sheet { top:auto; bottom:-100%; margin:0; width:100%; max-height:45%; border-radius:0; will-change:bottom, opacity } .n { border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:.5rem 0 1rem 0 } .collapsible-header { display:block; cursor:pointer; min-height:3rem; line-height:3rem; padding:0 1rem; background-color:#fff; border-bottom:1px solid #ddd } .collapsible-header i { width:2rem; font-size:1.6rem; line-height:3rem; display:block; float:left; text-align:center; margin-right:1rem } .collapsible-body { display:none; border-bottom:1px solid #ddd; box-sizing:border-box; padding:2rem } .side-nav .n,.side-nav.aj .n { border:none; box-shadow:none } .side-nav .n li,.side-nav.aj .n li { padding:0 } .side-nav .collapsible-header,.side-nav.aj .collapsible-header { background-color:transparent; border:none; line-height:inherit; height:inherit; padding:0 16px } .side-nav .collapsible-header:hover,.side-nav.aj .collapsible-header:hover { background-color:rgba(0,0,0,0.05) } .side-nav .collapsible-header i,.side-nav.aj .collapsible-header i { line-height:inherit } .side-nav .collapsible-body,.side-nav.aj .collapsible-body { border:0; background-color:#fff } .side-nav .collapsible-body li a,.side-nav.aj .collapsible-body li a { padding:0 23.5px 0 31px } .n.ei { border:none; box-shadow:none } .n.popout>li { box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); margin:0 24px; transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) } .n.popout>li.k { box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); margin:16px 0 } .el { 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:#e4e4e4; margin-bottom:5px; margin-right:5px } .el img { float:left; margin:0 8px 0 -12px; height:32px; width:32px; border-radius:50% } .el .gn { cursor:pointer; float:right; font-size:16px; line-height:32px; padding-left:8px } .co { border:none; border-bottom:1px solid #9e9e9e; box-shadow:none; margin:0 0 20px 0; min-height:45px; outline:none; transition:all .3s } .co.gi { border-bottom:1px solid #26a69a; box-shadow:0 1px 0 0 #26a69a } .co:hover { cursor:text } .co .el.dc { background-color:#26a69a; color:#fff } .co .w { background:none; border:0; color:rgba(0,0,0,0.6); display:inline-block; font-size:1rem; height:3rem; line-height:32px; outline:0; margin:0; padding:0 !important; width:120px !important } .co .w:focus { border:0 !important; box-shadow:none !important } .bl ~ .co { margin-left:3rem; width:92%; width:calc(100% - 3rem) } .co:empty ~ label { font-size:0.8rem; -webkit-transform:translateY(-140%); transform:translateY(-140%) } .cw { display:block; cursor:-webkit-zoom-in; cursor:zoom-in; position:relative; transition:opacity .4s; -webkit-backface-visibility:hidden } .cw:hover:not(.active) { opacity:.8 } .cw.k { cursor:-webkit-zoom-out; cursor:zoom-out } #materialbox-overlay { position:fixed; top:0; right:0; bottom:0; left:0; background-color:#292929; z-index:1000; will-change:opacity } .materialbox-caption { position:fixed; display:none; color:#fff; line-height:50px; bottom:0; left:0; width:100%; text-align:center; padding:0% 15%; height:50px; z-index:1000; -webkit-font-smoothing:antialiased } select:focus { outline:1px solid #c9f3ef } button:focus { outline:none; background-color:#2ab7a9 } label { font-size:.8rem; color:#9e9e9e } ::-webkit-input-placeholder { color:#d1d1d1 } :-moz-placeholder { color:#d1d1d1 } ::-moz-placeholder { color:#d1d1d1 } :-ms-input-placeholder { color:#d1d1d1 } input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea { background-color:transparent; border:none; border-bottom:1px solid #9e9e9e; border-radius:0; outline:none; height:3rem; width:100%; font-size:1rem; margin:0 0 20px 0; padding:0; box-shadow:none; box-sizing:content-box; transition:all 0.3s } input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:disabled,input[type=text][readonly="readonly"],input[type=password]:disabled,input[type=password][readonly="readonly"],input[type=email]:disabled,input[type=email][readonly="readonly"],input[type=url]:disabled,input[type=url][readonly="readonly"],input[type=time]:disabled,input[type=time][readonly="readonly"],input[type=date]:disabled,input[type=date][readonly="readonly"],input[type=datetime]:disabled,input[type=datetime][readonly="readonly"],input[type=datetime-local]:disabled,input[type=datetime-local][readonly="readonly"],input[type=tel]:disabled,input[type=tel][readonly="readonly"],input[type=number]:disabled,input[type=number][readonly="readonly"],input[type=search]:disabled,input[type=search][readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"] { color:rgba(0,0,0,0.26); border-bottom:1px dotted rgba(0,0,0,0.26) } input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:disabled+label,input[type=text][readonly="readonly"]+label,input[type=password]:disabled+label,input[type=password][readonly="readonly"]+label,input[type=email]:disabled+label,input[type=email][readonly="readonly"]+label,input[type=url]:disabled+label,input[type=url][readonly="readonly"]+label,input[type=time]:disabled+label,input[type=time][readonly="readonly"]+label,input[type=date]:disabled+label,input[type=date][readonly="readonly"]+label,input[type=datetime]:disabled+label,input[type=datetime][readonly="readonly"]+label,input[type=datetime-local]:disabled+label,input[type=datetime-local][readonly="readonly"]+label,input[type=tel]:disabled+label,input[type=tel][readonly="readonly"]+label,input[type=number]:disabled+label,input[type=number][readonly="readonly"]+label,input[type=search]:disabled+label,input[type=search][readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label { color:rgba(0,0,0,0.26) } input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) { border-bottom:1px solid #26a69a; box-shadow:0 1px 0 0 #26a69a } input:not([type]):focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label { color:#26a69a } input:not([type]).s,input:not([type]):focus.s,input[type=text].s,input[type=text]:focus.s,input[type=password].s,input[type=password]:focus.s,input[type=email].s,input[type=email]:focus.s,input[type=url].s,input[type=url]:focus.s,input[type=time].s,input[type=time]:focus.s,input[type=date].s,input[type=date]:focus.s,input[type=datetime].s,input[type=datetime]:focus.s,input[type=datetime-local].s,input[type=datetime-local]:focus.s,input[type=tel].s,input[type=tel]:focus.s,input[type=number].s,input[type=number]:focus.s,input[type=search].s,input[type=search]:focus.s,textarea.materialize-textarea.s,textarea.materialize-textarea:focus.s { border-bottom:1px solid #4CAF50; box-shadow:0 1px 0 0 #4CAF50 } input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=text].valid+label:after,input[type=text]:focus.valid+label:after,input[type=password].valid+label:after,input[type=password]:focus.valid+label:after,input[type=email].valid+label:after,input[type=email]:focus.valid+label:after,input[type=url].valid+label:after,input[type=url]:focus.valid+label:after,input[type=time].valid+label:after,input[type=time]:focus.valid+label:after,input[type=date].valid+label:after,input[type=date]:focus.valid+label:after,input[type=datetime].valid+label:after,input[type=datetime]:focus.valid+label:after,input[type=datetime-local].valid+label:after,input[type=datetime-local]:focus.valid+label:after,input[type=tel].valid+label:after,input[type=tel]:focus.valid+label:after,input[type=number].valid+label:after,input[type=number]:focus.valid+label:after,input[type=search].valid+label:after,input[type=search]:focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after { content:attr(data-success); color:#4CAF50; opacity:1 } input:not([type]).l,input:not([type]):focus.l,input[type=text].l,input[type=text]:focus.l,input[type=password].l,input[type=password]:focus.l,input[type=email].l,input[type=email]:focus.l,input[type=url].l,input[type=url]:focus.l,input[type=time].l,input[type=time]:focus.l,input[type=date].l,input[type=date]:focus.l,input[type=datetime].l,input[type=datetime]:focus.l,input[type=datetime-local].l,input[type=datetime-local]:focus.l,input[type=tel].l,input[type=tel]:focus.l,input[type=number].l,input[type=number]:focus.l,input[type=search].l,input[type=search]:focus.l,textarea.materialize-textarea.l,textarea.materialize-textarea:focus.l { border-bottom:1px solid #F44336; box-shadow:0 1px 0 0 #F44336 } input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=text].invalid+label:after,input[type=text]:focus.invalid+label:after,input[type=password].invalid+label:after,input[type=password]:focus.invalid+label:after,input[type=email].invalid+label:after,input[type=email]:focus.invalid+label:after,input[type=url].invalid+label:after,input[type=url]:focus.invalid+label:after,input[type=time].invalid+label:after,input[type=time]:focus.invalid+label:after,input[type=date].invalid+label:after,input[type=date]:focus.invalid+label:after,input[type=datetime].invalid+label:after,input[type=datetime]:focus.invalid+label:after,input[type=datetime-local].invalid+label:after,input[type=datetime-local]:focus.invalid+label:after,input[type=tel].invalid+label:after,input[type=tel]:focus.invalid+label:after,input[type=number].invalid+label:after,input[type=number]:focus.invalid+label:after,input[type=search].invalid+label:after,input[type=search]:focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after { content:attr(data-error); color:#F44336; opacity:1 } input:not([type]).validate+label,input[type=text].validate+label,input[type=password].validate+label,input[type=email].validate+label,input[type=url].validate+label,input[type=time].validate+label,input[type=date].validate+label,input[type=datetime].validate+label,input[type=datetime-local].validate+label,input[type=tel].validate+label,input[type=number].validate+label,input[type=search].validate+label,textarea.materialize-textarea.validate+label { width:100%; pointer-events:none } input:not([type])+label:after,input[type=text]+label:after,input[type=password]+label:after,input[type=email]+label:after,input[type=url]+label:after,input[type=time]+label:after,input[type=date]+label:after,input[type=datetime]+label:after,input[type=datetime-local]+label:after,input[type=tel]+label:after,input[type=number]+label:after,input[type=search]+label:after,textarea.materialize-textarea+label:after { display:block; content:""; position:absolute; top:60px; opacity:0; transition:.2s opacity ease-out, .2s color ease-out } .input-field { position:relative; margin-top:1rem } .input-field.eh { display:inline-block; vertical-align:middle; margin-left:5px } .input-field.eh input,.input-field.eh .select-dropdown { margin-bottom:1rem } .input-field.d label { left:.75rem } .input-field.d .bl ~ label,.input-field.d .bl ~ .ay ~ label { width:calc(100% - 3rem - 1.5rem) } .input-field label { color:#9e9e9e; position:absolute; top:0.8rem; left:0; font-size:1rem; cursor:text; transition:.2s ease-out } .input-field label:not(.label-icon).k { font-size:.8rem; -webkit-transform:translateY(-140%); transform:translateY(-140%) } .input-field .bl { position:absolute; width:3rem; font-size:2rem; transition:color .2s } .input-field .bl.k { color:#26a69a } .input-field .bl ~ input,.input-field .bl ~ textarea,.input-field .bl ~ label,.input-field .bl ~ .ay ~ label,.input-field .bl ~ .autocomplete-content { margin-left:3rem; width:92%; width:calc(100% - 3rem) } .input-field .bl ~ label { margin-left:3rem } @media only screen and (max-width: 992px) { .input-field .bl ~ input { width:86%; width:calc(100% - 3rem) } } @media only screen and (max-width: 600px) { .input-field .bl ~ input { width:80%; width:calc(100% - 3rem) } } .input-field input[type=search] { display:block; line-height:inherit; padding-left:4rem; width:calc(100% - 4rem) } .input-field input[type=search]:focus { background-color:#fff; border:0; box-shadow:none; color:#444 } .input-field input[type=search]:focus+label i,.input-field input[type=search]:focus ~ .mdi-navigation-close,.input-field input[type=search]:focus ~ .material-icons { color:#444 } .input-field input[type=search]+label { left:1rem } .input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons { position:absolute; top:0; right:1rem; color:transparent; cursor:pointer; font-size:2rem; transition:.3s color } textarea { width:100%; height:3rem; background-color:transparent } textarea.materialize-textarea { overflow-y:hidden; padding:.8rem 0 1.6rem 0; resize:none; min-height:3rem } .fs { display:none; white-space:pre-wrap; word-wrap:break-word; overflow-wrap:break-word; padding-top:1.2rem } .autocomplete-content { margin-top:-15px; display:block; opacity:1; position:static } .autocomplete-content li .dp { color:#444 } .autocomplete-content li img { height:40px; width:40px; margin:5px 15px } [type="radio"]:not(:checked),[type="radio"]:checked { position:absolute; left:-9999px; opacity:0 } [type="radio"]:not(:checked)+label,[type="radio"]:checked+label { position:relative; padding-left:35px; cursor:pointer; display:inline-block; height:25px; line-height:25px; font-size:1rem; transition:.28s ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } [type="radio"]+label:before,[type="radio"]+label:after { content:''; position:absolute; left:0; top:0; margin:4px; width:16px; height:16px; z-index:0; transition:.28s ease } [type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after,[type="radio"]:checked+label:before,[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after { border-radius:50% } [type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after { border:2px solid #5a5a5a } [type="radio"]:not(:checked)+label:after { -webkit-transform:scale(0); transform:scale(0) } [type="radio"]:checked+label:before { border:2px solid transparent } [type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after { border:2px solid #26a69a } [type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:after { background-color:#26a69a } [type="radio"]:checked+label:after { -webkit-transform:scale(1.02); transform:scale(1.02) } [type="radio"].with-gap:checked+label:after { -webkit-transform:scale(0.5); transform:scale(0.5) } [type="radio"].cu:focus+label:before { box-shadow:0 0 0 10px rgba(0,0,0,0.1) } [type="radio"].with-gap:disabled:checked+label:before { border:2px solid rgba(0,0,0,0.26) } [type="radio"].with-gap:disabled:checked+label:after { border:none; background-color:rgba(0,0,0,0.26) } [type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before { background-color:transparent; border-color:rgba(0,0,0,0.26) } [type="radio"]:disabled+label { color:rgba(0,0,0,0.26) } [type="radio"]:disabled:not(:checked)+label:before { border-color:rgba(0,0,0,0.26) } [type="radio"]:disabled:checked+label:after { background-color:rgba(0,0,0,0.26); border-color:#BDBDBD } form p { margin-bottom:10px; text-align:left } form p:last-child { margin-bottom:0 } [type="checkbox"]:not(:checked),[type="checkbox"]:checked { position:absolute; left:-9999px; opacity:0 } [type="checkbox"]+label { position:relative; padding-left:35px; cursor:pointer; display:inline-block; height:25px; line-height:25px; font-size:1rem; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none } [type="checkbox"]+label:before,[type="checkbox"]:not(.filled-in)+label:after { content:''; position:absolute; top:0; left:0; width:18px; height:18px; z-index:0; border:2px solid #5a5a5a; border-radius:1px; margin-top:2px; transition:.2s } [type="checkbox"]:not(.filled-in)+label:after { border:0; -webkit-transform:scale(0); transform:scale(0) } [type="checkbox"]:not(:checked):disabled+label:before { border:none; background-color:rgba(0,0,0,0.26) } [type="checkbox"].cu:focus+label:after { -webkit-transform:scale(1); transform:scale(1); border:0; border-radius:50%; box-shadow:0 0 0 10px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.1) } [type="checkbox"]:checked+label:before { top:-4px; left:-5px; width:12px; height:22px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #26a69a; border-bottom:2px solid #26a69a; -webkit-transform:rotate(40deg); transform:rotate(40deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% } [type="checkbox"]:checked:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); border-bottom:2px solid rgba(0,0,0,0.26) } [type="checkbox"]:indeterminate+label:before { top:-11px; left:-12px; width:10px; height:22px; border-top:none; border-left:none; border-right:2px solid #26a69a; border-bottom:none; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform-origin:100% 100%; transform-origin:100% 100% } [type="checkbox"]:indeterminate:disabled+label:before { border-right:2px solid rgba(0,0,0,0.26); background-color:transparent } [type="checkbox"].filled-in+label:after { border-radius:2px } [type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after { content:''; left:0; position:absolute; transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index:1 } [type="checkbox"].filled-in:not(:checked)+label:before { width:0; height:0; border:3px solid transparent; left:6px; top:10px; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:20% 40%; transform-origin:100% 100% } [type="checkbox"].filled-in:not(:checked)+label:after { height:20px; width:20px; background-color:transparent; border:2px solid #5a5a5a; top:0px; z-index:0 } [type="checkbox"].filled-in:checked+label:before { top:0; left:1px; width:8px; height:13px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:100% 100%; transform-origin:100% 100% } [type="checkbox"].filled-in:checked+label:after { top:0; width:20px; height:20px; border:2px solid #26a69a; background-color:#26a69a; z-index:0 } [type="checkbox"].filled-in.cu:focus+label:after { border-radius:2px; border-color:#5a5a5a; background-color:rgba(0,0,0,0.1) } [type="checkbox"].filled-in.cu:checked:focus+label:after { border-radius:2px; background-color:#26a69a; border-color:#26a69a } [type="checkbox"].filled-in:disabled:not(:checked)+label:before { background-color:transparent; border:2px solid transparent } [type="checkbox"].filled-in:disabled:not(:checked)+label:after { border-color:transparent; background-color:#BDBDBD } [type="checkbox"].filled-in:disabled:checked+label:before { background-color:transparent } [type="checkbox"].filled-in:disabled:checked+label:after { background-color:#BDBDBD; border-color:#BDBDBD } .bs,.bs * { -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none } .bs label { cursor:pointer } .bs label input[type=checkbox] { opacity:0; width:0; height:0 } .bs label input[type=checkbox]:checked+.by { background-color:#84c7c1 } .bs label input[type=checkbox]:checked+.by:after { background-color:#26a69a; left:24px } .bs label .by { 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 } .bs label .by: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 } input[type=checkbox]:checked:not(:disabled) ~ .by:active::after,input[type=checkbox]:checked:not(:disabled).cu:focus ~ .by::after { box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(38,166,154,0.1) } input[type=checkbox]:not(:disabled) ~ .by:active:after,input[type=checkbox]:not(:disabled).cu:focus ~ .by::after { box-shadow:0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.08) } .bs input[type=checkbox][disabled]+.by { cursor:default } .bs label input[type=checkbox][disabled]+.by:after,.bs label input[type=checkbox][disabled]:checked+.by:after { background-color:#BDBDBD } select { display:none } select.browser-default { display:block } select { background-color:rgba(255,255,255,0.9); width:100%; padding:5px; border:1px solid #f2f2f2; border-radius:2px; height:3rem } .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 #9e9e9e; outline:none; height:3rem; line-height:3rem; width:100%; font-size:1rem; margin:0 0 20px 0; padding:0; display:block } .select-wrapper span.fh { color:initial; position:absolute; right:0; top:0; bottom:0; height:10px; margin:auto 0; font-size:10px; line-height:10px } .select-wrapper span.fh.al { color:rgba(0,0,0,0.26) } .select-wrapper+label { position:absolute; top:-14px; font-size:.8rem } select:disabled { color:rgba(0,0,0,0.3) } .select-wrapper input.select-dropdown:disabled { color:rgba(0,0,0,0.3); cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border-bottom:1px solid rgba(0,0,0,0.3) } .select-wrapper i { color:rgba(0,0,0,0.3) } .select-dropdown li.al,.select-dropdown li.disabled>span,.select-dropdown li.ci { color:rgba(0,0,0,0.3); background-color:transparent } .bl ~ .select-wrapper { margin-left:3rem; width:92%; width:calc(100% - 3rem) } .bl ~ label { margin-left:3rem } .select-dropdown li img { height:40px; width:40px; margin:5px 15px; float:right } .select-dropdown li.ci { border-top:1px solid #eee } .select-dropdown li.ci.selected>span { color:rgba(0,0,0,0.7) } .select-dropdown li.optgroup>span { color:rgba(0,0,0,0.4) } .select-dropdown li.ci ~ li.optgroup-option { padding-left:1rem } .file-field { position:relative } .file-field .file-path-wrapper { overflow:hidden; padding-left:10px } .file-field input.file-path { width:100% } .file-field .g,.file-field .btn-large { float:left; height:3rem; line-height:3rem } .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; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0) } .range-field { position:relative } input[type=range],input[type=range]+.dd { cursor:pointer } input[type=range] { position:relative; background-color:transparent; border:none; outline:none; width:100%; margin:15px 0; padding:0 } input[type=range]:focus { outline:none } input[type=range]+.dd { position:absolute; border:none; height:0; width:0; border-radius:50%; background-color:#26a69a; top:10px; margin-left:-6px; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } input[type=range]+.dd .fm { display:block; width:30px; text-align:center; color:#26a69a; font-size:0; -webkit-transform:rotate(45deg); transform:rotate(45deg) } input[type=range]+.dd.k { border-radius:50% 50% 50% 0 } input[type=range]+.dd.k .fm { color:#fff; margin-left:-1px; margin-top:8px; font-size:10px } input[type=range] { -webkit-appearance:none } input[type=range]::-webkit-slider-runnable-track { height:3px; background:#c2c0c2; border:none } input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; border:none; height:14px; width:14px; border-radius:50%; background-color:#26a69a; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; margin:-5px 0 0 0; transition:.3s } input[type=range]:focus::-webkit-slider-runnable-track { background:#ccc } input[type=range] { border:1px solid white } input[type=range]::-moz-range-track { height:3px; background:#ddd; border:none } input[type=range]::-moz-range-thumb { border:none; height:14px; width:14px; border-radius:50%; background:#26a69a; margin-top:-5px } input[type=range]:-moz-focusring { outline:1px solid #fff; outline-offset:-1px } input[type=range]:focus::-moz-range-track { background:#ccc } input[type=range]::-ms-track { height:3px; background:transparent; border-color:transparent; border-width:6px 0; color:transparent } input[type=range]::-ms-fill-lower { background:#777 } input[type=range]::-ms-fill-upper { background:#ddd } input[type=range]::-ms-thumb { border:none; height:14px; width:14px; border-radius:50%; background:#26a69a } input[type=range]:focus::-ms-fill-lower { background:#888 } input[type=range]:focus::-ms-fill-upper { background:#ccc } .table-of-contents.aj { position:fixed } .table-of-contents li { padding:2px 0 } .table-of-contents a { display:inline-block; font-weight:300; color:#757575; padding-left:20px; height:1.5rem; line-height:1.5rem; letter-spacing:.4; display:inline-block } .table-of-contents a:hover { color:#a8a8a8; padding-left:19px; border-left:1px solid #ba68c8 } .table-of-contents a.active { font-weight:500; padding-left:18px; border-left:2px solid #ba68c8 } .side-nav { position:fixed; width:300px; left:0; top:0; margin:0; -webkit-transform:translateX(-100%); transform:translateX(-100%); height:100%; height:calc(100% + 60px); height:-moz-calc(100%); padding-bottom:60px; background-color:#fff; z-index:999; overflow-y:auto; will-change:transform; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-105%); transform:translateX(-105%) } .side-nav.right-aligned { right:0; -webkit-transform:translateX(105%); transform:translateX(105%); left:auto; -webkit-transform:translateX(100%); transform:translateX(100%) } .side-nav .n { margin:0 } .side-nav li { float:none; line-height:48px } .side-nav li.k { background-color:rgba(0,0,0,0.05) } .side-nav a { color:rgba(0,0,0,0.87); display:block; font-size:14px; font-weight:500; height:48px; line-height:48px; padding:0 32px } .side-nav a:hover { background-color:rgba(0,0,0,0.05) } .side-nav a.g,.side-nav a.btn-large,.side-nav a.btn-large,.side-nav a.btn-flat,.side-nav a.btn-floating { margin:10px 15px } .side-nav a.g,.side-nav a.btn-large,.side-nav a.btn-large,.side-nav a.btn-floating { color:#fff } .side-nav a.btn-flat { color:#343434 } .side-nav a.g:hover,.side-nav a.btn-large:hover,.side-nav a.btn-large:hover { background-color:#2bbbad } .side-nav a.btn-floating:hover { background-color:#26a69a } .side-nav li>a>i,.side-nav li>a>[class^="mdi-"],.side-nav li>a>[class*="mdi-"],.side-nav li>a>i.material-icons { float:left; height:48px; line-height:48px; margin:0 32px 0 0; width:24px; color:rgba(0,0,0,0.54) } .side-nav .eb { margin:8px 0 0 0 } .side-nav .ej { cursor:initial; pointer-events:none; color:rgba(0,0,0,0.54); font-size:14px; font-weight:500; line-height:48px } .side-nav .ej:hover { background-color:transparent } .side-nav .bg { position:relative; padding:32px 32px 0; margin-bottom:8px } .side-nav .userView>a { height:auto; padding:0 } .side-nav .userView>a:hover { background-color:transparent } .side-nav .bg .fp { overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1 } .side-nav .bg .bf,.side-nav .bg .ev,.side-nav .bg .eq { display:block } .side-nav .bg .bf { height:64px; width:64px } .side-nav .bg .ev,.side-nav .bg .eq { font-size:14px; line-height:24px } .side-nav .bg .ev { margin-top:16px; font-weight:500 } .side-nav .bg .eq { padding-bottom:16px; font-weight:400 } .drag-target { height:100%; width:10px; position:fixed; top:0; z-index:998 } .side-nav.aj { left:0; -webkit-transform:translateX(0); transform:translateX(0); position:fixed } .side-nav.aj.right-aligned { right:0; left:auto } @media only screen and (max-width: 992px) { .side-nav.aj { -webkit-transform:translateX(-105%); transform:translateX(-105%) } .side-nav.aj.right-aligned { -webkit-transform:translateX(105%); transform:translateX(105%) } .side-nav a { padding:0 16px } .side-nav .bg { padding:16px 16px 0 } } .side-nav .collapsible-body>ul:not(.collapsible)>li.k,.side-nav.aj .collapsible-body>ul:not(.collapsible)>li.k { background-color:#ba68c8 } .side-nav .collapsible-body>ul:not(.collapsible)>li.k a,.side-nav.aj .collapsible-body>ul:not(.collapsible)>li.k a { color:#fff } #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 } .preloader-wrapper { display:inline-block; position:relative; width:48px; height:48px } .preloader-wrapper.cb { width:36px; height:36px } .preloader-wrapper.hb { width:64px; height:64px } .preloader-wrapper.k { -webkit-animation:container-rotate 1568ms linear infinite; animation:container-rotate 1568ms linear infinite } @-webkit-keyframes container-rotate { to { -webkit-transform:rotate(360deg) } } @keyframes container-rotate { to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .spinner-layer { position:absolute; width:100%; height:100%; opacity:0; border-color:#26a69a } .spinner-blue,.spinner-blue-only { border-color:#4285f4 } .spinner-red,.spinner-red-only { border-color:#db4437 } .spinner-yellow,.spinner-yellow-only { border-color:#f4b400 } .spinner-green,.spinner-green-only { border-color:#0f9d58 } .k .spinner-layer.spinner-blue { -webkit-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; 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 } .k .spinner-layer.spinner-red { -webkit-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; 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 } .k .spinner-layer.spinner-yellow { -webkit-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; 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 } .k .spinner-layer.spinner-green { -webkit-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; 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 } .k .spinner-layer,.k .spinner-layer.spinner-blue-only,.k .spinner-layer.spinner-red-only,.k .spinner-layer.spinner-yellow-only,.k .spinner-layer.spinner-green-only { opacity:1; -webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both } @-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform:rotate(135deg) } 25% { -webkit-transform:rotate(270deg) } 37.5% { -webkit-transform:rotate(405deg) } 50% { -webkit-transform:rotate(540deg) } 62.5% { -webkit-transform:rotate(675deg) } 75% { -webkit-transform:rotate(810deg) } 87.5% { -webkit-transform:rotate(945deg) } to { -webkit-transform:rotate(1080deg) } } @keyframes fill-unfill-rotate { 12.5% { -webkit-transform:rotate(135deg); transform:rotate(135deg) } 25% { -webkit-transform:rotate(270deg); transform:rotate(270deg) } 37.5% { -webkit-transform:rotate(405deg); transform:rotate(405deg) } 50% { -webkit-transform:rotate(540deg); transform:rotate(540deg) } 62.5% { -webkit-transform:rotate(675deg); transform:rotate(675deg) } 75% { -webkit-transform:rotate(810deg); transform:rotate(810deg) } 87.5% { -webkit-transform:rotate(945deg); transform:rotate(945deg) } to { -webkit-transform:rotate(1080deg); transform:rotate(1080deg) } } @-webkit-keyframes blue-fade-in-out { from { opacity:1 } 25% { opacity:1 } 26% { opacity:0 } 89% { opacity:0 } 90% { opacity:1 } 100% { opacity:1 } } @keyframes blue-fade-in-out { from { opacity:1 } 25% { opacity:1 } 26% { opacity:0 } 89% { opacity:0 } 90% { opacity:1 } 100% { opacity:1 } } @-webkit-keyframes red-fade-in-out { from { opacity:0 } 15% { opacity:0 } 25% { opacity:1 } 50% { opacity:1 } 51% { opacity:0 } } @keyframes red-fade-in-out { from { opacity:0 } 15% { opacity:0 } 25% { opacity:1 } 50% { opacity:1 } 51% { opacity:0 } } @-webkit-keyframes yellow-fade-in-out { from { opacity:0 } 40% { opacity:0 } 50% { opacity:1 } 75% { opacity:1 } 76% { opacity:0 } } @keyframes yellow-fade-in-out { from { opacity:0 } 40% { opacity:0 } 50% { opacity:1 } 75% { opacity:1 } 76% { opacity:0 } } @-webkit-keyframes green-fade-in-out { from { opacity:0 } 65% { opacity:0 } 75% { opacity:1 } 90% { opacity:1 } 100% { opacity:0 } } @keyframes green-fade-in-out { from { opacity:0 } 65% { opacity:0 } 75% { opacity:1 } 90% { opacity:1 } 100% { opacity:0 } } .gap-patch { position:absolute; top:0; left:45%; width:10%; height:100%; overflow:hidden; border-color:inherit } .gap-patch .bf { width:1000%; left:-450% } .circle-clipper { display:inline-block; position:relative; width:50%; height:100%; overflow:hidden; border-color:inherit } .circle-clipper .bf { width:200%; height:100%; border-width:3px; border-style:solid; border-color:inherit; border-bottom-color:transparent !important; border-radius:50%; -webkit-animation:none; animation:none; position:absolute; top:0; right:0; bottom:0 } .circle-clipper.cr .bf { left:0; border-right-color:transparent !important; -webkit-transform:rotate(129deg); transform:rotate(129deg) } .circle-clipper.bt .bf { left:-100%; border-left-color:transparent !important; -webkit-transform:rotate(-129deg); transform:rotate(-129deg) } .k .circle-clipper.cr .bf { -webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both } .k .circle-clipper.bt .bf { -webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both } @-webkit-keyframes left-spin { from { -webkit-transform:rotate(130deg) } 50% { -webkit-transform:rotate(-5deg) } to { -webkit-transform:rotate(130deg) } } @keyframes left-spin { from { -webkit-transform:rotate(130deg); transform:rotate(130deg) } 50% { -webkit-transform:rotate(-5deg); transform:rotate(-5deg) } to { -webkit-transform:rotate(130deg); transform:rotate(130deg) } } @-webkit-keyframes right-spin { from { -webkit-transform:rotate(-130deg) } 50% { -webkit-transform:rotate(5deg) } to { -webkit-transform:rotate(-130deg) } } @keyframes right-spin { from { -webkit-transform:rotate(-130deg); transform:rotate(-130deg) } 50% { -webkit-transform:rotate(5deg); transform:rotate(5deg) } to { -webkit-transform:rotate(-130deg); transform:rotate(-130deg) } } #a.fu { -webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1) } @-webkit-keyframes fade-out { from { opacity:1 } to { opacity:0 } } @keyframes fade-out { from { opacity:1 } to { opacity:0 } } .bo { position:relative; height:400px; width:100% } .bo.dj { height:100%; width:100%; position:absolute; top:0; left:0; right:0; bottom:0 } .bo.dj ul.cl { height:100% } .bo.dj ul.indicators { z-index:2; bottom:30px } .bo .cl { background-color:#9e9e9e; margin:0; height:400px } .bo .cl li { opacity:0; position:absolute; top:0; left:0; z-index:1; width:100%; height:inherit; overflow:hidden } .bo .cl li img { height:100%; width:100%; background-size:cover; background-position:center } .bo .cl li .ef { color:#fff; position:absolute; top:15%; left:15%; width:70%; opacity:0 } .bo .cl li .ef p { color:#e0e0e0 } .bo .cl li.k { z-index:2 } .bo .indicators { position:absolute; text-align:center; left:0; right:0; bottom:0; margin:0 } .bo .indicators .indicator-item { display:inline-block; position:relative; cursor:pointer; height:16px; width:16px; margin:0 12px; background-color:#e0e0e0; transition:background-color .3s; border-radius:50% } .bo .indicators .indicator-item.active { background-color:#4CAF50 } .t { overflow:hidden; position:relative; width:100%; height:400px; -webkit-perspective:500px; perspective:500px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 50%; transform-origin:0% 50% } .t.carousel-slider { top:0; left:0; height:0 } .t.carousel-slider .carousel-fixed-item { position:absolute; left:0; right:0; bottom:20px; z-index:1 } .t.carousel-slider .carousel-fixed-item.with-indicators { bottom:68px } .t.carousel-slider .carousel-item { width:100%; height:100%; min-height:400px; position:absolute; top:0; left:0 } .t.carousel-slider .carousel-item h2 { font-size:24px; font-weight:500; line-height:32px } .t.carousel-slider .carousel-item p { font-size:15px } .t .carousel-item { display:none; width:200px; height:200px; position:absolute; top:0; left:0 } .t .carousel-item img { width:100% } .t .indicators { position:absolute; text-align:center; left:0; right:0; bottom:0; margin:0 } .t .indicators .indicator-item { display:inline-block; position:relative; cursor:pointer; height:8px; width:8px; margin:24px 4px; background-color:rgba(255,255,255,0.5); transition:background-color .3s; border-radius:50% } .t .indicators .indicator-item.active { background-color:#fff } .aq { font-size:16px; text-align:left; line-height:1.2; color:#000000; position:absolute; z-index:10000; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .bv { cursor:default } .bv.picker__input--active { border-color:#0089ec } .cc { width:100%; overflow-y:auto; -webkit-overflow-scrolling:touch } /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.gg.io/pickadate.js */.cc,.ba { bottom:0; left:0; right:0; top:100% } .cc { position:fixed; transition:background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility:hidden } .ba { position:absolute; margin:0 auto; min-width:256px; width:300px; max-height:350px; -ms-filter:"progid:DXImageTransform.dq.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transition:all 0.15s ease-out } @media (min-height: 28.875em) { .ba { overflow:visible; top:auto; bottom:-100%; max-height:80% } } @media (min-height: 40.125em) { .ba { margin-bottom:7.5% } } .dw { display:table; width:100%; height:100% } @media (min-height: 28.875em) { .dw { display:block } } .br { background:#ffffff; display:table-cell; vertical-align:middle } @media (min-height: 28.875em) { .br { 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) } } .picker--opened .cc { top:0; background:transparent; -ms-filter:"progid:DXImageTransform.dq.gradient(startColorstr=#b,endColorstr=#1E000000)"; zoom:1; background:rgba(0,0,0,0.32); transition:background 0.15s ease-out } .picker--opened .ba { top:0; -ms-filter:"progid:DXImageTransform.dq.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; opacity:1 } @media (min-height: 35.875em) { .picker--opened .ba { top:10%; bottom:auto } } .bv.picker__input--active { border-color:#E3F2FD } .ba { margin:0 auto; max-width:325px } @media (min-height: 38.875em) { .picker--opened .ba { top:10%; bottom:auto } } .br { padding:0 1em } .ex { text-align:center; position:relative; margin-top:.75em } .dr,.dx { display:inline-block; margin-left:.25em; margin-right:.25em } .picker__select--month,.picker__select--year { height:2em; padding:0; margin-left:.25em; margin-right:.25em } .picker__select--month.browser-default { display:inline; background-color:#FFFFFF; width:40% } .picker__select--year.browser-default { display:inline; background-color:#FFFFFF; width:26% } .picker__select--month:focus,.picker__select--year:focus { border-color:rgba(0,0,0,0.05) } .picker__nav--prev,.picker__nav--next { position:absolute; padding:.5em 1.25em; width:1em; height:1em; box-sizing:content-box; top:-0.25em } .picker__nav--prev { left:-1em; padding-right:1.25em } .picker__nav--next { right:-1em; padding-left:1.25em } .picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover { cursor:default; background:none; border-right-color:#f5f5f5; border-left-color:#f5f5f5 } .bw { text-align:center; border-collapse:collapse; border-spacing:0; table-layout:fixed; font-size:1rem; width:100%; margin-top:.75em; margin-bottom:.5em } .bw th,.bw td { text-align:center } .bw td { margin:0; padding:0 } .bz { width:14.285714286%; font-size:.75em; padding-bottom:.25em; color:#999999; font-weight:500 } @media (min-height: 33.875em) { .bz { padding-bottom:.5em } } .picker__day--today { position:relative; color:#595959; letter-spacing:-.3; padding:.75rem 0; font-weight:400; border:1px solid transparent } .picker__day--disabled:before { border-top-color:#aaaaaa } .picker__day--infocus:hover { cursor:pointer; color:#000; font-weight:500 } .picker__day--outfocus { display:none; padding:.75rem 0; color:#fff } .picker__day--outfocus:hover { cursor:pointer; color:#dddddd; font-weight:500 } .picker__day--highlighted:hover,.picker--focused .picker__day--highlighted { cursor:pointer } .picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected { border-radius:50%; -webkit-transform:scale(0.75); transform:scale(0.75); background:#0089ec; color:#ffffff } .picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled { background:#f5f5f5; border-color:#f5f5f5; color:#dddddd; cursor:default } .picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover { background:#bbbbbb } .dm { text-align:center; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between } .picker__button--today,.picker__button--clear,.picker__button--close { border:1px solid #ffffff; background:#ffffff; font-size:.8em; padding:.66em 0; font-weight:bold; width:33%; display:inline-block; vertical-align:bottom } .picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover { cursor:pointer; color:#000000; background:#b1dcfb; border-bottom-color:#b1dcfb } .picker__button--today:focus,.picker__button--clear:focus,.picker__button--close:focus { background:#b1dcfb; border-color:rgba(0,0,0,0.05); outline:none } .picker__button--today:before,.picker__button--clear:before,.picker__button--close:before { position:relative; display:inline-block; height:0 } .picker__button--today:before,.picker__button--clear:before { content:" "; margin-right:.45em } .picker__button--today:before { top:-0.05em; width:0; border-top:0.66em solid #0059bc; border-left:.66em solid transparent } .picker__button--clear:before { top:-0.25em; width:.66em; border-top:3px solid #ee2200 } .picker__button--close:before { content:"\D7"; top:-0.1em; vertical-align:top; font-size:1.1em; margin-right:.35em; color:#777777 } .picker__button--today[disabled],.picker__button--today[disabled]:hover { background:#f5f5f5; border-color:#f5f5f5; color:#dddddd; cursor:default } .picker__button--today[disabled]:before { border-top-color:#aaaaaa } .br { border-radius:2px; overflow:hidden } .picker__date-display { text-align:center; background-color:#26a69a; color:#fff; padding-bottom:15px; font-weight:300 } .picker__nav--prev:hover,.picker__nav--next:hover { cursor:pointer; color:#000000; background:#a1ded8 } .picker__weekday-display { background-color:#1f897f; padding:10px; font-weight:200; letter-spacing:.5; font-size:1rem; margin-bottom:15px } .picker__month-display { text-transform:uppercase; font-size:2rem } .picker__day-display { font-size:4.5rem; font-weight:400 } .picker__year-display { font-size:1.8rem; color:rgba(255,255,255,0.4) } .br { padding:0 } .picker__calendar-container { padding:0 1rem } .picker__calendar-container thead { border:none } .bw { margin-top:0; margin-bottom:.5em } .picker__day--infocus { color:#595959; letter-spacing:-.3; padding:.75rem 0; font-weight:400; border:1px solid transparent } .m.picker__day--today { color:#26a69a } .m.picker__day--today.picker__day--selected { color:#fff } .bz { font-size:.9rem } .picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected { border-radius:50%; -webkit-transform:scale(0.9); transform:scale(0.9); background-color:#26a69a; color:#ffffff } .picker__day--selected.picker__day--outfocus,.picker__day--selected:hover.picker__day--outfocus,.picker--focused .picker__day--selected.picker__day--outfocus { background-color:#a1ded8 } .dm { text-align:right; padding:5px 10px } .dt,.du { font-size:1.1rem; padding:0 1rem; color:#26a69a } .picker__nav--prev:before,.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__nav--next:before { border-right:0; border-left:0.75em solid #676767 } button.du:focus,button.ez:focus,button.dt:focus { background-color:#a1ded8 } .am { list-style:none; padding:0.75em 0 4.2em; margin:0 } .picker__list-item { border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; margin-bottom:-1px; position:relative; background:#ffffff; padding:.75em 1.25em } @media (min-height: 46.75em) { .picker__list-item { padding:.5em 1em } } .picker__list-item:hover { cursor:pointer; color:#000000; background:#b1dcfb; border-color:#0089ec; z-index:10 } .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 } .picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected { background:#0089ec; color:#ffffff; z-index:10 } .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 } .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; color:#ffffff; outline:none } .picker--time .picker__button--clear:before { top:-0.25em; color:#666; font-size:1.25em; font-weight:bold } .picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before { color:#ffffff } .picker--time .ba { min-width:256px; max-width:320px } .picker--time .br { font-size:1em; background:#f2f2f2; padding:0 } @media (min-height: 40.125em) { .picker--time .br { margin-bottom:5em } } html,body { height:100% } body { background-color:#1E1F33; font-family:"Lato", sans-serif } ul { margin:0 } .ef { font-size:1.25rem; font-weight:300; margin-bottom:30px; color:#666 } .cx { padding: 0 0 1.5rem 0; } .valign-wrapper { height:100%; display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center } .dropdown-button i.bt { margin-left:5px } nav { position:relative; top:0; transition:background-color .3s, opacity .2s, visibility 0s; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); z-index:10; } nav.ed { transition:background-color .3s, opacity .2s, visibility 0s .2s; opacity:0; visibility:hidden } nav.nav-full-header { height:100% } nav.nav-full-header .nav-header { height:calc(100% - 128px) } nav.nav-full-header ~ .nav-categories { top:-64px } nav ul:not(.indicators) li { position:relative; background-color:transparent; box-sizing: border-box; height: 36px; line-height: 36px; margin-right: 20px; } nav ul:not(.indicators) li.k>a,nav ul:not(.indicators) li:hover>a { color: #fff; background-color: transparent; } nav ul:not(.indicators) li>a { position: relative; font-size: 13px; color: rgba(255, 255, 255, 0.4); padding: 0 15px; z-index: 1; transition: color .3s; } nav ul:not(.indicators) li>a>i { height: 36px; line-height: 36px; } nav .nav-background { overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; opacity:.2 } nav .nav-background img,nav .nav-background .ea { opacity:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:0; left:0; margin:0 auto; max-width:100%; transition:opacity .7s } nav .nav-background img.k,nav .nav-background .ea.k { opacity:1 } nav .nav-background .ea { top:0; bottom:0; -webkit-transform:none; transform:none; background-repeat:repeat } nav .nav-wrapper>ul { height: 64px; line-height: 64px; } nav .nav-wrapper>ul>li { margin: 14px; } nav .nav-header { clear:both; padding:40px 0 } nav .nav-header h1 { font-size:56px; font-weight:300 } nav .nav-header .ge { display:block; margin:-40px 0 40px 0; color:rgba(255,255,255,0.8) } nav .categories-wrapper { background-color:transparent; height:64px } nav .categories-wrapper .categories-container { white-space:nowrap; overflow:auto; transition: background .2s; } nav .categories-wrapper .categories-container.pinned { width:100%; box-shadow:0 2px 4px 0 rgba(0,0,0,0.2); background-color: #fff; } nav .categories-wrapper .categories-container.pinned li.k > a,nav .categories-wrapper .categories-container.pinned li:hover > a { color:#fff; } nav .categories-wrapper .categories-container.pinned li > a { color:#444; } nav .categories-wrapper .categories-container .categories>li { float:none; display:inline-block } nav .categories-wrapper .categories-container .categories > li > a { transition: color .2s; } .b { position:relative } .b.gallery-collection .gallery-item { margin-bottom: 1px; } .b .d { padding:0; } .b .gallery-item .h { margin:0 } .b .en .gallery-curve-wrapper { display:-webkit-flex; display:-ms-flexbox; display:flex } .b .en .gallery-cover { height:100%; width:auto; max-width:50% } .b .en .gallery-header { -webkit-flex:1; -ms-flex:1; flex:1 } .b .gallery-expand.k { z-index:9 } .b .gallery-expand.k .gallery-curve-wrapper { padding-top:64px; cursor:default; box-shadow:none } .b .gallery-expand.k .gallery-curve-wrapper .gallery-cover { border-radius:4px; box-shadow:0 2px 5px rgba(0,0,0,0.2) } .b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-header,.b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-body,.b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-action,.b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-cover { z-index:1 } .b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-cover { box-shadow:none; pointer-events:none } .b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-cover.ep { opacity:0 } .b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-cover.dh { margin:0 } .b .gallery-expand[data-fillscreen="true"] .gallery-curve-wrapper .gallery-cover .gradient { background:transparent; width:100%; height:50%; position:absolute; bottom:0 } .b .gallery-expand .gallery-curve-wrapper { cursor:pointer; border-radius:4px; box-shadow:0 1px 4px rgba(0,0,0,0.1) } .b .gallery-cover { position:relative; overflow:hidden; display:block; width:100%; -webkit-transform-origin:0 0; transform-origin:0 0; transition:top .5s; z-index:2 } .b .gallery-cover.dh { margin-left:15% } .b .gallery-cover.dh img { min-width:100% } .b .gallery-cover img { box-shadow:0 0 1px 0 rgba(0,0,0,0.1); min-width: 100%; width:auto; display:block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .b .gallery-header { position:relative; padding:20px; background-color:#fff; color:#444 } .b .gallery-header.invisible { height: 0; padding: 0; } .b .gallery-header h1,.b .gallery-header h2,.b .gallery-header h3,.b .gallery-header h4,.b .gallery-header h5 { margin-top:0 } .b .gallery-header p { color:#777 } .b .gallery-body { text-align:left; display:none; position:absolute; top:0; left:0; width:70%; margin:0 15%; background-color:#fff; z-index:1 } .b .gallery-body .title-wrapper { margin-bottom:30px } .b .gallery-body .title-wrapper h1,.b .gallery-body .title-wrapper h2,.b .gallery-body .title-wrapper h3,.b .gallery-body .title-wrapper h4,.b .gallery-body .title-wrapper h5 { margin:0 0 10px 0 } .b .gallery-body .title-wrapper .gk { color:#777 } .b .gallery-body .fi { font-size:22px; font-weight:300 } .b .gallery-action { position:absolute; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); right:15%; z-index:2 } .b .gallery-action .g,.b .gallery-action .btn-large { margin-left:10px; -webkit-transform:scale(0); transform:scale(0); transition:none } .db { max-width: none; } .b .gallery-action .g.k,.b .gallery-action .k.btn-large { -webkit-transform:scale(1); transform:scale(1); transition:box-shadow 0.3s,-webkit-transform 0.4s cubic-bezier(0.53, 0.01, 0.36, 1.63); transition:transform 0.4s cubic-bezier(0.53, 0.01, 0.36, 1.63),box-shadow 0.3s; transition:transform 0.4s cubic-bezier(0.53, 0.01, 0.36, 1.63),box-shadow 0.3s,-webkit-transform 0.4s cubic-bezier(0.53, 0.01, 0.36, 1.63) } #placeholder-navbar { position:fixed; top:0; z-index:3; } #placeholder-navbar .back-btn { padding:0; border:none; background-color:transparent } #placeholder-navbar .back-btn i { float:left; margin-right:10px } #placeholder-overlay { cursor:pointer; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fafafa; opacity:0; transition:opacity .3s; will-change:opacity } #placeholder-overlay.et { opacity:1 } #placeholder-overlay:hover { opacity:.9; transition:opacity .6s } .gallery-body .carousel-wrapper { margin:30px 0 20px -35px; width:calc(100% + 70px) } .gallery-body .carousel-wrapper .t { height:200px } .gallery-body .carousel-wrapper .carousel-item { opacity:1 !important; width:300px; height:200px } .nav-header .t { height:100% } .nav-header .t .indicators { height:56px } .nav-header .t .indicators .indicator-item { float:none } .nav-header .carousel .carousel-item,nav .nav-header { word-break: break-word } ul.categories li { position: relative; background-color: transparent; box-sizing: border-box; height: 36px; min-width: 64px; margin-right: 20px; text-align: center; line-height: 36px; border-radius: 36px; } ul.categories li:hover::before, ul.categories li.k::before { opacity: 1; } ul.categories li:hover a, ul.categories li.k a { color: #fff; background-color: transparent; } ul.categories li::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #3a8ed5; background: linear-gradient(to bottom right, #3acfd5, #3a8ed5); border-radius: inherit; opacity: 0; transition: opacity .3s; } ul.categories li > a { position: relative; font-size: 13px; color: #999; padding: 0 15px; z-index: 1; transition: color .3s; } nav ul.dropdown-content li > a,.dropdown-content li > a { height: 50px; line-height: 50px; color: #444; } nav ul.dropdown-content li > a:hover,.dropdown-content li > a:hover { color: #444; } .collapsible { background-color: #fff; } @media only screen and (min-width: 993px) { #placeholder-navbar { width: 95px; background-color: transparent !important; box-shadow: none; } } @media only screen and (max-width: 992px) { .b .gallery-cover.dh { margin:0 } .b .gallery-body { width:100%; margin:0 } .b .gallery-action { right:0 } .gallery-body .carousel-wrapper { margin:30px 0 20px -15px; width: calc(100% + 30px); } } @media only screen and (max-width: 600px) { nav.nav-full-header .nav-header { height:calc(100% - 112px) } nav.nav-full-header ~ .nav-categories { top:-56px } nav .categories-wrapper { height:56px } .b .gallery-expand.k .gallery-curve-wrapper { padding-top:56px } nav .nav-header h1 { font-size: 40px; } }