.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 {
    background-color: #e51c23 !important;
}
.materialize-red-text {
    color: #e51c23 !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;
}
.red.lighten-5 {
    background-color: #ffebee !important;
}
.red-text.text-lighten-5 {
    color: #ffebee !important;
}
.red.lighten-4 {
    background-color: #ffcdd2 !important;
}
.red-text.text-lighten-4 {
    color: #ffcdd2 !important;
}
.red.lighten-3 {
    background-color: #ef9a9a !important;
}
.red-text.text-lighten-3 {
    color: #ef9a9a !important;
}
.red.lighten-2 {
    background-color: #e57373 !important;
}
.red-text.text-lighten-2 {
    color: #e57373 !important;
}
.red.lighten-1 {
    background-color: #ef5350 !important;
}
.red-text.text-lighten-1 {
    color: #ef5350 !important;
}
.red {
    background-color: #f44336 !important;
}
.red-text {
    color: #f44336 !important;
}
.red.darken-1 {
    background-color: #e53935 !important;
}
.red-text.text-darken-1 {
    color: #e53935 !important;
}
.red.darken-2 {
    background-color: #d32f2f !important;
}
.red-text.text-darken-2 {
    color: #d32f2f !important;
}
.red.darken-3 {
    background-color: #c62828 !important;
}
.red-text.text-darken-3 {
    color: #c62828 !important;
}
.red.darken-4 {
    background-color: #b71c1c !important;
}
.red-text.text-darken-4 {
    color: #b71c1c !important;
}
.red.accent-1 {
    background-color: #ff8a80 !important;
}
.red-text.text-accent-1 {
    color: #ff8a80 !important;
}
.red.accent-2 {
    background-color: #ff5252 !important;
}
.red-text.text-accent-2 {
    color: #ff5252 !important;
}
.red.accent-3 {
    background-color: #ff1744 !important;
}
.red-text.text-accent-3 {
    color: #ff1744 !important;
}
.red.accent-4 {
    background-color: #d50000 !important;
}
.red-text.text-accent-4 {
    color: #d50000 !important;
}
.pink.lighten-5 {
    background-color: #fce4ec !important;
}
.pink-text.text-lighten-5 {
    color: #fce4ec !important;
}
.pink.lighten-4 {
    background-color: #f8bbd0 !important;
}
.pink-text.text-lighten-4 {
    color: #f8bbd0 !important;
}
.pink.lighten-3 {
    background-color: #f48fb1 !important;
}
.pink-text.text-lighten-3 {
    color: #f48fb1 !important;
}
.pink.lighten-2 {
    background-color: #f06292 !important;
}
.pink-text.text-lighten-2 {
    color: #f06292 !important;
}
.pink.lighten-1 {
    background-color: #ec407a !important;
}
.pink-text.text-lighten-1 {
    color: #ec407a !important;
}
.pink {
    background-color: #e91e63 !important;
}
.pink-text {
    color: #e91e63 !important;
}
.pink.darken-1 {
    background-color: #d81b60 !important;
}
.pink-text.text-darken-1 {
    color: #d81b60 !important;
}
.pink.darken-2 {
    background-color: #c2185b !important;
}
.pink-text.text-darken-2 {
    color: #c2185b !important;
}
.pink.darken-3 {
    background-color: #ad1457 !important;
}
.pink-text.text-darken-3 {
    color: #ad1457 !important;
}
.pink.darken-4 {
    background-color: #880e4f !important;
}
.pink-text.text-darken-4 {
    color: #880e4f !important;
}
.pink.accent-1 {
    background-color: #ff80ab !important;
}
.pink-text.text-accent-1 {
    color: #ff80ab !important;
}
.pink.accent-2 {
    background-color: #ff4081 !important;
}
.pink-text.text-accent-2 {
    color: #ff4081 !important;
}
.pink.accent-3 {
    background-color: #f50057 !important;
}
.pink-text.text-accent-3 {
    color: #f50057 !important;
}
.pink.accent-4 {
    background-color: #c51162 !important;
}
.pink-text.text-accent-4 {
    color: #c51162 !important;
}
.purple.lighten-5 {
    background-color: #f3e5f5 !important;
}
.purple-text.text-lighten-5 {
    color: #f3e5f5 !important;
}
.purple.lighten-4 {
    background-color: #e1bee7 !important;
}
.purple-text.text-lighten-4 {
    color: #e1bee7 !important;
}
.purple.lighten-3 {
    background-color: #ce93d8 !important;
}
.purple-text.text-lighten-3 {
    color: #ce93d8 !important;
}
.purple.lighten-2 {
    background-color: #ba68c8 !important;
}
.purple-text.text-lighten-2 {
    color: #ba68c8 !important;
}
.purple.lighten-1 {
    background-color: #ab47bc !important;
}
.purple-text.text-lighten-1 {
    color: #ab47bc !important;
}
.purple {
    background-color: #9c27b0 !important;
}
.purple-text {
    color: #9c27b0 !important;
}
.purple.darken-1 {
    background-color: #8e24aa !important;
}
.purple-text.text-darken-1 {
    color: #8e24aa !important;
}
.purple.darken-2 {
    background-color: #7b1fa2 !important;
}
.purple-text.text-darken-2 {
    color: #7b1fa2 !important;
}
.purple.darken-3 {
    background-color: #6a1b9a !important;
}
.purple-text.text-darken-3 {
    color: #6a1b9a !important;
}
.purple.darken-4 {
    background-color: #4a148c !important;
}
.purple-text.text-darken-4 {
    color: #4a148c !important;
}
.purple.accent-1 {
    background-color: #ea80fc !important;
}
.purple-text.text-accent-1 {
    color: #ea80fc !important;
}
.purple.accent-2 {
    background-color: #e040fb !important;
}
.purple-text.text-accent-2 {
    color: #e040fb !important;
}
.purple.accent-3 {
    background-color: #d500f9 !important;
}
.purple-text.text-accent-3 {
    color: #d500f9 !important;
}
.purple.accent-4 {
    background-color: #aa00ff !important;
}
.purple-text.text-accent-4 {
    color: #aa00ff !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 {
    background-color: #673ab7 !important;
}
.deep-purple-text {
    color: #673ab7 !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;
}
.indigo.lighten-5 {
    background-color: #e8eaf6 !important;
}
.indigo-text.text-lighten-5 {
    color: #e8eaf6 !important;
}
.indigo.lighten-4 {
    background-color: #c5cae9 !important;
}
.indigo-text.text-lighten-4 {
    color: #c5cae9 !important;
}
.indigo.lighten-3 {
    background-color: #9fa8da !important;
}
.indigo-text.text-lighten-3 {
    color: #9fa8da !important;
}
.indigo.lighten-2 {
    background-color: #7986cb !important;
}
.indigo-text.text-lighten-2 {
    color: #7986cb !important;
}
.indigo.lighten-1 {
    background-color: #5c6bc0 !important;
}
.indigo-text.text-lighten-1 {
    color: #5c6bc0 !important;
}
.indigo {
    background-color: #3f51b5 !important;
}
.indigo-text {
    color: #3f51b5 !important;
}
.indigo.darken-1 {
    background-color: #3949ab !important;
}
.indigo-text.text-darken-1 {
    color: #3949ab !important;
}
.indigo.darken-2 {
    background-color: #303f9f !important;
}
.indigo-text.text-darken-2 {
    color: #303f9f !important;
}
.indigo.darken-3 {
    background-color: #283593 !important;
}
.indigo-text.text-darken-3 {
    color: #283593 !important;
}
.indigo.darken-4 {
    background-color: #1a237e !important;
}
.indigo-text.text-darken-4 {
    color: #1a237e !important;
}
.indigo.accent-1 {
    background-color: #8c9eff !important;
}
.indigo-text.text-accent-1 {
    color: #8c9eff !important;
}
.indigo.accent-2 {
    background-color: #536dfe !important;
}
.indigo-text.text-accent-2 {
    color: #536dfe !important;
}
.indigo.accent-3 {
    background-color: #3d5afe !important;
}
.indigo-text.text-accent-3 {
    color: #3d5afe !important;
}
.indigo.accent-4 {
    background-color: #304ffe !important;
}
.indigo-text.text-accent-4 {
    color: #304ffe !important;
}
.blue.lighten-5 {
    background-color: #e3f2fd !important;
}
.blue-text.text-lighten-5 {
    color: #e3f2fd !important;
}
.blue.lighten-4 {
    background-color: #bbdefb !important;
}
.blue-text.text-lighten-4 {
    color: #bbdefb !important;
}
.blue.lighten-3 {
    background-color: #90caf9 !important;
}
.blue-text.text-lighten-3 {
    color: #90caf9 !important;
}
.blue.lighten-2 {
    background-color: #64b5f6 !important;
}
.blue-text.text-lighten-2 {
    color: #64b5f6 !important;
}
.blue.lighten-1 {
    background-color: #42a5f5 !important;
}
.blue-text.text-lighten-1 {
    color: #42a5f5 !important;
}
.blue {
    background-color: #2196f3 !important;
}
.blue-text {
    color: #2196f3 !important;
}
.blue.darken-1 {
    background-color: #1e88e5 !important;
}
.blue-text.text-darken-1 {
    color: #1e88e5 !important;
}
.blue.darken-2 {
    background-color: #1976d2 !important;
}
.blue-text.text-darken-2 {
    color: #1976d2 !important;
}
.blue.darken-3 {
    background-color: #1565c0 !important;
}
.blue-text.text-darken-3 {
    color: #1565c0 !important;
}
.blue.darken-4 {
    background-color: #0d47a1 !important;
}
.blue-text.text-darken-4 {
    color: #0d47a1 !important;
}
.blue.accent-1 {
    background-color: #82b1ff !important;
}
.blue-text.text-accent-1 {
    color: #82b1ff !important;
}
.blue.accent-2 {
    background-color: #448aff !important;
}
.blue-text.text-accent-2 {
    color: #448aff !important;
}
.blue.accent-3 {
    background-color: #2979ff !important;
}
.blue-text.text-accent-3 {
    color: #2979ff !important;
}
.blue.accent-4 {
    background-color: #2962ff !important;
}
.blue-text.text-accent-4 {
    color: #2962ff !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 {
    background-color: #03a9f4 !important;
}
.light-blue-text {
    color: #03a9f4 !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;
}
.cyan.lighten-5 {
    background-color: #e0f7fa !important;
}
.cyan-text.text-lighten-5 {
    color: #e0f7fa !important;
}
.cyan.lighten-4 {
    background-color: #b2ebf2 !important;
}
.cyan-text.text-lighten-4 {
    color: #b2ebf2 !important;
}
.cyan.lighten-3 {
    background-color: #80deea !important;
}
.cyan-text.text-lighten-3 {
    color: #80deea !important;
}
.cyan.lighten-2 {
    background-color: #4dd0e1 !important;
}
.cyan-text.text-lighten-2 {
    color: #4dd0e1 !important;
}
.cyan.lighten-1 {
    background-color: #26c6da !important;
}
.cyan-text.text-lighten-1 {
    color: #26c6da !important;
}
.cyan {
    background-color: #00bcd4 !important;
}
.cyan-text {
    color: #00bcd4 !important;
}
.cyan.darken-1 {
    background-color: #00acc1 !important;
}
.cyan-text.text-darken-1 {
    color: #00acc1 !important;
}
.cyan.darken-2 {
    background-color: #0097a7 !important;
}
.cyan-text.text-darken-2 {
    color: #0097a7 !important;
}
.cyan.darken-3 {
    background-color: #00838f !important;
}
.cyan-text.text-darken-3 {
    color: #00838f !important;
}
.cyan.darken-4 {
    background-color: #006064 !important;
}
.cyan-text.text-darken-4 {
    color: #006064 !important;
}
.cyan.accent-1 {
    background-color: #84ffff !important;
}
.cyan-text.text-accent-1 {
    color: #84ffff !important;
}
.cyan.accent-2 {
    background-color: #18ffff !important;
}
.cyan-text.text-accent-2 {
    color: #18ffff !important;
}
.cyan.accent-3 {
    background-color: #00e5ff !important;
}
.cyan-text.text-accent-3 {
    color: #00e5ff !important;
}
.cyan.accent-4 {
    background-color: #00b8d4 !important;
}
.cyan-text.text-accent-4 {
    color: #00b8d4 !important;
}
.teal.lighten-5 {
    background-color: #e0f2f1 !important;
}
.teal-text.text-lighten-5 {
    color: #e0f2f1 !important;
}
.teal.lighten-4 {
    background-color: #b2dfdb !important;
}
.teal-text.text-lighten-4 {
    color: #b2dfdb !important;
}
.teal.lighten-3 {
    background-color: #80cbc4 !important;
}
.teal-text.text-lighten-3 {
    color: #80cbc4 !important;
}
.teal.lighten-2 {
    background-color: #4db6ac !important;
}
.teal-text.text-lighten-2 {
    color: #4db6ac !important;
}
.teal.lighten-1 {
    background-color: #26a69a !important;
}
.teal-text.text-lighten-1 {
    color: #26a69a !important;
}
.teal {
    background-color: #009688 !important;
}
.teal-text {
    color: #009688 !important;
}
.teal.darken-1 {
    background-color: #00897b !important;
}
.teal-text.text-darken-1 {
    color: #00897b !important;
}
.teal.darken-2 {
    background-color: #00796b !important;
}
.teal-text.text-darken-2 {
    color: #00796b !important;
}
.teal.darken-3 {
    background-color: #00695c !important;
}
.teal-text.text-darken-3 {
    color: #00695c !important;
}
.teal.darken-4 {
    background-color: #004d40 !important;
}
.teal-text.text-darken-4 {
    color: #004d40 !important;
}
.teal.accent-1 {
    background-color: #a7ffeb !important;
}
.teal-text.text-accent-1 {
    color: #a7ffeb !important;
}
.teal.accent-2 {
    background-color: #64ffda !important;
}
.teal-text.text-accent-2 {
    color: #64ffda !important;
}
.teal.accent-3 {
    background-color: #1de9b6 !important;
}
.teal-text.text-accent-3 {
    color: #1de9b6 !important;
}
.teal.accent-4 {
    background-color: #00bfa5 !important;
}
.teal-text.text-accent-4 {
    color: #00bfa5 !important;
}
.green.lighten-5 {
    background-color: #e8f5e9 !important;
}
.green-text.text-lighten-5 {
    color: #e8f5e9 !important;
}
.green.lighten-4 {
    background-color: #c8e6c9 !important;
}
.green-text.text-lighten-4 {
    color: #c8e6c9 !important;
}
.green.lighten-3 {
    background-color: #a5d6a7 !important;
}
.green-text.text-lighten-3 {
    color: #a5d6a7 !important;
}
.green.lighten-2 {
    background-color: #81c784 !important;
}
.green-text.text-lighten-2 {
    color: #81c784 !important;
}
.green.lighten-1 {
    background-color: #66bb6a !important;
}
.green-text.text-lighten-1 {
    color: #66bb6a !important;
}
.green {
    background-color: #4caf50 !important;
}
.green-text {
    color: #4caf50 !important;
}
.green.darken-1 {
    background-color: #43a047 !important;
}
.green-text.text-darken-1 {
    color: #43a047 !important;
}
.green.darken-2 {
    background-color: #388e3c !important;
}
.green-text.text-darken-2 {
    color: #388e3c !important;
}
.green.darken-3 {
    background-color: #2e7d32 !important;
}
.green-text.text-darken-3 {
    color: #2e7d32 !important;
}
.green.darken-4 {
    background-color: #1b5e20 !important;
}
.green-text.text-darken-4 {
    color: #1b5e20 !important;
}
.green.accent-1 {
    background-color: #b9f6ca !important;
}
.green-text.text-accent-1 {
    color: #b9f6ca !important;
}
.green.accent-2 {
    background-color: #69f0ae !important;
}
.green-text.text-accent-2 {
    color: #69f0ae !important;
}
.green.accent-3 {
    background-color: #00e676 !important;
}
.green-text.text-accent-3 {
    color: #00e676 !important;
}
.green.accent-4 {
    background-color: #00c853 !important;
}
.green-text.text-accent-4 {
    color: #00c853 !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 {
    background-color: #8bc34a !important;
}
.light-green-text {
    color: #8bc34a !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;
}
.lime.lighten-5 {
    background-color: #f9fbe7 !important;
}
.lime-text.text-lighten-5 {
    color: #f9fbe7 !important;
}
.lime.lighten-4 {
    background-color: #f0f4c3 !important;
}
.lime-text.text-lighten-4 {
    color: #f0f4c3 !important;
}
.lime.lighten-3 {
    background-color: #e6ee9c !important;
}
.lime-text.text-lighten-3 {
    color: #e6ee9c !important;
}
.lime.lighten-2 {
    background-color: #dce775 !important;
}
.lime-text.text-lighten-2 {
    color: #dce775 !important;
}
.lime.lighten-1 {
    background-color: #d4e157 !important;
}
.lime-text.text-lighten-1 {
    color: #d4e157 !important;
}
.lime {
    background-color: #cddc39 !important;
}
.lime-text {
    color: #cddc39 !important;
}
.lime.darken-1 {
    background-color: #c0ca33 !important;
}
.lime-text.text-darken-1 {
    color: #c0ca33 !important;
}
.lime.darken-2 {
    background-color: #afb42b !important;
}
.lime-text.text-darken-2 {
    color: #afb42b !important;
}
.lime.darken-3 {
    background-color: #9e9d24 !important;
}
.lime-text.text-darken-3 {
    color: #9e9d24 !important;
}
.lime.darken-4 {
    background-color: #827717 !important;
}
.lime-text.text-darken-4 {
    color: #827717 !important;
}
.lime.accent-1 {
    background-color: #f4ff81 !important;
}
.lime-text.text-accent-1 {
    color: #f4ff81 !important;
}
.lime.accent-2 {
    background-color: #eeff41 !important;
}
.lime-text.text-accent-2 {
    color: #eeff41 !important;
}
.lime.accent-3 {
    background-color: #c6ff00 !important;
}
.lime-text.text-accent-3 {
    color: #c6ff00 !important;
}
.lime.accent-4 {
    background-color: #aeea00 !important;
}
.lime-text.text-accent-4 {
    color: #aeea00 !important;
}
.yellow.lighten-5 {
    background-color: #fffde7 !important;
}
.yellow-text.text-lighten-5 {
    color: #fffde7 !important;
}
.yellow.lighten-4 {
    background-color: #fff9c4 !important;
}
.yellow-text.text-lighten-4 {
    color: #fff9c4 !important;
}
.yellow.lighten-3 {
    background-color: #fff59d !important;
}
.yellow-text.text-lighten-3 {
    color: #fff59d !important;
}
.yellow.lighten-2 {
    background-color: #fff176 !important;
}
.yellow-text.text-lighten-2 {
    color: #fff176 !important;
}
.yellow.lighten-1 {
    background-color: #ffee58 !important;
}
.yellow-text.text-lighten-1 {
    color: #ffee58 !important;
}
.yellow {
    background-color: #ffeb3b !important;
}
.yellow-text {
    color: #ffeb3b !important;
}
.yellow.darken-1 {
    background-color: #fdd835 !important;
}
.yellow-text.text-darken-1 {
    color: #fdd835 !important;
}
.yellow.darken-2 {
    background-color: #fbc02d !important;
}
.yellow-text.text-darken-2 {
    color: #fbc02d !important;
}
.yellow.darken-3 {
    background-color: #f9a825 !important;
}
.yellow-text.text-darken-3 {
    color: #f9a825 !important;
}
.yellow.darken-4 {
    background-color: #f57f17 !important;
}
.yellow-text.text-darken-4 {
    color: #f57f17 !important;
}
.yellow.accent-1 {
    background-color: #ffff8d !important;
}
.yellow-text.text-accent-1 {
    color: #ffff8d !important;
}
.yellow.accent-2 {
    background-color: #ffff00 !important;
}
.yellow-text.text-accent-2 {
    color: #ffff00 !important;
}
.yellow.accent-3 {
    background-color: #ffea00 !important;
}
.yellow-text.text-accent-3 {
    color: #ffea00 !important;
}
.yellow.accent-4 {
    background-color: #ffd600 !important;
}
.yellow-text.text-accent-4 {
    color: #ffd600 !important;
}
.amber.lighten-5 {
    background-color: #fff8e1 !important;
}
.amber-text.text-lighten-5 {
    color: #fff8e1 !important;
}
.amber.lighten-4 {
    background-color: #ffecb3 !important;
}
.amber-text.text-lighten-4 {
    color: #ffecb3 !important;
}
.amber.lighten-3 {
    background-color: #ffe082 !important;
}
.amber-text.text-lighten-3 {
    color: #ffe082 !important;
}
.amber.lighten-2 {
    background-color: #ffd54f !important;
}
.amber-text.text-lighten-2 {
    color: #ffd54f !important;
}
.amber.lighten-1 {
    background-color: #ffca28 !important;
}
.amber-text.text-lighten-1 {
    color: #ffca28 !important;
}
.amber {
    background-color: #ffc107 !important;
}
.amber-text {
    color: #ffc107 !important;
}
.amber.darken-1 {
    background-color: #ffb300 !important;
}
.amber-text.text-darken-1 {
    color: #ffb300 !important;
}
.amber.darken-2 {
    background-color: #ffa000 !important;
}
.amber-text.text-darken-2 {
    color: #ffa000 !important;
}
.amber.darken-3 {
    background-color: #ff8f00 !important;
}
.amber-text.text-darken-3 {
    color: #ff8f00 !important;
}
.amber.darken-4 {
    background-color: #ff6f00 !important;
}
.amber-text.text-darken-4 {
    color: #ff6f00 !important;
}
.amber.accent-1 {
    background-color: #ffe57f !important;
}
.amber-text.text-accent-1 {
    color: #ffe57f !important;
}
.amber.accent-2 {
    background-color: #ffd740 !important;
}
.amber-text.text-accent-2 {
    color: #ffd740 !important;
}
.amber.accent-3 {
    background-color: #ffc400 !important;
}
.amber-text.text-accent-3 {
    color: #ffc400 !important;
}
.amber.accent-4 {
    background-color: #ffab00 !important;
}
.amber-text.text-accent-4 {
    color: #ffab00 !important;
}
.orange.lighten-5 {
    background-color: #fff3e0 !important;
}
.orange-text.text-lighten-5 {
    color: #fff3e0 !important;
}
.orange.lighten-4 {
    background-color: #ffe0b2 !important;
}
.orange-text.text-lighten-4 {
    color: #ffe0b2 !important;
}
.orange.lighten-3 {
    background-color: #ffcc80 !important;
}
.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
}
.orange.lighten-2 {
    background-color: #ffb74d !important;
}
.orange-text.text-lighten-2 {
    color: #ffb74d !important;
}
.orange.lighten-1 {
    background-color: #ffa726 !important;
}
.orange-text.text-lighten-1 {
    color: #ffa726 !important;
}
.orange {
    background-color: #ff9800 !important;
}
.orange-text {
    color: #ff9800 !important;
}
.orange.darken-1 {
    background-color: #fb8c00 !important;
}
.orange-text.text-darken-1 {
    color: #fb8c00 !important;
}
.orange.darken-2 {
    background-color: #f57c00 !important;
}
.orange-text.text-darken-2 {
    color: #f57c00 !important;
}
.orange.darken-3 {
    background-color: #ef6c00 !important;
}
.orange-text.text-darken-3 {
    color: #ef6c00 !important;
}
.orange.darken-4 {
    background-color: #e65100 !important;
}
.orange-text.text-darken-4 {
    color: #e65100 !important;
}
.orange.accent-1 {
    background-color: #ffd180 !important;
}
.orange-text.text-accent-1 {
    color: #ffd180 !important;
}
.orange.accent-2 {
    background-color: #ffab40 !important;
}
.orange-text.text-accent-2 {
    color: #ffab40 !important;
}
.orange.accent-3 {
    background-color: #ff9100 !important;
}
.orange-text.text-accent-3 {
    color: #ff9100 !important;
}
.orange.accent-4 {
    background-color: #ff6d00 !important;
}
.orange-text.text-accent-4 {
    color: #ff6d00 !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 {
    background-color: #ff5722 !important;
}
.deep-orange-text {
    color: #ff5722 !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;
}
.brown.lighten-5 {
    background-color: #efebe9 !important;
}
.brown-text.text-lighten-5 {
    color: #efebe9 !important;
}
.brown.lighten-4 {
    background-color: #d7ccc8 !important;
}
.brown-text.text-lighten-4 {
    color: #d7ccc8 !important;
}
.brown.lighten-3 {
    background-color: #bcaaa4 !important;
}
.brown-text.text-lighten-3 {
    color: #bcaaa4 !important;
}
.brown.lighten-2 {
    background-color: #a1887f !important;
}
.brown-text.text-lighten-2 {
    color: #a1887f !important;
}
.brown.lighten-1 {
    background-color: #8d6e63 !important;
}
.brown-text.text-lighten-1 {
    color: #8d6e63 !important;
}
.brown {
    background-color: #795548 !important;
}
.brown-text {
    color: #795548 !important;
}
.brown.darken-1 {
    background-color: #6d4c41 !important;
}
.brown-text.text-darken-1 {
    color: #6d4c41 !important;
}
.brown.darken-2 {
    background-color: #5d4037 !important;
}
.brown-text.text-darken-2 {
    color: #5d4037 !important;
}
.brown.darken-3 {
    background-color: #4e342e !important;
}
.brown-text.text-darken-3 {
    color: #4e342e !important;
}
.brown.darken-4 {
    background-color: #3e2723 !important;
}
.brown-text.text-darken-4 {
    color: #3e2723 !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 {
    background-color: #607d8b !important;
}
.blue-grey-text {
    color: #607d8b !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;
}
.grey.lighten-5 {
    background-color: #fafafa !important;
}
.grey-text.text-lighten-5 {
    color: #fafafa !important;
}
.grey.lighten-4 {
    background-color: #f5f5f5 !important;
}
.grey-text.text-lighten-4 {
    color: #f5f5f5 !important;
}
.grey.lighten-3 {
    background-color: #eeeeee !important;
}
.grey-text.text-lighten-3 {
    color: #eeeeee !important;
}
.grey.lighten-2 {
    background-color: #e0e0e0 !important;
}
.grey-text.text-lighten-2 {
    color: #e0e0e0 !important;
}
.grey.lighten-1 {
    background-color: #bdbdbd !important;
}
.grey-text.text-lighten-1 {
    color: #bdbdbd !important;
}
.grey {
    background-color: #9e9e9e !important;
}
.grey-text {
    color: #9e9e9e !important;
}
.grey.darken-1 {
    background-color: #757575 !important;
}
.grey-text.text-darken-1 {
    color: #757575 !important;
}
.grey.darken-2 {
    background-color: #616161 !important;
}
.grey-text.text-darken-2 {
    color: #616161 !important;
}
.grey.darken-3 {
    background-color: #424242 !important;
}
.grey-text.text-darken-3 {
    color: #424242 !important;
}
.grey.darken-4 {
    background-color: #212121 !important;
}
.grey-text.text-darken-4 {
    color: #212121 !important;
}
.shades.black {
    background-color: #000000 !important;
}
.shades-text.text-black {
    color: #000000 !important;
}
.shades.white {
    background-color: #ffffff !important;
}
.shades-text.text-white {
    color: #ffffff !important;
}
.shades.transparent {
    background-color: transparent !important;
}
.shades-text.text-transparent {
    color: transparent !important;
}
.black {
    background-color: #000000 !important;
}
.black-text {
    color: #000000 !important;
}
.white {
    background-color: #ffffff !important;
}
.white-text {
    color: #ffffff !important;
}
.transparent {
    background-color: transparent !important;
}
.transparent-text {
    color: transparent !important;
}
.danger-color {
    background-color: #ff4444;
}
.danger-color-dark {
    background-color: #cc0000;
}
.warning-color {
    background-color: #ffbb33;
}
.warning-color-dark {
    background-color: #ff8800;
}
.success-color {
    background-color: #99cc00;
}
.success-color-dark {
    background-color: #669900;
}
.info-color {
    background-color: #33b5e5;
}
.info-color-dark {
    background-color: #0099cc;
}
.default-color {
    background-color: #2bbbad;
}
.default-color-dark {
    background-color: #00695c;
}
.primary-color {
    background-color: #4285f4;
}
.primary-color-dark {
    background-color: #0d47a1;
}
.secondary-color {
    background-color: #aa66cc;
}
.secondary-color-dark {
    background-color: #9933cc;
}
.elegant-color {
    background-color: #2e2e2e;
}
.elegant-color-dark {
    background-color: #212121;
}
.stylish-color {
    background-color: #4b515d;
}
.stylish-color-dark {
    background-color: #3e4551;
}
html {
    font-family: sans-serif;
}
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 none;
}
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 none repeat scroll 0 0;
    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 none;
}
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;
}
html input[type="button"], button, input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    box-sizing: content-box;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
body {
    font-family: Roboto,sans-serif;
}
span.badge-md {
    box-sizing: border-box;
    color: #757575;
    font-size: 1rem;
    line-height: inherit;
    min-width: 3rem;
    padding: 0 6px;
    position: absolute;
    right: 15px;
    text-align: center;
}
span.badge-md.new {
    background-color: #4285f4;
    border-radius: 2px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
}
span.badge-md.new::after {
    content: " new";
}
a {
    color: #039be5;
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: none;
}
ul {
    list-style-type: none;
    padding: 0;
}
ul li {
    list-style-type: none;
}
i {
    line-height: inherit;
}
i.left {
    float: left;
    margin-right: 10px;
}
i.right {
    float: right;
    margin-left: 10px;
}
i.tiny {
    font-size: 1rem;
}
i.small {
    font-size: 2rem;
}
i.medium {
    font-size: 4rem;
}
i.large {
    font-size: 6rem;
}
.collection {
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin: 0.5rem 0 1rem;
    overflow: hidden;
    position: relative;
}
.collection .collection-item {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.5rem;
    margin: 0;
    padding: 10px 20px;
}
.collection .collection-item.avatar {
    min-height: 84px;
    padding-left: 72px;
    position: relative;
}
.collection .collection-item.avatar .circle {
    display: inline-block;
    height: 42px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    vertical-align: middle;
    width: 42px;
}
.collection .collection-item.avatar i.circle {
    background-color: #999;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
}
.collection .collection-item.avatar .title {
    font-size: 16px;
}
.collection .collection-item.avatar p {
    margin: 0;
}
.collection .collection-item.avatar .secondary-content {
    position: absolute;
    right: 16px;
    top: 16px;
}
.collection .collection-item:last-child {
    border-bottom: medium none;
}
.collection .collection-item.active {
    background-color: #4285f4;
    color: white;
}
.collection a.collection-item {
    color: #4285f4;
    display: block;
    transition: all 0.25s ease 0s;
}
.collection a.collection-item:hover:not(.active) {
    background-color: #ddd;
}
.collection.with-header .collection-header {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 20px;
}
.collection.with-header .collection-item {
    padding-left: 30px;
}
.collection.with-header .collection-item.avatar {
    padding-left: 72px;
}
.secondary-content {
    color: #4285f4;
    float: right;
}
footer.page-footer {
    margin-top: 20px;
    padding-top: 20px;
}
footer.page-footer .footer-copyright {
    background-color: rgba(51, 51, 51, 0.08);
    color: rgba(255, 255, 255, 0.8);
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}
.section-white {
    background-color: #3D3D3D;
    color: #fff;
    padding: 0.2em 0;
    text-align: center;
	opacity:0.8;
}
.section-white h3 {
    margin-bottom: 0.6em;
    margin-top: 0.6em;
}
.section-dark {
    background-color: #212121;
    color: #fff;
    padding: 2.8em 0;
    text-align: center;
}
.section-dark h3 {
    margin-bottom: 1.1em;
    margin-top: 1.1em;
}
.section-colored {
    color: #fff;
    padding: 2.8em 0;
    text-align: center;
}
.section-colored h3 {
    margin-bottom: 1.1em;
    margin-top: 1.1em;
}
.modal-content {
    border-radius: 2px;
}
.divider-short {
    border-color: #cc0000;
    border-width: 3px;
    max-width: 50px;
}
@font-face {
    font-family: "Roboto";
    font-weight: 200;
    src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-weight: 300;
    src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-weight: 400;
    src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-weight: 500;
    src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-weight: 700;
    src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");
}
.btn-flat {
    background-color: transparent;
    border: medium none;
    margin: 10px;
    outline: medium none !important;
    padding: 8px 30px;
    position: relative;
    text-decoration: none;
    xtext-transform: uppercase;
}
.btn-flat:focus {
    background-color: transparent;
}
.btn {
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    line-height: 31px;
    margin: 10px;
    outline: medium none !important;
    padding: 5px 22px;
    position: relative;
    text-decoration: none;
    xtext-transform: uppercase;
    transition: all 0.2s ease-out 0s;
}
.btn i, .btn-flat i {
    font-size: 1.3rem;
    line-height: inherit;
}
.btn-floating {
    background-color: #aa66cc;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    margin: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    width: 37px;
    z-index: 1;
}
.btn-floating i {
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 37px;
    text-align: center;
    width: inherit;
}
.btn-floating::before {
    border-radius: 0;
}
.btn-floating.btn-large {
    height: 55.5px;
    width: 55.5px;
}
.btn-floating.btn-large i {
    line-height: 55.5px;
}
button.btn-floating {
    border: medium none;
}
.btn .badge {
    margin-left: 7px;
}
.btn-default {
    background-color: #2bbbad;
    color: #fff;
}
.btn-default:hover, .btn-default:focus {
    background-color: #30cfc0 !important;
    color: #fff !important;
}
.btn-primary {
    background-color: #4285f4;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #5a95f5 !important;
    color: #fff;
}
.btn-success {
    background-color: #00c853;
}
.btn-success:hover, .btn-success:focus {
    background-color: #00e25e !important;
    color: #fff;
}
.btn-info {
    background-color: #03a9f4;
}
.btn-info:hover, .btn-info:focus {
    background-color: #14b4fc !important;
    color: #fff;
}
.btn-warning {
    background-color: #ff5722;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #ff6a3c !important;
    color: #fff;
}
.btn-danger {
    background-color: #d32f2f;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: #d74444 !important;
    color: #fff;
}
.btn-link {
    background-color: transparent;
    color: #000;
}
.btn-link:hover {
    background-color: transparent;
}
.btn-link:focus {
    background-color: transparent;
}
.btn-xlg {
    font-size: 21px;
    line-height: 1.33333;
    padding: 18px 24px;
}
.btn-lg {
    font-size: 18px;
    line-height: 1.33333;
    padding: 14px 20px;
}
.btn-sm {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.btn-xs {
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
.btn-material-red {
}
.btn-material-pink {
}
.btn-material-purple {
}
.btn-material-deeppurple {
    background-color: #673ab7;
}
.btn-material-indigo {
}
.btn-material-lightblue {
    background-color: #03a9f4;
}
.btn-material-cyan {
}
.btn-material-teal {
}
.btn-material-lightgreen {
    background-color: #8bc34a;
}
.btn-material-lime {
}
.btn-material-lightyellow {
    background-color: #ffeb3b;
}
.btn-material-orange {
}
.btn-material-deeporange {
    background-color: #ff5722;
}
.btn-material-grey {
}
.btn-material-bluegrey {
    background-color: #607d8b;
}
.btn-material-brown {
}
.btn-material-lightgrey {
    background-color: #ececec;
}
.navbar {
    border: 0 none;
    border-radius: 0;
    font-weight: 300;
}
.navbar .navbar-brand {
    color: rgba(255, 255, 255, 0.84);
    height: 60px;
    line-height: 30px;
    position: relative;
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-text {
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 20px;
    margin-top: 20px;
}
.navbar .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.54);
    padding-bottom: 20px;
    padding-top: 20px;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    background-color: transparent;
    color: rgba(255, 255, 255, 1.0);
	color:#ffffff !important;
	opacity:1.0;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 1.0);
	color:white !important;
}
.navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus {
    background-color: transparent;
    color: #e5e5e5;
}
.navbar .navbar-toggle {
    border-color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
    background-color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-collapse, .navbar .navbar-form {
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 0.84);
}
@media (max-width: 767px) {
.navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
    border: 0 none;
    color: rgba(212, 212, 212, 0.84);
}
.navbar .navbar-nav .open .dropdown-menu .divider {
    background-color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-nav .open .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 1.0);
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: rgba(255, 255, 255, 1.0);
}
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(255, 255, 255, 1.0);
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    color: #e5e5e5;
}
}
.navbar .navbar-link {
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-link:hover {
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-link {
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-link:hover, .navbar .navbar-link:focus {
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-link[disabled]:hover, .navbar .navbar-link[disabled]:focus, fieldset[disabled] .navbar .navbar-link:hover, fieldset[disabled] .navbar .navbar-link:focus {
    color: #e5e5e5;
}
.navbar .navbar-form {
    margin-bottom: 0;
    margin-top: 0;
}
.navbar .navbar-form .form-control-wrapper .form-control, .navbar .navbar-form .form-control {
    border-color: rgba(255, 255, 255, 0.84);
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-form .form-control-wrapper .material-input::before, .navbar .navbar-form .form-control-wrapper input:focus ~ .material-input::after {
    background-color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-form *:-moz-placeholder {
    color: rgba(255, 255, 255, 0.84);
}
.navbar .navbar-form *::-moz-placeholder {
    color: rgba(255, 255, 255, 0.84);
}
.navbar-inverse {
    background-color: #5264ae;
}
.navbar-white {
    background-color: #fff;
}
.navbar-white .navbar-brand, .navbar-white .navbar-brand:hover, .navbar-white .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.84);
}
.navbar-white .navbar-nav > li > a {
    color: rgba(0, 0, 0, 0.84);
}
.navbar-white .navbar-nav > li > a:hover, .navbar-white .navbar-nav > li > a:focus {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.84);
}
.navbar-white .navbar-nav > .active > a, .navbar-white .navbar-nav > .active > a:hover, .navbar-white .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.84);
}
.navbar-white .navbar-nav > .disabled > a, .navbar-white .navbar-nav > .disabled > a:hover, .navbar-white .navbar-nav > .disabled > a:focus {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.84);
}
.navbar-white .navbar-nav > .open > a, .navbar-white .navbar-nav > .open > a:hover, .navbar-white .navbar-nav > .open > a:focus {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.84);
}
@media (min-width: 767px) {
.navbar-fixed-top {
    background-color: transparent;
    padding: 20px 0;
    transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
    z-index: 10;
}
.navbar-fixed-top .navbar-nav > li {
    color: #666666;
    font-size: 20px;
    transition-duration: 1s;
}
.top-nav-collapse {
    background-color: white;
    padding: 0;
}
.top-nav-collapse .navbar-nav > li > a {
    color: #fff;
	opacity: 0.54;
    transition-duration: 1s;
}
.top-nav-collapse .navbar-nav > li > a:hover {
    color: #fff;
    transition-duration: 1s;
}

}
.navbar-default {
    background-color: #4285f4;
}
.navbar-primary {
    background-color: #4285f4;
}
.navbar-success {
    background-color: #00c853;
}
.navbar-info {
    background-color: #03a9f4;
}
.navbar-warning {
    background-color: #ff5722;
}
.navbar-danger {
    background-color: #d32f2f;
}
.navbar-material-red {
}
.navbar-material-pink {
}
.navbar-material-purple {
}
.navbar-material-deeppurple {
    background-color: #673ab7;
}
.navbar-material-indigo {
}
.navbar-material-lightblue {
    background-color: #03a9f4;
}
.navbar-material-cyan {
}
.navbar-material-teal {
}
.navbar-material-lightgreen {
    background-color: #8bc34a;
}
.navbar-material-lime {
}
.navbar-material-lightyellow {
    background-color: #ffeb3b;
}
.navbar-material-orange {
}
.navbar-material-deeporange {
    background-color: #ff5722;
}
.navbar-material-grey {
}
.navbar-material-bluegrey {
    background-color: #607d8b;
}
.navbar-material-brown {
}
.navbar-material-lightgrey {
    background-color: #ececec;
}
.z-depth-0 {
    box-shadow: none !important;
}
.z-depth-1, .btn, .btn-floating, .card-panel, .card, .dropdown-content, .dropdown-menu, .btn-sm-full {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.z-depth-1-half, .btn:hover, .btn-floating:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.z-depth-2, .btn-sm-full:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
.hoverable:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.25s ease 0s;
}
a {
    text-decoration: none;
}
html {
    color: rgba(0, 0, 0, 0.87);
    font-family: "Roboto",sans-serif;
    font-weight: normal;
    line-height: 1.5;
}
@media only screen and (min-width: 0px) {
html {
    font-size: 14px;
}
.card-content {	xheight:450px;}
}
@media only screen and (min-width: 992px) {
html {
    font-size: 14.5px;
}
.card-content {	xheight:450px;}
}
@media only screen and (min-width: 1200px) {
html {
    font-size: 15px;
}
.card-content {	xheight:450px;}
}
p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
}
h1, h2, h3, h4, h5, h5 {
    font-weight: 300;
}
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;
}
h2 {
    font-size: 3.56rem;
    line-height: 110%;
    margin: 1.78rem 0 1.424rem;
}
h3 {
    font-size: 2.92rem;
    line-height: 110%;
    margin: 1.46rem 0 1.168rem;
}
h4 {
    font-size: 2.28rem;
    line-height: 110%;
    margin: 1.14rem 0 0.912rem;
}
h5 {
    font-size: 1.64rem;
    line-height: 110%;
    margin: 0.82rem 0 0.656rem;
}
h6 {
    font-size: 1rem;
    line-height: 110%;
    margin: 0.5rem 0 0.4rem;
}
em {
    font-style: italic;
}
strong {
    font-weight: 500;
}
small {
    font-size: 75%;
}
.thin-100 {
    font-weight: 100;
}
.thin-100-italic {
    font-style: italic;
    font-weight: 100;
}
.light-300 {
    font-weight: 300;
}
.light-300-italic {
    font-style: italic;
    font-weight: 300;
}
.normal-400 {
    font-weight: 400;
}
.normal-400-italic {
    font-style: italic;
    font-weight: 400;
}
.medium-500 {
    font-weight: 500;
}
.medium-500-italic {
    font-style: italic;
    font-weight: 500;
}
.bold-700 {
    font-weight: 700;
}
.bold-700-italic {
    font-style: italic;
    font-weight: 700;
}
.ultra-bold-900 {
    font-weight: 900;
}
.ultra-bold-900-italic {
    font-style: italic;
    font-weight: 900;
}
.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;
}
}
@media only screen and (max-width: 480px) {
.h1-responsive {
    font-size: 2.18rem;
}
.h2-responsive {
    font-size: 1.84rem;
}
.h3-responsive {
    font-size: 1.7rem;
}
.h4-responsive {
    font-size: 1.3rem;
}
.h5-responsive {
    font-size: 1.1rem;
}
}
@media only screen and (min-width: 480px) {
.h1-responsive {
    font-size: 2.28rem;
}
.h2-responsive {
    font-size: 1.94rem;
}
.h3-responsive {
    font-size: 1.6rem;
}
.h4-responsive {
    font-size: 1.4rem;
}
.h5-responsive {
    font-size: 1.2rem;
}
}
@media only screen and (min-width: 768px) {
.h1-responsive {
    font-size: 2.92rem;
}
.h2-responsive {
    font-size: 2.28rem;
}
.h3-responsive {
    font-size: 1.94rem;
}
.h4-responsive {
    font-size: 1.4rem;
}
.h5-responsive {
    font-size: 1.15rem;
}
}
@media only screen and (min-width: 992px) {
.h1-responsive {
    font-size: 3.56rem;
}
.h2-responsive {
    font-size: 2.92rem;
}
.h3-responsive {
    font-size: 2.28rem;
}
.h4-responsive {
    font-size: 1.64rem;
}
.h5-responsive {
    font-size: 1.2rem;
}
}
@media only screen and (min-width: 1200px) {
.h1-responsive {
    font-size: 4.2rem;
}
.h2-responsive {
    font-size: 3.56rem;
}
.h3-responsive {
    font-size: 2.92rem;
}
.h4-responsive {
    font-size: 2.28rem;
}
.h5-responsive {
    font-size: 1.64rem;
}
}
.card-panel {
    background-color: #fff;
    border-radius: 2px;
    margin: 0.5rem 0 1rem;
    padding: 20px;
    transition: box-shadow 0.25s ease 0s;
}
.card {
    background-color: #fff;
    border-radius: 2px;
    margin: 0.5rem 0 1rem;
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.25s ease 0s;
}
.card .card-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}
.card .card-title.activator {
    cursor: pointer;
}
.card.small, .card.medium, .card.large {
    position: relative;
}
.card.small .card-image, .card.medium .card-image, .card.large .card-image {
    overflow: hidden;
}
.card.small .card-content, .card.medium .card-content, .card.large .card-content {
    overflow: hidden;
}
.card.small .card-action, .card.medium .card-action, .card.large .card-action {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.card.small {
    height: 300px;
}
.card.small .card-image {
    height: 150px;
}
.card.small .card-content {
    height: 150px;
}
.card.medium {
    height: 450px;
}
.card.medium .card-image {
    height: 250px;
}
.card.medium .card-content {
    height: 150px;
}
.card.large {
    height: 500px;
}
.card.large .card-image {
    height: 330px;
}
.card.large .card-content {
    height: 170px;
}
.card .card-image {
    position: relative;
}
.card .card-image img {
    border-radius: 2px 2px 0 0;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.card .card-image .card-title {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
}
.card .card-content {
    border-radius: 0 0 2px 2px;
    padding: 20px;
	padding-bottom: 10px;
	margin-top:0px; 
	margin-bottom:0px;	
}

.elegant-card img {
	width:100%;
}

.card .card-content p {
    color: inherit;
    margin: 0;
	padding-bottom: 0px;
}

.card-content {
	padding-top: 0px;
	padding-bottom: 0px;
}

.card .card-content .card-title {
    line-height: 48px;
}
.card .card-action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 20px;
}
.card .card-action a {
    color: #ffab40;
    margin-right: 20px;
    text-transform: uppercase;
    transition: color 0.3s ease 0s;
}
.card .card-action a:hover {
    color: #ffd8a6;
}
.card .card-btn a {
    color: #fff;
    margin-right: 10px;
}
.dropdown-content {
    background-color: #fff;
    display: none;
    margin: 0;
    max-height: 650px;
    min-width: 100px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    will-change: width, height;
    z-index: 999;
}
.dropdown-content li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    line-height: 1.5rem;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.dropdown-content li:hover, .dropdown-content li.active {
    background-color: #eee;
}
.dropdown-content li > a, .dropdown-content li > span {
    color: #4285f4;
    display: block;
    font-size: 1.2rem;
    padding: 1rem;
}
.dropdown-content li > a > i {
    height: inherit;
    line-height: inherit;
}
.dropdown-menu {
    border-radius: 0;
}
.dropdown-menu li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    line-height: 1.5rem;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.dropdown-menu li:hover, .dropdown-menu li.active {
    background-color: #eee;
}
.dropdown-menu li > a, .dropdown-menu li > span {
    color: #4285f4;
    display: block;
    font-size: 1.2rem;
    padding: 1rem;
}
.dropdown-menu li > a > i {
    height: inherit;
    line-height: inherit;
}
.tooltip {
    font-family: "Roboto",sans-serif;
    font-weight: 300;
    line-height: 1.5;
}
.tooltip .tooltip-arrow {
    border-top-color: #222;
    margin: 1px;
}
.tooltip > .tooltip-inner {
    background-color: #222;
    border: 1px solid #222;
    border-radius: 0;
    color: #ffffff;
    font-size: 20px;
    padding: 15px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%;
}
.popover {
    background-color: #222;
    color: #fff;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
    max-width: 170px;
    padding: 8px;
    text-align: center;
    z-index: 999;
}
.popover-title {
    background-color: #222;
    border: 1px solid #222;
    border-radius: 0;
    color: #ffffff;
    font-size: 20px;
    padding: 15px;
}
.popover-content {
    background-color: #222;
    border: 1px solid #222;
    border-radius: 0;
    color: #ffffff;
    font-size: 20px;
    padding: 15px;
}
.popover > .arrow, .popover > .arrow::after {
    border-color: transparent;
    border-style: solid;
    color: #222;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.popover > .arrow {
    border-width: 11px;
}
.popover > .arrow::after {
    border-width: 10px;
    content: "";
}
.popover.top > .arrow {
    border-bottom-width: 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
}
.popover.top > .arrow::after {
    border-bottom-width: 0;
    border-top-color: #222;
    bottom: 1px;
    content: " ";
    margin-left: -10px;
}
.popover.right > .arrow {
    border-left-width: 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    left: -11px;
    margin-top: -11px;
    top: 50%;
}
.popover.right > .arrow::after {
    border-left-width: 0;
    border-right-color: #222;
    bottom: -10px;
    content: " ";
    left: 1px;
}
.popover.bottom > .arrow {
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -11px;
}
.popover.bottom > .arrow::after {
    border-bottom-color: #222;
    border-top-width: 0;
    content: " ";
    margin-left: -10px;
    top: 1px;
}
.popover.left > .arrow {
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
    margin-top: -11px;
    right: -11px;
    top: 50%;
}
.popover.left > .arrow::after {
    border-left-color: #222;
    border-right-width: 0;
    bottom: -10px;
    content: " ";
    right: 1px;
}
.mdl-tooltip {
    background: #700 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    left: -500px;
    line-height: 14px;
    max-width: 170px;
    padding: 8px;
    position: fixed;
    text-align: center;
    top: -500px;
    transform: scale(0);
    transform-origin: center top 0;
    will-change: transform;
    z-index: 999;
}
.mdl-tooltip.is-active {
    animation: 200ms cubic-bezier(0, 0, 0.2, 1) 0s normal forwards 1 running pulse;
}
.mdl-tooltip--large {
    font-size: 2rem;
    line-height: 14px;
    padding: 16px;
}
@keyframes pulse {
0% {
    opacity: 0;
    transform: scale(0);
}
50% {
    transform: scale(0.99);
}
100% {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}
}
@media (min-width: 768px) {
.scrollspy {
    padding-left: 20px;
}
}
#scrollspy {
    margin-bottom: 20px;
    margin-top: 20px;
}
#scrollspy .nav > li > a {
    border-radius: 0;
    color: #767676;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 20px;
}
#scrollspy .nav > li > a:focus, #scrollspy .nav > li > a:hover {
    background-color: transparent;
    border-left: 1px solid #563d7c;
    color: #563d7c;
    padding-left: 19px;
    text-decoration: none;
}
#scrollspy .nav > .active:focus > a, #scrollspy .nav > .active:hover > a, #scrollspy .nav > .active > a {
    background-color: transparent;
    border-left: 2px solid #563d7c;
    color: #563d7c;
    font-weight: 700;
    padding-left: 18px;
}
#scrollspy .nav .nav > li > a {
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 1px;
    padding-left: 30px;
    padding-top: 1px;
}
#scrollspy .nav .nav > li > a:focus, #scrollspy .nav .nav > li > a:hover {
    padding-left: 29px;
}
#scrollspy .nav .nav > .active:focus > a, #scrollspy .nav .nav > .active:hover > a, #scrollspy .nav .nav > .active > a {
    font-weight: 500;
    padding-left: 28px;
}
.pagination li {
    border-radius: 2px;
    float: left;
    font-size: 1.2rem;
    line-height: 30px;
    text-align: center;
}
.pagination li .active {
    background-color: #ee6e73;
}
.pagination li a {
    border: 0 none;
    color: #444;
}
.pagination li a:active {
    color: #000;
}
.pagination li a:hover {
    background-color: transparent;
}
.pagination-dark li {
    border-radius: 2px;
    float: left;
    font-size: 1.2rem;
    line-height: 30px;
    text-align: center;
}
.pagination-dark li .active {
    background-color: #ee6e73;
}
.pagination-dark li a {
    background-color: transparent;
    border: 0 none;
    color: #eee;
}
.pagination-dark li a:active {
    color: #000;
}
.pagination-dark li a:hover {
    background-color: transparent;
}
.pag-circle .active a {
    border-radius: 50%;
}
.panel-default .panel-heading {
    background-color: transparent;
    border-radius: 0;
}
.panel-group {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.panel-group .panel {
    border-radius: 0;
}
.panel-group .panel + .panel {
    border-bottom: 1px solid #ddd;
    border-top: 0 none;
    margin-top: 0;
}
.carousel-caption h3:first-child {
    animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
    animation-delay: 2s;
}
.carousel-caption button {
    animation-delay: 3s;
}
.carousel-control:hover {
    transition-duration: 400ms;
}
.carousel-fade .carousel-inner .item {
    transition-duration: 1000ms;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0px, 0px, 0px);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5;
}
.carousel-control .icon-prev, .carousel-control .fa-angle-left {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .icon-next, .carousel-control .fa-angle-right {
    margin-right: -10px;
    right: 50%;
}
.carousel-control .fa {
    display: inline-block;
    font-size: 50px;
    margin-top: -10px;
    top: 50%;
    z-index: 5;
}
.carousel-full-bg .carousel-indicators {
    margin-bottom: 1em;
}
.carousel-full-bg .carousel-caption {
    margin-bottom: 8em;
}
.carousel .carousel-indicators li {
    height: 20px;
    width: 20px;
}
.carousel .carousel-indicators .active {
    background-color: #fff;
    height: 20px;
    width: 20px;
}
.carousel-caption {
    margin-bottom: 3em;
}
.new-control .fa {
    background-color: #000;
    border-radius: 50%;
    height: 60px;
    padding-top: 3px;
    width: 60px;
}
@media only screen and (max-width: 600px) {
.new-control .fa {
    background-color: #000;
    border-radius: 50%;
    height: 33px;
    padding-top: 3px;
    width: 33px;
}
.carousel-control .fa {
    font-size: 25px;
}
.carousel-indicators li {
    height: 10px;
    width: 10px;
}
.carousel-indicators .active {
    background-color: #fff;
    height: 10px;
    width: 10px;
}
.carousel .carousel-indicators li {
    height: 10px;
    width: 10px;
}
.carousel .carousel-indicators .active {
    background-color: #fff;
    height: 10px;
    width: 10px;
}
.carousel-caption {
    margin-bottom: 1em;
}
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut {
    animation-duration: 0.75s;
}
.animated.flipOutX, .animated.flipOutY {
    animation-duration: 0.75s;
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0px, 0px, 0px);
}
40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -30px, 0px);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -15px, 0px);
}
90% {
    transform: translate3d(0px, -4px, 0px);
}
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom 0;
}
@keyframes flash {
0%, 50%, 100% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes rubberBand {
0% {
    transform: scale3d(1, 1, 1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, 0.95, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.rubberBand {
    animation-name: rubberBand;
}
@keyframes shake {
0%, 100% {
    transform: translate3d(0px, 0px, 0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0px, 0px);
}
20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0px, 0px);
}
}
.shake {
    animation-name: shake;
}
@keyframes swing {
20% {
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
0% {
    transform: none;
}
15% {
    transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);
}
30% {
    transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);
}
45% {
    transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);
}
60% {
    transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);
}
75% {
    transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);
}
100% {
    transform: none;
}
}
.wobble {
    animation-name: wobble;
}
@keyframes jello {
0%, 11.1%, 100% {
    transform: none;
}
22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
.jello {
    animation-name: jello;
    transform-origin: center center 0;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, -3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, 25px, 0px);
}
75% {
    transform: translate3d(0px, -10px, 0px);
}
90% {
    transform: translate3d(0px, 5px, 0px);
}
100% {
    transform: none;
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px);
}
75% {
    transform: translate3d(-10px, 0px, 0px);
}
90% {
    transform: translate3d(5px, 0px, 0px);
}
100% {
    transform: none;
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px);
}
75% {
    transform: translate3d(10px, 0px, 0px);
}
90% {
    transform: translate3d(-5px, 0px, 0px);
}
100% {
    transform: none;
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, 3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
75% {
    transform: translate3d(0px, 10px, 0px);
}
90% {
    transform: translate3d(0px, -5px, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
    transform: translate3d(0px, 10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
    transform: translate3d(0px, -10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px);
}
}
.animated.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
@keyframes flipInY {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: skewX(20deg);
}
80% {
    opacity: 1;
    transform: skewX(-5deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: left top 0;
}
40%, 80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 700px, 0px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
    animation-name: rollOut;
}
@keyframes zoomIn {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
    animation-name: zoomIn;
}
@keyframes zoomInDown {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
}
.zoomInDown {
    animation-name: zoomInDown;
}
@keyframes zoomInLeft {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
}
}
.zoomInLeft {
    animation-name: zoomInLeft;
}
@keyframes zoomInRight {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
}
}
.zoomInRight {
    animation-name: zoomInRight;
}
@keyframes zoomInUp {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
}
.zoomInUp {
    animation-name: zoomInUp;
}
@keyframes zoomOut {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
100% {
    opacity: 0;
}
}
.zoomOut {
    animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
    transform-origin: center bottom 0;
}
}
.zoomOutDown {
    animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0px, 0px);
    transform-origin: left center 0;
}
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0px, 0px);
    transform-origin: right center 0;
}
}
.zoomOutRight {
    animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
    transform-origin: center bottom 0;
}
}
.zoomOutUp {
    animation-name: zoomOutUp;
}
@keyframes slideInDown {
0% {
    transform: translate3d(0px, -100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    transform: translate3d(100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideInUp {
0% {
    transform: translate3d(0px, 100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, 100%, 0px);
    visibility: hidden;
}
}
.slideOutDown {
    animation-name: slideOutDown;
}
@keyframes slideOutLeft {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: hidden;
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, -100%, 0px);
    visibility: hidden;
}
}
.slideOutUp {
    animation-name: slideOutUp;
}
:-moz-placeholder {
    color: #d1d1d1;
}
*::-moz-placeholder {
    color: #d1d1d1;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search-md"], textarea.materialize-textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size: 1rem;
    height: 3rem;
    margin: 0 0 15px;
    outline: medium none;
    padding: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
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-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-md"]:disabled, input[type="search-md"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
    color: rgba(0, 0, 0, 0.26);
}
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-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-md"]:disabled + label, input[type="search-md"][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
    color: rgba(0, 0, 0, 0.26);
}
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-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search-md"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4285f4;
    box-shadow: 0 1px 0 0 #4285f4;
}
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-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search-md"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #4285f4;
}
input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search-md"], input.valid[type="search-md"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus {
    border-bottom: 1px solid #99cc00;
    box-shadow: 0 1px 0 0 #99cc00;
}
input.valid[type="text"] + label::after, input.valid[type="text"]:focus + label::after, input.valid[type="password"] + label::after, input.valid[type="password"]:focus + label::after, input.valid[type="email"] + label::after, input.valid[type="email"]:focus + label::after, input.valid[type="url"] + label::after, input.valid[type="url"]:focus + label::after, input.valid[type="time"] + label::after, input.valid[type="time"]:focus + label::after, input.valid[type="date"] + label::after, input.valid[type="date"]:focus + label::after, input.valid[type="datetime-local"] + label::after, input.valid[type="datetime-local"]:focus + label::after, input.valid[type="tel"] + label::after, input.valid[type="tel"]:focus + label::after, input.valid[type="number"] + label::after, input.valid[type="number"]:focus + label::after, input.valid[type="search-md"] + label::after, input.valid[type="search-md"]:focus + label::after, textarea.materialize-textarea.valid + label::after, textarea.materialize-textarea.valid:focus + label::after {
    color: #99cc00;
    content: attr(data-success);
    opacity: 1;
}
input.invalid[type="text"], input.invalid[type="text"]:focus, input.invalid[type="password"], input.invalid[type="password"]:focus, input.invalid[type="email"], input.invalid[type="email"]:focus, input.invalid[type="url"], input.invalid[type="url"]:focus, input.invalid[type="time"], input.invalid[type="time"]:focus, input.invalid[type="date"], input.invalid[type="date"]:focus, input.invalid[type="datetime-local"], input.invalid[type="datetime-local"]:focus, input.invalid[type="tel"], input.invalid[type="tel"]:focus, input.invalid[type="number"], input.invalid[type="number"]:focus, input.invalid[type="search-md"], input.invalid[type="search-md"]:focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus {
    border-bottom: 1px solid #f44336;
    box-shadow: 0 1px 0 0 #f44336;
}
input.invalid[type="text"] + label::after, input.invalid[type="text"]:focus + label::after, input.invalid[type="password"] + label::after, input.invalid[type="password"]:focus + label::after, input.invalid[type="email"] + label::after, input.invalid[type="email"]:focus + label::after, input.invalid[type="url"] + label::after, input.invalid[type="url"]:focus + label::after, input.invalid[type="time"] + label::after, input.invalid[type="time"]:focus + label::after, input.invalid[type="date"] + label::after, input.invalid[type="date"]:focus + label::after, input.invalid[type="datetime-local"] + label::after, input.invalid[type="datetime-local"]:focus + label::after, input.invalid[type="tel"] + label::after, input.invalid[type="tel"]:focus + label::after, input.invalid[type="number"] + label::after, input.invalid[type="number"]:focus + label::after, input.invalid[type="search-md"] + label::after, input.invalid[type="search-md"]:focus + label::after, textarea.materialize-textarea.invalid + label::after, textarea.materialize-textarea.invalid:focus + label::after {
    color: #f44336;
    content: attr(data-error);
    opacity: 1;
}
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-local"] + label::after, input[type="tel"] + label::after, input[type="number"] + label::after, input[type="search-md"] + label::after, textarea.materialize-textarea + label::after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 65px;
    transition: opacity 0.2s ease-out 0s, color 0.2s ease-out 0s;
}
select:focus {
    outline: 1px solid white;
}
button:focus {
    background-color: #b275d1;
    outline: medium none;
}
label {
    color: #9e9e9e;
    font-size: 0.8rem;
}
.input-field {
    margin-top: 1rem;
    position: relative;
}
.input-field label {
    color: #9e9e9e;
    cursor: text;
    font-size: 1rem;
    left: 0.75rem;
    position: absolute;
    top: 0.8rem;
    transition: all 0.2s ease-out 0s;
}
.input-field label.active {
    font-size: 0.8rem;
    transform: translateY(-140%);
}
.input-field .prefix {
    font-size: 2rem;
    position: absolute;
    transition: color 0.2s ease 0s;
    width: 3rem;
}
.input-field .prefix.active {
    color: #4285f4;
}
.input-field .prefix ~ input, .input-field .prefix ~ textarea {
    margin-left: 3rem;
    width: calc(100% - 3rem);
}
.input-field .prefix ~ textarea {
    padding-top: 0.8rem;
}
.input-field .prefix ~ label {
    margin-left: 3rem;
}
@media only screen and (max-width: 992px) {
.input-field .prefix ~ input {
    width: calc(100% - 3rem);
}
}
@media only screen and (max-width: 600px) {
.input-field .prefix ~ input {
    width: calc(100% - 3rem);
}
}
.input-field input[type="search-md"] {
    display: block;
    line-height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
}
.input-field input[type="search-md"]:focus {
    background-color: #fff;
    border: 0 none;
    box-shadow: none;
    color: #444;
}
.input-field input[type="search-md"]:focus + label i, .input-field input[type="search-md"]:focus ~ .mdi-navigation-close {
    color: #444;
}
.input-field input[type="search-md"] + label {
    left: 1rem;
}
.input-field input[type="search-md"] ~ .mdi-navigation-close {
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    transition: color 0.3s ease 0s;
}
textarea {
    background-color: transparent;
    height: 3rem;
    width: 100%;
}
textarea.materialize-textarea {
    min-height: 3rem;
    overflow-y: hidden;
    padding: 1.6rem 0;
    resize: none;
}
.hiddendiv {
    display: none;
    padding-top: 1.2rem;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.homepage-hero-module {
    border-left: medium none;
    border-right: medium none;
    position: relative;
}
.no-video .video-container video, .touch .video-container video {
    display: none;
}
.no-video .video-container .poster, .touch .video-container .poster {
    display: block !important;
}
.video-container {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.video-container .poster img {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.video-container .filter {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.video-container video {
    bottom: 0;
    position: absolute;
    z-index: 0;
}
.video-container video.fillWidth {
    width: 100%;
}
.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 3em;
    padding-top: 3em;
    position: relative;
}
.view {
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view .mask, .view .content {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.view img {
    display: block;
    position: relative;
}
.view-first img {
    transition: all 0.2s linear 0s;
}
.view-first .mask {
    background-color: rgba(77, 155, 224, 0.3);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.view-first:hover img {
    transform: scale(1.1);
}
.view-first:hover .mask {
    opacity: 1;
}
.mdb-box {
    display: block;
    margin: 0 auto;
    max-width: 650px;
    position: relative;
}
.mdb-box .mdb-box-caption {
    background: rgba(240, 146, 64, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.35s ease 0s;
    width: 100%;
}
.mdb-box .mdb-box-caption .mdb-box-caption-content {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.mdb-box .mdb-box-caption .mdb-box-caption-content .project-category, .mdb-box .mdb-box-caption .mdb-box-caption-content .project-name {
    padding: 0 15px;
}
.mdb-box .mdb-box-caption .mdb-box-caption-content .project-category {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.mdb-box .mdb-box-caption .mdb-box-caption-content .project-name {
    font-size: 18px;
}
.mdb-box:hover .mdb-box-caption {
    opacity: 1;
}
@media (min-width: 768px) {
.mdb-box .mdb-box-caption .mdb-box-caption-content .project-category {
    font-size: 16px;
}
.mdb-box .mdb-box-caption .mdb-box-caption-content .project-name {
    font-size: 22px;
}
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-carousel .owl-wrapper::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer .autoHeight {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -moz-user-select: none;
}
.grabbing {
    cursor: url("http://mdbootstrap.com/wp-content/uploads/2015/10/grabbing.png") 8 8, move;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    backface-visibility: hidden;
    transform: translate3d(0px, 0px, 0px);
}
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
    background: #869791 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    opacity: 0.5;
    padding: 3px 10px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: #869791 none repeat scroll 0 0;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    height: auto;
    padding: 2px 10px;
    width: auto;
}
.owl-item.loading {
    background: rgba(0, 0, 0, 0) url("AjaxLoader.gif") no-repeat scroll center center;
    min-height: 150px;
}
.owl-origin {
    perspective: 1200px;
}
.owl-fade-out {
    animation: 0.7s ease 0s normal both 1 running fadeOut;
    z-index: 10;
}
.owl-fade-in {
    animation: 0.7s ease 0s normal both 1 running fadeIn;
}
.owl-backSlide-out {
    animation: 1s ease 0s normal both 1 running backSlideOut;
}
.owl-backSlide-in {
    animation: 1s ease 0s normal both 1 running backSlideIn;
}
.owl-goDown-out {
    animation: 0.7s ease 0s normal both 1 running scaleToFade;
}
.owl-goDown-in {
    animation: 0.6s ease 0s normal both 1 running goDown;
}
.owl-fadeUp-in {
    animation: 0.5s ease 0s normal both 1 running scaleUpFrom;
}
.owl-fadeUp-out {
    animation: 0.5s ease 0s normal both 1 running scaleUpTo;
}
@keyframes empty {
0% {
    opacity: 1;
}
}
@keyframes empty {
0% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes backSlideOut {
25% {
    opacity: 0.5;
    transform: translateZ(-500px);
}
75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
}
100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
    opacity: 0.5;
    transform: translateZ(-500px);
}
75% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
}
100% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideIn {
0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
}
75% {
    opacity: 0.5;
    transform: translateZ(-500px);
}
100% {
    opacity: 1;
    transform: translateZ(0px) translateX(0px);
}
}
@keyframes backSlideIn {
0%, 25% {
    opacity: 0.5;
    transform: translateZ(-500px) translateX(200%);
}
75% {
    opacity: 0.5;
    transform: translateZ(-500px);
}
100% {
    opacity: 1;
    transform: translateZ(0px) translateX(0px);
}
}
@keyframes scaleToFade {
100% {
    opacity: 0;
    transform: scale(0.8);
}
}
@keyframes scaleToFade {
100% {
    opacity: 0;
    transform: scale(0.8);
}
}
@keyframes goDown {
0% {
    transform: translateY(-100%);
}
}
@keyframes goDown {
0% {
    transform: translateY(-100%);
}
}
@keyframes scaleUpFrom {
0% {
    opacity: 0;
    transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
0% {
    opacity: 0;
    transform: scale(1.5);
}
}
@keyframes scaleUpTo {
100% {
    opacity: 0;
    transform: scale(1.5);
}
}
@keyframes scaleUpTo {
100% {
    opacity: 0;
    transform: scale(1.5);
}
}
.waves-effect {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out 0s;
    vertical-align: middle;
    will-change: opacity, transform;
    z-index: 1;
}
.waves-effect .waves-ripple {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 50%;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scale(0);
    transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: transform, opacity;
    transition-timing-function: ease-out;
    width: 20px;
}
.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-notransition {
    transition: none 0s ease 0s !important;
}
.waves-circle {
    transform: translateZ(0px);
}
.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}
.waves-input-wrapper .waves-button-input {
    left: 0;
    position: relative;
    top: 0;
    z-index: 1;
}
.waves-circle {
    border-radius: 50%;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    width: 2.5em;
}
.waves-block {
    display: block;
}
a.waves-effect .waves-ripple {
    z-index: -1;
}
@media only screen and (max-width: 600px) {
.center-on-small-only {
    text-align: center;
}
}
.no-margin {
    margin: 0;
}
.no-gutter > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.no-padding {
    padding: 0;
}
.no-pad-mar {
    margin: 0;
    padding: 0;
}
.space-30 {
    height: 30px;
}
.verticalcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.vcenter {
    display: inline-block;
    float: none;
    vertical-align: middle;
}
.vertical-center {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 100vh;
    width: 100%;
}
.elegant-card {
    border-radius: 2px;
    margin-bottom: 50px;
    perspective: 800px;
    position: relative;
}
.elegant-card .card-up {
    border-radius: 2px;
    max-height: 200px;
    overflow: hidden;
}
.elegant-card .btn-floating {
    float: right;
    margin: -2.1em 2em;
}
.elegant-card .card-content {
    background-color: #ECE6D8;
	
    color: #666666;
    padding: 1.1em;
	padding-bottom: 0.4em;
}
.elegant-card .card-content h5 {
    xborder-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
	margin-top:20px;
}
.elegant-card .card-content p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.57143;
	margin-top:-5px;
	width:90%;
	margin-left:5%;
}
.elegant-card .card-footer {
    background-color: #BFB59A;
	background-color: #3e4551;
	background-color: #515151;
	color: #fff;
    font-size: 15px;
    height: 30px;
    text-align: center;
	padding-top:5px;
}
.elegant-card .card-footer ul {
    padding-bottom: 15px;
    padding-top: 15px;
}
.elegant-card .card-footer ul .fa {
    margin-right: 5px;
}
.elegant-card .card-footer ul a {
    color: #fff;
}
@media only screen and (max-width: 500px) {
.elegant-card .card-up {
    max-height: 150px;
}
.elegant-card .card-content {
    padding: 1em;
}
}
.testimonial-card {
    margin-bottom: 50px;
    position: relative;
}
.testimonial-card .card-up {
    height: 120px;
    overflow: hidden;
}
.testimonial-card .avatar {
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: -65px auto 0;
    overflow: hidden;
    width: 120px;
}
.testimonial-card .avatar img {
    background: #ffffff none repeat scroll 0 0;
    border: 5px solid #fff;
    width: 100%;
}
.testimonial-card .card-content {
    background-color: #fff;
    color: #666666;
    padding: 1em;
    text-align: center;
}
.testimonial-card .card-content h5 {
    border-bottom: 1px solid #eeeeee;
    margin-top: 0;
    padding-bottom: 10px;
}
.testimonial-card .card-content p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.57143;
}
.testimonial-card .card-footer {
    background-color: #3e4551;
    color: #fff;
    height: 50px;
    text-align: center;
}
.testimonial-card .card-footer ul {
    padding-bottom: 15px;
    padding-top: 15px;
}
.testimonial-card .card-footer ul .fa {
    margin-right: 5px;
}
.testimonial-card .card-footer ul a {
    color: #fff;
}
.btn-border-light {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.btn-border-light:hover, .btn-border-light:focus {
    background-color: transparent;
    color: #fff;
}
.materialboxed {
    cursor: zoom-in;
    display: block;
    position: relative;
    transition: opacity 0.4s ease 0s;
}
.materialboxed:hover {
    will-change: left, top, width, height;
}
.materialboxed:hover:not(.active) {
    opacity: 0.8;
}
.materialboxed.active {
    cursor: zoom-out;
}
#materialbox-overlay {
    background-color: #292929;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    will-change: opacity;
    z-index: 999;
}
.materialbox-caption {
    bottom: 0;
    color: #fff;
    display: none;
    height: 50px;
    line-height: 50px;
    padding: 0 15%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
img.responsive-img, video.responsive-video {
    height: auto;
    max-width: 100%;
}
.btn-sm-full {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 10px;
    outline: medium none !important;
    padding: 8px;
    position: relative;
    transition: all 0.2s ease-out 0s;
}
.btn-sm-full:hover {
    color: #fff;
}
.btn-sm-full:focus {
    color: #fff;
}
.btn-sm-full .fa {
    font-size: 22px;
    width: 16px;
}
.btn-sm-full span {
    margin-left: 8px;
}
.rectangle {
    border-radius: 2px;
    padding: 10px 32px;
}
.icons-sm {
    border: medium none;
    cursor: pointer;
    font-size: 30px;
    margin: 10px 1px;
    outline: medium none !important;
    padding: 8px 30px;
    position: relative;
    text-decoration: none;
}
.icons-sm .fa {
    transition-duration: 0.2s;
}
.icons-sm:hover .fa {
    transform: scale(1.2);
}
.fb-bg {
    background-color: #3b5998;
}
.fb-bg:hover {
    background-color: #4264aa;
}
.gplus-bg {
    background-color: #dd4b39;
}
.gplus-bg:hover {
    background-color: #e15f4f;
}
.tw-bg {
    background-color: #55acee;
}
.tw-bg:hover {
    background-color: #6cb7f0;
}
.li-bg {
    background-color: #0082ca;
}
.li-bg:hover {
    background-color: #0092e4;
}
.yt-bg {
    background-color: #cd201f;
}
.yt-bg:hover {
    background-color: #de2827;
}
.ins-bg {
    background-color: #3f729b;
}
.ins-bg:hover {
    background-color: #467fad;
}
.pin-bg {
    background-color: #c61118;
}
.pin-bg:hover {
    background-color: #dd131b;
}
.git-bg {
    background-color: #4183c4;
}
.git-bg:hover {
    background-color: #5490ca;
}
.comm-bg {
    background-color: #30cfc0;
}
.comm-bg:hover {
    background-color: #45d4c6;
}
.email-bg {
    background-color: #4b515d;
}
.email-bg:hover {
    background-color: #565d6b;
}
.fb-ic {
    color: #3b5998;
}
.fb-ic:hover {
    color: #3b5998;
}
.gplus-ic {
    color: #dd4b39;
}
.gplus-ic:hover {
    color: #dd4b39;
}
.tw-ic {
    color: #55acee;
}
.tw-ic:hover {
    color: #55acee;
}
.li-ic {
    color: #0082ca;
}
.li-ic:hover {
    color: #0082ca;
}
.yt-ic {
    color: #cd201f;
}
.yt-ic:hover {
    color: #cd201f;
}
.ins-ic {
    color: #3f729b;
}
.ins-ic:hover {
    color: #3f729b;
}
.pin-ic {
    color: #c61118;
}
.pin-ic:hover {
    color: #c61118;
}
.git-ic {
    color: #4183c4;
}
.git-ic:hover {
    color: #4183c4;
}
.email-ic {
    color: #4b515d;
}
.email-ic:hover {
    color: #4b515d;
}
.tiled-gallery {
}
.tiled-gallery .col-md-6, .tiled-gallery .col-md-3 {
    padding: 0;
}
.tiled-gallery .tile {
    height: 300px;
    margin: 5px;
}
.tiled-gallery .tile a {
    height: 100%;
    width: 100%;
}
.tiled-gallery .tile h5 {
    color: #fff;
    margin-left: 25px;
    margin-top: 230px;
}
.tiled-gallery .tile h5 span {
    font-size: 23px;
}
.tiled-gallery .tile-1 {
    animation-delay: 0s;
}
.tiled-gallery .tile-2 {
    animation-delay: 0.1s;
}
.tiled-gallery .tile-3 {
    animation-delay: 0.2s;
}
.tiled-gallery .tile-4 {
    animation-delay: 0.3s;
}
.tiled-gallery .tile-5 {
    animation-delay: 0.4s;
}
.tiled-gallery .tile-6 {
    animation-delay: 0.5s;
}
.tiled-gallery .tile-7 {
    animation-delay: 0.6s;
}
.tiled-gallery .tile-8 {
    animation-delay: 0.7s;
}
.tiled-gallery .tile-9 {
    animation-delay: 0.8s;
}
.portfolio .tile {
    background-repeat: no-repeat;
    background-size: cover;
}
.elegant-gallery .main-2-col {
    background: rgba(0, 0, 0, 0) url("http://mdbootstrap.com/wp-content/uploads/2015/10/main-2-5-5.jpg") repeat scroll 0 0;
}
.elegant-gallery .main-3-col {
    background: rgba(0, 0, 0, 0) url("http://mdbootstrap.com/wp-content/uploads/2015/10/main1.jpg") repeat scroll 0 0;
}
.elegant-gallery .main {
    background-repeat: no-repeat;
    background-size: cover;
    color: #cfd8dc;
    height: 100vh;
}
.elegant-gallery .main h4 {
    font-weight: 400;
}
.elegant-gallery .main h4 span {
    font-weight: 700;
}
.elegant-gallery .card-content h4 {
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
    text-align: left;
}
.elegant-gallery .card-content h5 {
    margin-top: 2em;
    text-align: right;
}
.elegant-gallery .card-content .fa-chevron-right {
    font-size: 0.8em;
    margin-left: 8px;
}
.elegant-gallery .card-content .card-padding {
    min-height: 300px;
    padding: 2em;
}
.elegant-gallery .part-1, .elegant-gallery .part-3 {
    background-color: #313131;
    color: #eee;
    height: 100vh;
}
.elegant-gallery .part-1 a, .elegant-gallery .part-3 a {
    color: #fff;
}
.elegant-gallery .part-2 {
    background-color: #fff;
    color: #000;
    height: 100vh;
}
.elegant-gallery .part-2 a {
    color: #000;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.elegant-gallery h4 {
    font-size: 1.4em;
}
.elegant-gallery h5 {
    font-size: 1.2em;
}
.elegant-gallery p {
    font-size: 1em;
}
}
@media only screen and (max-width: 1025px) {
.elegant-gallery .part-1, .elegant-gallery .part-3 {
    height: auto;
}
.elegant-gallery .part-2 {
    height: auto;
}
}
@media (min-width: 500px) and (max-width: 1200px) {
.elegant-gallery .main {
    background: rgba(0, 0, 0, 0) url("http://mdbootstrap.com/wp-content/uploads/2015/10/smalldevbg.jpg") no-repeat scroll 0 0 / cover ;
}
}