/*!
 * Materialize v0.95.3 (http://materializecss.com)
 * Copyright 2014-2015 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

.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: #a0f!important
}
.purple-text.text-accent-4 {
    color: #a0f!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: #ff0!important
}
.yellow-text.text-accent-2 {
    color: #ff0!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: #eee!important
}
.grey-text.text-lighten-3 {
    color: #eee!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: #000!important
}
.shades-text.text-black {
    color: #000!important
}
.shades.white {
    background-color: #FFF!important
}
.shades-text.text-white {
    color: #FFF!important
}
.black {
    background-color: #000!important
}
.black-text {
    color: #000!important
}
.white {
    background-color: #FFF!important
}
.white-text {
    color: #FFF!important
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


.clearfix {
    clear: both
}


@media only screen and (max-width: 600px) {
    .hide-on-small-and-down,
    .hide-on-small-only {
        display: none!important
    }
}
@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none!important
    }
}
@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none!important
    }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display: none!important
    }
}
@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display: none!important
    }
}
@media only screen and (min-width: 993px) {
    .show-on-large {
        display: initial!important
    }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display: initial!important
    }
}
@media only screen and (max-width: 600px) {
    .show-on-small {
        display: initial!important
    }
}
@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display: initial!important
    }
}
@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display: initial!important
    }
}
@media only screen and (max-width: 600px) {
    .center-on-small-only {
        text-align: center
    }
}

.collection {
    background-color: #999;
    margin: .5rem 0 1rem;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    overflow: hidden
}
.collection .collection-item {
    background-color: #fff;
    line-height: 1.5rem;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}
.collection .collection-item.avatar {
    height: 84px;
    padding-left: 72px;
    position: relative
}
.collection .collection-item.avatar .circle {
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle
}
.collection .collection-item.avatar i.circle {
    font-size: 18px;
    line-height: 42px;
    color: #fff;
    background-color: #999;
    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;
    top: 16px;
    right: 16px
}
.collection .collection-item:last-child {
    border-bottom: none
}
.collection .collection-item.active {
    background-color: #26a69a;
    color: #eafaf9
}
.collection a.collection-item {
    display: block;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    -ms-transition: .25s;
    transition: .25s;
    color: #26a69a
}
.collection a.collection-item:not(.active):hover {
    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
}
.secondary-content {
    float: right;
    color: #26a69a
}
span.badge {
    min-width: 3rem;
    padding: 0 6px;
    text-align: center;
    font-size: 1rem;
    line-height: inherit;
    color: #757575;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
span.badge.new {
    font-weight: 300;
    font-size: .8rem;
    color: #fff;
    background-color: #26a69a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box
}
span.badge.new:after {
    content: " new"
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #acece6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    margin: .5rem 0 1rem;
    overflow: hidden
}
.progress .determinate {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #26a69a;
    -webkit-transition: width .3s linear;
    -moz-transition: width .3s linear;
    -o-transition: width .3s linear;
    -ms-transition: width .3s linear;
    transition: width .3s linear
}
.progress .indeterminate {
    background-color: #26a69a
}
.progress .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, .815, .735, .395) infinite;
    -moz-animation: indeterminate 2.1s cubic-bezier(0.65, .815, .735, .395) infinite;
    -ms-animation: indeterminate 2.1s cubic-bezier(0.65, .815, .735, .395) infinite;
    -o-animation: indeterminate 2.1s cubic-bezier(0.65, .815, .735, .395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, .815, .735, .395) infinite
}
.progress .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, .84, .44, 1) infinite;
    -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, .84, .44, 1) infinite;
    -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, .84, .44, 1) infinite;
    -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, .84, .44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, .84, .44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    -moz-animation-delay: 1.15s;
    -ms-animation-delay: 1.15s;
    -o-animation-delay: 1.15s;
    animation-delay: 1.15s
}
@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }
    100%,
    60% {
        left: 100%;
        right: -90%
    }
}
@-moz-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }
    100%,
    60% {
        left: 100%;
        right: -90%
    }
}
@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }
    100%,
    60% {
        left: 100%;
        right: -90%
    }
}
@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    100%,
    60% {
        left: 107%;
        right: -8%
    }
}
@-moz-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    100%,
    60% {
        left: 107%;
        right: -8%
    }
}
@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    100%,
    60% {
        left: 107%;
        right: -8%
    }
}
.left-align {
    text-align: left
}
.right-align {
    text-align: right
}
.center,
.center-align {
    text-align: center
}
.left {
    float: left!important
}
.right {
    float: right!important
}

.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px
}
.row:after {
    content: "";
    display: table;
    clear: both
}
.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem
}
.row .col.s1 {
    width: 8.33333%;
    margin-left: 0
}
.row .col.s2 {
    width: 16.66667%;
    margin-left: 0
}
.row .col.s3 {
    width: 25%;
    margin-left: 0
}
.row .col.s4 {
    width: 33.33333%;
    margin-left: 0
}
.row .col.s5 {
    width: 41.66667%;
    margin-left: 0
}
.row .col.s6 {
    width: 50%;
    margin-left: 0
}
.row .col.s7 {
    width: 58.33333%;
    margin-left: 0
}
.row .col.s8 {
    width: 66.66667%;
    margin-left: 0
}
.row .col.s9 {
    width: 75%;
    margin-left: 0
}
.row .col.s10 {
    width: 83.33333%;
    margin-left: 0
}
.row .col.s11 {
    width: 91.66667%;
    margin-left: 0
}
.row .col.s12 {
    width: 100%;
    margin-left: 0
}
.row .col.offset-s1 {
    margin-left: 8.33333%
}
.row .col.offset-s2 {
    margin-left: 16.66667%
}
.row .col.offset-s3 {
    margin-left: 25%
}
.row .col.offset-s4 {
    margin-left: 33.33333%
}
.row .col.offset-s5 {
    margin-left: 41.66667%
}
.row .col.offset-s6 {
    margin-left: 50%
}
.row .col.offset-s7 {
    margin-left: 58.33333%
}
.row .col.offset-s8 {
    margin-left: 66.66667%
}
.row .col.offset-s9 {
    margin-left: 75%
}
.row .col.offset-s10 {
    margin-left: 83.33333%
}
.row .col.offset-s11 {
    margin-left: 91.66667%
}
.row .col.offset-s12 {
    margin-left: 100%
}
@media only screen and (min-width: 601px) {
    .row .col.m1 {
        width: 8.33333%;
        margin-left: 0
    }
    .row .col.m2 {
        width: 16.66667%;
        margin-left: 0
    }
    .row .col.m3 {
        width: 25%;
        margin-left: 0
    }
    .row .col.m4 {
        width: 33.33333%;
        margin-left: 0
    }
    .row .col.m5 {
        width: 41.66667%;
        margin-left: 0
    }
    .row .col.m6 {
        width: 50%;
        margin-left: 0
    }
    .row .col.m7 {
        width: 58.33333%;
        margin-left: 0
    }
    .row .col.m8 {
        width: 66.66667%;
        margin-left: 0
    }
    .row .col.m9 {
        width: 75%;
        margin-left: 0
    }
    .row .col.m10 {
        width: 83.33333%;
        margin-left: 0
    }
    .row .col.m11 {
        width: 91.66667%;
        margin-left: 0
    }
    .row .col.m12 {
        width: 100%;
        margin-left: 0
    }
    .row .col.offset-m1 {
        margin-left: 8.33333%
    }
    .row .col.offset-m2 {
        margin-left: 16.66667%
    }
    .row .col.offset-m3 {
        margin-left: 25%
    }
    .row .col.offset-m4 {
        margin-left: 33.33333%
    }
    .row .col.offset-m5 {
        margin-left: 41.66667%
    }
    .row .col.offset-m6 {
        margin-left: 50%
    }
    .row .col.offset-m7 {
        margin-left: 58.33333%
    }
    .row .col.offset-m8 {
        margin-left: 66.66667%
    }
    .row .col.offset-m9 {
        margin-left: 75%
    }
    .row .col.offset-m10 {
        margin-left: 83.33333%
    }
    .row .col.offset-m11 {
        margin-left: 91.66667%
    }
    .row .col.offset-m12 {
        margin-left: 100%
    }
}
@media only screen and (min-width: 993px) {
    .row .col.l1 {
        width: 8.33333%;
        margin-left: 0
    }
    .row .col.l2 {
        width: 16.66667%;
        margin-left: 0
    }
    .row .col.l3 {
        width: 25%;
        margin-left: 0
    }
    .row .col.l4 {
        width: 33.33333%;
        margin-left: 0
    }
    .row .col.l5 {
        width: 41.66667%;
        margin-left: 0
    }
    .row .col.l6 {
        width: 50%;
        margin-left: 0
    }
    .row .col.l7 {
        width: 58.33333%;
        margin-left: 0
    }
    .row .col.l8 {
        width: 66.66667%;
        margin-left: 0
    }
    .row .col.l9 {
        width: 75%;
        margin-left: 0
    }
    .row .col.l10 {
        width: 83.33333%;
        margin-left: 0
    }
    .row .col.l11 {
        width: 91.66667%;
        margin-left: 0
    }
    .row .col.l12 {
        width: 100%;
        margin-left: 0
    }
    .row .col.offset-l1 {
        margin-left: 8.33333%
    }
    .row .col.offset-l2 {
        margin-left: 16.66667%
    }
    .row .col.offset-l3 {
        margin-left: 25%
    }
    .row .col.offset-l4 {
        margin-left: 33.33333%
    }
    .row .col.offset-l5 {
        margin-left: 41.66667%
    }
    .row .col.offset-l6 {
        margin-left: 50%
    }
    .row .col.offset-l7 {
        margin-left: 58.33333%
    }
    .row .col.offset-l8 {
        margin-left: 66.66667%
    }
    .row .col.offset-l9 {
        margin-left: 75%
    }
    .row .col.offset-l10 {
        margin-left: 83.33333%
    }
    .row .col.offset-l11 {
        margin-left: 91.66667%
    }
    .row .col.offset-l12 {
        margin-left: 100%
    }
}

.flow-text,
.light,
footer.page-footer .footer-copyright {
    font-weight: 300
}
@media only screen and (min-width: 360px) {
    .flow-text {
        font-size: 1.2rem
    }
}
@media only screen and (min-width: 0) {
    .flow-text {
        line-height: .8rem
    }
}
@media only screen and (min-width: 390px) {
    .flow-text {
        font-size: 1.224rem
    }
}
@media only screen and (min-width: 30px) {
    .flow-text {
        line-height: .904rem
    }
}
@media only screen and (min-width: 420px) {
    .flow-text {
        font-size: 1.248rem
    }
}
@media only screen and (min-width: 60px) {
    .flow-text {
        line-height: 1.008rem
    }
}
@media only screen and (min-width: 450px) {
    .flow-text {
        font-size: 1.272rem
    }
}
@media only screen and (min-width: 90px) {
    .flow-text {
        line-height: 1.112rem
    }
}
@media only screen and (min-width: 480px) {
    .flow-text {
        font-size: 1.296rem
    }
}
@media only screen and (min-width: 120px) {
    .flow-text {
        line-height: 1.216rem
    }
}
@media only screen and (min-width: 510px) {
    .flow-text {
        font-size: 1.32rem
    }
}
@media only screen and (min-width: 150px) {
    .flow-text {
        line-height: 1.32rem
    }
}
@media only screen and (min-width: 540px) {
    .flow-text {
        font-size: 1.344rem
    }
}
@media only screen and (min-width: 180px) {
    .flow-text {
        line-height: 1.424rem
    }
}
@media only screen and (min-width: 570px) {
    .flow-text {
        font-size: 1.368rem
    }
}
@media only screen and (min-width: 210px) {
    .flow-text {
        line-height: 1.528rem
    }
}
@media only screen and (min-width: 600px) {
    .flow-text {
        font-size: 1.392rem
    }
}
@media only screen and (min-width: 240px) {
    .flow-text {
        line-height: 1.632rem
    }
}
@media only screen and (min-width: 630px) {
    .flow-text {
        font-size: 1.416rem
    }
}
@media only screen and (min-width: 270px) {
    .flow-text {
        line-height: 1.736rem
    }
}
@media only screen and (min-width: 660px) {
    .flow-text {
        font-size: 1.44rem
    }
}
@media only screen and (min-width: 300px) {
    .flow-text {
        line-height: 1.84rem
    }
}
@media only screen and (min-width: 690px) {
    .flow-text {
        font-size: 1.464rem
    }
}
@media only screen and (min-width: 330px) {
    .flow-text {
        line-height: 1.944rem
    }
}
@media only screen and (min-width: 720px) {
    .flow-text {
        font-size: 1.488rem
    }
}
@media only screen and (min-width: 360px) {
    .flow-text {
        line-height: 2.048rem
    }
}
@media only screen and (min-width: 750px) {
    .flow-text {
        font-size: 1.512rem
    }
}
@media only screen and (min-width: 390px) {
    .flow-text {
        line-height: 2.152rem
    }
}
@media only screen and (min-width: 780px) {
    .flow-text {
        font-size: 1.536rem
    }
}
@media only screen and (min-width: 420px) {
    .flow-text {
        line-height: 2.256rem
    }
}
@media only screen and (min-width: 810px) {
    .flow-text {
        font-size: 1.56rem
    }
}
@media only screen and (min-width: 450px) {
    .flow-text {
        line-height: 2.36rem
    }
}
@media only screen and (min-width: 840px) {
    .flow-text {
        font-size: 1.584rem
    }
}
@media only screen and (min-width: 480px) {
    .flow-text {
        line-height: 2.464rem
    }
}
@media only screen and (min-width: 870px) {
    .flow-text {
        font-size: 1.608rem
    }
}
@media only screen and (min-width: 510px) {
    .flow-text {
        line-height: 2.568rem
    }
}
@media only screen and (min-width: 900px) {
    .flow-text {
        font-size: 1.632rem
    }
}
@media only screen and (min-width: 540px) {
    .flow-text {
        line-height: 2.672rem
    }
}
@media only screen and (min-width: 930px) {
    .flow-text {
        font-size: 1.656rem
    }
}
@media only screen and (min-width: 570px) {
    .flow-text {
        line-height: 2.776rem
    }
}
@media only screen and (min-width: 960px) {
    .flow-text {
        font-size: 1.68rem
    }
}
@media only screen and (min-width: 600px) {
    .flow-text {
        line-height: 2.88rem
    }
}
.card-panel {
    padding: 20px;
    margin: .5rem 0 1rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    background-color: #fff
}
.card {
    position: relative;
    overflow: hidden;
    margin: .5rem 0 1rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box
}
.card .card-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300
}
.card .card-title.activator {
    cursor: pointer
}
.card a {
    color: #ffab40;
    margin-right: 20px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase
}
.card a:hover {
    color: #ffd8a6
}
.card.large,
.card.medium,
.card.small {
    position: relative
}
.card.large .card-content,
.card.large .card-image,
.card.medium .card-content,
.card.medium .card-image,
.card.small .card-content,
.card.small .card-image {
    overflow: hidden
}
.card.large .card-action,
.card.medium .card-action,
.card.small .card-action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.card.small {
    height: 300px
}
.card.small .card-content,
.card.small .card-image {
    height: 150px
}
.card.medium {
    height: 400px
}
.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 {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}
.card .card-image .card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px
}
.card .card-content {
    padding: 20px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.card .card-content p {
    margin: 0;
    color: inherit
}
.card .card-content .card-title {
    line-height: 48px
}
.card .card-action {
    border-top: 1px solid rgba(160, 160, 160, .2);
    padding: 20px
}
.card .card-reveal {
    padding: 20px;
    position: absolute;
    background-color: #FFF;
    width: 100%;
    overflow-y: auto;
    top: 100%;
    height: 100%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.card .card-reveal .card-title {
    cursor: pointer;
    display: block
}
#toast-container {
    display: block;
    position: fixed;
    z-index: 1001
}
@media only screen and (max-width: 600px) {
    #toast-container {
        min-width: 100%;
        bottom: 0
    }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    #toast-container {
        min-width: 30%;
        left: 5%;
        bottom: 7%
    }
}
@media only screen and (min-width: 993px) {
    #toast-container {
        min-width: 8%;
        top: 10%;
        right: 7%
    }
}
.toast {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    width: auto;
    clear: both;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: 48px;
    line-height: 48px;
    background-color: #323232;
    padding: 0 25px;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.toast .btn,
.toast .btn-flat,
.toast .btn-large {
    margin: 0 0 0 3rem
}
.toast.rounded {
    border-radius: 24px
}
@media only screen and (max-width: 600px) {
    .toast {
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-clip: padding-box
    }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .toast {
        float: left
    }
}
@media only screen and (min-width: 993px) {
    .toast {
        float: right
    }
}
.tabs {
    position: relative;
    height: 48px;
    background-color: #FFF;
    margin: 0 auto;
    width: 100%;
    white-space: nowrap
}
.tabs li.tab {
    display: block;
    float: left;
    text-align: center;
    background-color: #fff;
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .8px;
    width: 15%
}
.tabs li.tab a {
    color: #ee6e73;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: color .28s ease;
    -moz-transition: color .28s ease;
    -o-transition: color .28s ease;
    -ms-transition: color .28s ease;
    transition: color .28s ease
}
.tabs li.tab a:hover {
    color: #f9c9cb
}
.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #f6b2b5;
    will-change: left, right
}
ul.tabs li.tab {
    padding: 0
}
.material-tooltip {
    padding: 10px 8px;
    font-size: 1rem;
    z-index: 1000;
    background-color: transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    color: #fff;
    min-height: 36px;
    line-height: 1rem;
    opacity: 0;
    display: none;
    position: absolute;
    text-align: center;
    overflow: hidden;
    left: 0;
    top: 0;
    will-change: top, left
}
.backdrop {
    position: absolute;
    opacity: 0;
    display: none;
    height: 7px;
    width: 14px;
    -webkit-border-radius: 0 0 14px 14px;
    -moz-border-radius: 0 0 14px 14px;
    border-radius: 0 0 14px 14px;
    background-clip: padding-box;
    background-color: #323232;
    z-index: -1;
    -webkit-transform-origin: 50% 10%;
    -moz-transform-origin: 50% 10%;
    -ms-transform-origin: 50% 10%;
    -o-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
    will-change: transform, opacity
}
.btn,
.btn-flat,
.btn-large {
    display: inline-block;
    height: 36px;
    margin-bottom: 15px;
    padding: 0 2rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    line-height: 36px;
    text-transform: uppercase;
    border: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}
.btn-floating.disabled,
.btn-floating:disabled,
.btn-large.disabled,
.btn-large:disabled,
.btn.disabled,
.btn:disabled,
.disabled.btn-large {
    background-color: #DFDFDF;
    box-shadow: none;
    color: #9F9F9F;
    cursor: default
}
.btn-floating.disabled:hover,
.btn-floating:disabled:hover,
.btn-large.disabled:hover,
.btn-large:disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover,
.disabled.btn-large:hover {
    background-color: #DFDFDF;
    color: #9F9F9F
}
.btn i,
.btn-flat i,
.btn-floating i,
.btn-large i {
    font-size: 1.3rem;
    line-height: inherit
}
.btn,
.btn-large {
    text-decoration: none;
    color: #FFF;
    background-color: #26a69a;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer
}
.btn-large:hover,
.btn:hover {
    background-color: #2bbbad
}
.btn-floating {
    display: inline-block;
    color: #FFF;
    position: relative;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-color: #26a69a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    cursor: pointer
}
.btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 37px
}
.btn-floating.btn-large {
    width: 55.5px;
    height: 55.5px
}
.btn-floating.btn-large i {
    line-height: 55.5px
}
.fixed-action-btn {
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 1000
}
.fixed-action-btn ul {
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 64px
}
.fixed-action-btn ul li {
    margin-bottom: 15px
}
.fixed-action-btn ul a.btn-floating {
    -ms-filter:"progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
    filter:"alpha(opacity=(${iefactor}))";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.btn-flat {
    box-shadow: none;
    background-color: transparent;
    color: #343434;
    cursor: pointer
}
.btn-flat.disabled {
    color: #b3b3b3;
    cursor: default
}
.btn-large {
    height: 54px;
    line-height: 56px
}
.btn-large i {
    font-size: 1.6rem
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    margin: 0;
    min-width: 100px;
    z-index: 1000;
    max-height: 70%;
    opacity: 0;
    overflow-y: hidden;
    will-change: width, height
}
.dropdown-content li {
    cursor: pointer;
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .87);
    line-height: 1.5rem
}
.dropdown-content li.active,
.dropdown-content li:hover {
    background-color: rgba(0, 0, 0, .06)
}
.dropdown-content li>a,
.dropdown-content li>span {
    display: block;
    padding: 1rem;
    color: #26a69a
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -ms-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45)
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7)
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7)
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7)
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7)
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7)
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7)
}
.waves-notransition {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important
}
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}
.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}
.waves-block {
    display: block
}
a.waves-effect .waves-ripple {
    z-index: -1
}
.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #eee;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    z-index: 1000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    will-change: top, opacity
}
@media only screen and (max-width: 992px) {
    .modal {
        width: 80%
    }
}
.modal h1,
.modal h2,
.modal h3,
.modal h4 {
    margin-top: 0
}
.modal .modal-content {
    padding: 24px
}
.modal .modal-footer {
    background-color: #eee;
    padding: 4px 6px;
    height: 56px;
    width: 100%
}
.modal .modal-footer .btn,
.modal .modal-footer .btn-flat,
.modal .modal-footer .btn-large {
    float: right;
    margin: 6px 0
}
#lean-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 115%;
    width: 100%;
    background: #000;
    display: none;
    will-change: opacity
}
.modal.modal-fixed-footer {
    padding: 0;
    height: 70%
}
.modal.modal-fixed-footer .modal-content {
    position: fixed;
    max-height: 100%;
    padding-bottom: 64px;
    width: 100%;
    overflow-y: auto
}
.modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    position: fixed;
    bottom: 0
}
.collapsible {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: .5rem 0 1rem
}
.collapsible li {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}
.collapsible-header {
    display: block;
    cursor: pointer;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}
.collapsible-header i {
    width: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    display: block;
    float: left;
    text-align: center;
    margin-right: 1rem
}
.collapsible-body {
    overflow: hidden;
    display: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.collapsible-body p {
    margin: 0;
    padding: 2rem
}

.materialboxed {
    cursor: zoom-in;
    position: relative;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    transition: opacity .4s
}
.materialboxed:hover {
    will-change: left, top, width, height
}
.materialboxed:hover:not(.active) {
    -ms-filter:"progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
    filter:"alpha(opacity=(${iefactor}))";
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}
.materialboxed.active {
    cursor: zoom-out
}
#materialbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #292929;
    z-index: 999;
    will-change: opacity
}
.materialbox-caption {
    position: fixed;
    display: none;
    color: #fff;
    line-height: 50px;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 0 15%;
    height: 50px;
    z-index: 1000;
    -webkit-font-smoothing: antialiased
}
select:focus {
    outline: #f8c1c3 solid 1px
}
button:focus {
    outline: 0;
    background-color: #2ab7a9
}
label {
    font-size: .8rem;
    color: #9e9e9e
}
.input-field {
    position: relative;
    margin-top: 1rem
}
.input-field label {
    color: #9e9e9e;
    position: absolute;
    top: .8rem;
    left: .75rem;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out
}
.input-field label.active {
    font-size: .8rem;
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%)
}
.input-field input[type=date]:focus+label,
.input-field input[type=email]:focus+label,
.input-field input[type=number]:focus+label,
.input-field input[type=password]:focus+label,
.input-field input[type=search]:focus+label,
.input-field input[type=tel]:focus+label,
.input-field input[type=text]:focus+label,
.input-field input[type=url]:focus+label,
.input-field textarea:focus.materialize-textarea+label {
    color: #26a69a
}
.input-field input[type=date].valid,
.input-field input[type=email].valid,
.input-field input[type=number].valid,
.input-field input[type=password].valid,
.input-field input[type=search].valid,
.input-field input[type=tel].valid,
.input-field input[type=text].valid,
.input-field input[type=url].valid,
.input-field textarea.materialize-textarea.valid {
    border-bottom: 1px solid #4CAF50;
    -webkit-box-shadow: 0 1px 0 0 #4CAF50;
    -moz-box-shadow: 0 1px 0 0 #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50
}
.input-field input[type=date].invalid,
.input-field input[type=email].invalid,
.input-field input[type=number].invalid,
.input-field input[type=password].invalid,
.input-field input[type=search].invalid,
.input-field input[type=tel].invalid,
.input-field input[type=text].invalid,
.input-field input[type=url].invalid,
.input-field textarea.materialize-textarea.invalid {
    border-bottom: 1px solid #F44336;
    -webkit-box-shadow: 0 1px 0 0 #F44336;
    -moz-box-shadow: 0 1px 0 0 #F44336;
    box-shadow: 0 1px 0 0 #F44336
}
.input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s
}
.input-field .prefix.active {
    color: #26a69a
}
.input-field .prefix~input,
.input-field .prefix~textarea {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}
.input-field .prefix~textarea {
    padding-top: .8rem
}
.input-field .prefix~label {
    margin-left: 3rem
}
@media only screen and (max-width: 992px) {
    .input-field .prefix~input {
        width: 86%;
        width: calc(100% - 3rem)
    }
}
@media only screen and (max-width: 600px) {
    .input-field .prefix~input {
        width: 80%;
        width: calc(100% - 3rem)
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter:"progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
    filter:"alpha(opacity=(${iefactor}))";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.spinner-blue,
.spinner-blue-only {
    border-color: #4285f4
}
.spinner-red,
.spinner-red-only {
    border-color: #db4437
}
.spinner-yellow,
.spinner-yellow-only {
    border-color: #f4b400
}
.spinner-green,
.spinner-green-only {
    border-color: #0f9d58
}
.active .spinner-layer.spinner-blue {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
.active .spinner-layer.spinner-red {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
.active .spinner-layer.spinner-yellow {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
.active .spinner-layer.spinner-green {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-green-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only {
    -ms-filter:"progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
    filter:"alpha(opacity=(${iefactor}))";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg)
    }
}
@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }
    25% {
        transform: rotate(270deg)
    }
    37.5% {
        transform: rotate(405deg)
    }
    50% {
        transform: rotate(540deg)
    }
    62.5% {
        transform: rotate(675deg)
    }
    75% {
        transform: rotate(810deg)
    }
    87.5% {
        transform: rotate(945deg)
    }
    to {
        transform: rotate(1080deg)
    }
}
@-webkit-keyframes blue-fade-in-out {
    25%, from {
        opacity: 1
    }
    26%,
    89% {
        opacity: 0
    }
    100%,
    90% {
        opacity: 1
    }
}
@keyframes blue-fade-in-out {
    25%, from {
        opacity: 1
    }
    26%,
    89% {
        opacity: 0
    }
    100%,
    90% {
        opacity: 1
    }
}
@-webkit-keyframes red-fade-in-out {
    15%, from {
        opacity: 0
    }
    25%,
    50% {
        opacity: 1
    }
    51% {
        opacity: 0
    }
}
@keyframes red-fade-in-out {
    15%, from {
        opacity: 0
    }
    25%,
    50% {
        opacity: 1
    }
    51% {
        opacity: 0
    }
}
@-webkit-keyframes yellow-fade-in-out {
    40%, from {
        opacity: 0
    }
    50%,
    75% {
        opacity: 1
    }
    76% {
        opacity: 0
    }
}
@keyframes yellow-fade-in-out {
    40%, from {
        opacity: 0
    }
    50%,
    75% {
        opacity: 1
    }
    76% {
        opacity: 0
    }
}
@-webkit-keyframes green-fade-in-out {
    65%, from {
        opacity: 0
    }
    75%,
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes green-fade-in-out {
    65%, from {
        opacity: 0
    }
    75%,
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.gap-patch .circle {
    width: 1000%;
    left: -450%
}
.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.circle-clipper .circle {
    width: 200%;
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent!important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}
.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent!important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}
.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent!important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}
.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, .2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, .2, 1) infinite both
}
@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg)
    }
}
@keyframes left-spin {
    from {
        transform: rotate(130deg)
    }
    50% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(130deg)
    }
}
@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg)
    }
}
@keyframes right-spin {
    from {
        transform: rotate(-130deg)
    }
    50% {
        transform: rotate(5deg)
    }
    to {
        transform: rotate(-130deg)
    }
}
#spinnerContainer.cooldown {
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, .2, 1);
    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, .2, 1)
}
@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__frame,
.picker__holder {
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%
}
.picker__holder {
    position: fixed;
    -webkit-transition: background .15s ease-out, top 0s .15s;
    -moz-transition: background .15s ease-out, top 0s .15s;
    transition: background .15s ease-out, top 0s .15s;
    -webkit-backface-visibility: hidden
}
.picker__frame {
    position: absolute;
    min-width: 256px;
    max-height: 350px;
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}
@media (min-height: 28.875em) {
    .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%
    }
}
@media (min-height: 40.125em) {
    .picker__frame {
        margin-bottom: 7.5%
    }
}
.picker__wrap {
    display: table;
    width: 100%;
    height: 100%
}
@media (min-height: 28.875em) {
    .picker__wrap {
        display: block
    }
}
.picker__box {
    background: #fff;
    display: table-cell;
    vertical-align: middle
}
@media (min-height: 28.875em) {
    .picker__box {
        display: block;
        border: 1px solid #777;
        border-top-color: #898989;
        border-bottom-width: 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24);
        -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24);
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24)
    }
}
.picker--opened .picker__holder {
    top: 0;
    zoom: 1;
    background: rgba(0, 0, 0, .32);
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    transition: background .15s ease-out
}
.picker--opened .picker__frame {
    top: 0;
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}
@media (min-height: 35.875em) {
    .picker--opened .picker__frame {
        top: 10%;
        bottom: 20% auto
    }
}
.picker__input.picker__input--active {
    border-color: #E3F2FD
}
.picker__frame {
    margin: 0 auto;
    max-width: 325px
}
@media (min-height: 38.875em) {
    .picker--opened .picker__frame {
        top: 10%;
        bottom: auto
    }
}
.picker__header {
    text-align: center;
    position: relative;
    margin-top: .75em
}
.picker__month,
.picker__year {
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}
.picker__select--month,
.picker__select--year {
    height: 2em;
    padding: .5em;
    margin-left: .25em;
    margin-right: .25em
}
@media (min-width: 24.5em) {
    .picker__select--month,
    .picker__select--year {
        margin-top: -.5em
    }
}
.picker__select--month.browser-default {
    display: inline;
    background-color: #FFF;
    width: 40%
}
.picker__select--year.browser-default {
    display: inline;
    background-color: #FFF;
    width: 25%
}
.picker__select--month:focus,
.picker__select--year:focus {
    border-color: rgba(0, 0, 0, .05)
}
.picker__nav--next,
.picker__nav--prev {
    position: absolute;
    padding: .5em 1.25em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    top: -.25em
}
.picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}
.picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}
.picker__nav--disabled,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover,
.picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}
.picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 1rem;
    width: 100%
}
.picker__table td,
.picker__table th {
    text-align: center
}
.picker__table td {
    margin: 0;
    padding: 0
}
.picker__weekday {
    width: 14.285714286%;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500
}
@media (min-height: 33.875em) {
    .picker__weekday {
        padding-bottom: .5em
    }
}
.picker__day--today {
    position: relative;
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent
}
.picker__day--disabled:before {
    border-top-color: #aaa
}
.picker__day--infocus:hover {
    cursor: pointer;
    color: #000;
    font-weight: 500
}
.picker__day--outfocus {
    padding: .75rem 0;
    color: #fff
}
.picker__day--outfocus:hover {
    cursor: pointer;
    color: #ddd;
    font-weight: 500
}
.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover {
    cursor: pointer
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background: #0089ec
}
.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}
.picker__footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.picker__button--clear,
.picker__button--close,
.picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: .66em 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom
}
.picker__button--clear:hover,
.picker__button--close:hover,
.picker__button--today:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}
.picker__button--clear:focus,
.picker__button--close:focus,
.picker__button--today:focus {
    background: #b1dcfb;
    border-color: rgba(0, 0, 0, .05);
    outline: 0
}
.picker__button--clear:before,
.picker__button--close:before,
.picker__button--today:before {
    position: relative;
    display: inline-block;
    height: 0
}
.picker__button--clear:before,
.picker__button--today:before {
    content: " ";
    margin-right: .45em
}
.picker__button--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
}
.picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #e20
}
.picker__button--close:before {
    content: "\D7";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}
.picker__button--today[disabled]:before {
    border-top-color: #aaa
}
.picker__box {
    border-radius: 2px;
    overflow: hidden
}
.picker__date-display {
    text-align: center;
    background-color: #26a69a;
    color: #fff;
    padding-bottom: 15px;
    font-weight: 300
}
.picker__nav--next:hover,
.picker__nav--prev:hover {
    cursor: pointer;
    color: #000;
    background: #a1ded8
}
.picker__weekday-display {
    background-color: #1f897f;
    padding: 10px;
    font-weight: 200;
    letter-spacing: .5;
    font-size: 1rem;
    margin-bottom: 15px
}
.picker__month-display {
    text-transform: uppercase;
    font-size: 2rem
}
.picker__day-display {
    font-size: 4.5rem;
    font-weight: 400
}
.picker__year-display {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, .4)
}
.picker__box {
    padding: 0
}
.picker__calendar-container {
    padding: 0 1rem
}
.picker__calendar-container thead {
    border: none
}
.picker__table {
    margin-top: 0;
    margin-bottom: .5em
}
.picker__day--infocus {
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent
}
.picker__day.picker__day--today {
    color: #26a69a
}
.picker__day.picker__day--today.picker__day--selected {
    color: #fff
}
.picker__weekday {
    font-size: .9rem
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    border-radius: 50%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    background-color: #26a69a;
    color: #fff
}
.picker--focused .picker__day--selected.picker__day--outfocus,
.picker__day--selected.picker__day--outfocus,
.picker__day--selected:hover.picker__day--outfocus {
    background-color: #a1ded8
}
.picker__footer {
    text-align: right;
    padding: 5px 10px
}
.picker__close,
.picker__today {
    font-size: 1.1rem;
    padding: 0 1rem;
    color: #26a69a
}
.picker__nav--next:before,
.picker__nav--prev:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #676767;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}
.picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #676767
}
button.picker__clear:focus,
button.picker__close:focus,
button.picker__today:focus {
    background-color: #a1ded8
}
.picker__list {
    list-style: none;
    padding: .75em 0 4.2em;
    margin: 0
}
.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
    padding: .75em 1.25em
}
@media (min-height: 46.75em) {
    .picker__list-item {
        padding: .5em 1em
    }
}
.picker__list-item:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-color: #0089ec;
    z-index: 10
}
.picker__list-item--highlighted {
    border-color: #0089ec;
    z-index: 10
}
.picker--focused .picker__list-item--highlighted,
.picker__list-item--highlighted:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}
.picker--focused .picker__list-item--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover {
    background: #0089ec;
    color: #fff;
    z-index: 10
}
.picker--focused .picker__list-item--disabled,
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto
}
.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666
}
.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:hover {
    background: #e20;
    border-color: #e20;
    cursor: pointer;
    color: #fff;
    outline: 0
}
.picker--time .picker__button--clear:before {
    top: -.25em;
    color: #666;
    font-size: 1.25em;
    font-weight: 700
}
.picker--time .picker__button--clear:focus:before,
.picker--time .picker__button--clear:hover:before {
    color: #fff
}
.picker--time .picker__frame {
    min-width: 256px;
    max-width: 320px
}
.picker--time .picker__box {
    font-size: 1em;
    background: #f2f2f2;
    padding: 0
}
@media (min-height: 40.125em) {
    .picker--time .picker__box {
        margin-bottom: 5em
    }
}

.switch {
    margin-top: 1em
}
@media only screen and (max-width: 992px) {
    footer,
    header,
    main {
        padding-left: 0
    }
    nav .brand-logo {
        transform: none
    }
}
.imgrid {
    margin: 0 auto
}
.imgrid figure {
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    margin: 0
}
.imgrid figure img {
    position: relative;
    display: block;
    /*opacity: .8;*/
}
.imgrid figure.imgrid-thumbnail>img {
    max-width: none;
    height: 100%;
	/*border-radius:50px;*/
	padding:20px 20px 20px 20px;
}
.imgrid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.imgrid figure figcaption:after,
.imgrid figure figcaption:before {
    pointer-events: none
}
.imgrid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}
.imgrid figure h2 {
    word-spacing: -.15em;
    font-weight: 300;
    margin: 0;
    font-size: inherit;
    line-height: 1.5em
}
.imgrid figure h2 span {
    font-weight: 800
}
.imgrid figure p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 68.5%
}
.imgrid figure p.icon-links {
    display: none
}
.imgrid figure p.icon-links a {
    text-decoration: none
}
#imgrid-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #292929;
    z-index: 999
}
.imgrid-loader {
    position: relative;
    display: block;
    left: 50%;
    width: 4.33333em;
    height: 4.33333em;
    margin-left: -2.166665em;
    z-index: 100000;
    margin-bottom: 20px;
    margin-top: 20px
}
.imgrid-loader .imgrid-loader-block {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    opacity: 0;
    width: 1em;
    height: 1em;
    background: #e1e1e1;
    -webkit-animation: show 1s step-end infinite alternate, pulse 1s linear infinite alternate;
    animation: show 1s step-end infinite alternate, pulse 1s linear infinite alternate
}
.imgrid-loader .imgrid-loader-block:nth-child(1) {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-animation-delay: .06s;
    animation-delay: .06s
}
.imgrid-loader .imgrid-loader-block:nth-child(2) {
    margin-left: 1.66667em;
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.imgrid-loader .imgrid-loader-block:nth-child(3) {
    margin-left: 3.33333em;
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.imgrid-loader .imgrid-loader-block:nth-child(4) {
    margin-top: 1.66667em;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.imgrid-loader .imgrid-loader-block:nth-child(5) {
    margin-left: 1.66667em;
    margin-top: 1.66667em;
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.imgrid-loader .imgrid-loader-block:nth-child(6) {
    margin-left: 3.33333em;
    margin-top: 1.66667em;
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.imgrid-loader .imgrid-loader-block:nth-child(7) {
    margin-top: 3.33333em;
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.imgrid-loader .imgrid-loader-block:nth-child(8) {
    margin-left: 1.66667em;
    margin-top: 3.33333em;
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.imgrid-loader .imgrid-loader-block:nth-child(9) {
    margin-left: 3.33333em;
    margin-top: 3.33333em
}
@-webkit-keyframes pulse {
    40%, from {
        background: #e1e1e1
    }
    to {
        background: #c5c5c5
    }
}
@-webkit-keyframes show {
    40%, from {
        opacity: 0
    }
    41%,
    to {
        opacity: 1
    }
}
@keyframes pulse {
    40%, from {
        background: #e1e1e1
    }
    to {
        background: #c5c5c5
    }
}
@keyframes show {
    40%, from {
        opacity: 0
    }
    41%,
    to {
        opacity: 1
    }
}
figure.effect-apollo {
    background: #3498db
}
figure.effect-apollo img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}
figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0)
}
figure.effect-apollo h2 {
    text-align: left
}
figure.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}
figure.effect-apollo:hover img {
    opacity: .6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0)
}
figure.effect-bubba {
    background: #9e5406
}
figure.effect-bubba img {
    opacity: .7;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}
figure.effect-bubba figcaption::after,
figure.effect-bubba figcaption::before {
    position: absolute;
    top: 8%;
    right: 8%;
    bottom: 8%;
    left: 8%;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}
figure.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}
figure.effect-bubba h2 {
    padding-top: 30%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}
figure.effect-bubba p {
    padding: 20px 2.5em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}
figure.effect-bubba:hover img {
    opacity: .4
}
figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-chico img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}
figure.effect-chico figcaption {
    padding: 3em
}
figure.effect-chico figcaption::before {
    position: absolute;
    top: 8%;
    right: 8%;
    bottom: 8%;
    left: 8%;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-chico h2 {
    padding: 20% 0 20px
}
figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
figure.effect-chico:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
figure.effect-duke {
    background: -webkit-linear-gradient(-45deg, #34495e 0, #cc6055 100%);
    background: linear-gradient(-45deg, #34495e 0, #cc6055 100%)
}
figure.effect-duke img,
figure.effect-duke p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-duke h2 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: scale3d(0.8, .8, 1);
    transform: scale3d(0.8, .8, 1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}
figure.effect-duke p {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 20px;
    padding: 30px;
    border: 2px solid #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transform: scale3d(0.8, .8, 1);
    transform: scale3d(0.8, .8, 1);
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%
}
figure.effect-duke:hover img {
    opacity: .1;
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
}
figure.effect-duke:hover h2,
figure.effect-duke:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
figure.effect-goliath {
    background: #df4e4e
}
figure.effect-goliath h2,
figure.effect-goliath img {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}
figure.effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-goliath h2,
figure.effect-goliath p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px
}
figure.effect-goliath p {
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}
figure.effect-goliath:hover img {
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0)
}
figure.effect-goliath:hover h2 {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}
figure.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-hera {
    background: transparent;
}
figure.effect-hera figcaption::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    border: 0px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}
figure.effect-hera h2,
figure.effect-hera p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}
figure.effect-hera h2 {
    font-size: 158.75%
}
figure.effect-hera p {
    width: 100px;
    text-transform: none;
    font-size: 121%;
    line-height: 2
}
figure.effect-hera p.description {
    display: none
}
figure.effect-hera p.icon-links {
    display: inline-block
}
figure.effect-hera p.icon-links a {
    color: #fff
}
figure.effect-hera p.icon-links a i,
figure.effect-hera p.icon-links a span {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-hera p.icon-links a i::before,
figure.effect-hera p.icon-links a span::before {
    padding: 0 6px
}
figure.effect-hera p.icon-links a:focus,
figure.effect-hera p.icon-links a:hover {
    opacity: .6
}
figure.effect-hera p.icon-links a:first-child i,
figure.effect-hera p.icon-links a:first-child span {
    -webkit-transform: translate3d(-60px, -60px, 0);
    transform: translate3d(-60px, -60px, 0)
}
figure.effect-hera p.icon-links a:nth-child(2) i,
figure.effect-hera p.icon-links a:nth-child(2) span {
    -webkit-transform: translate3d(60px, -60px, 0);
    transform: translate3d(60px, -60px, 0)
}
figure.effect-hera p.icon-links a:nth-child(3) i,
figure.effect-hera p.icon-links a:nth-child(3) span {
    -webkit-transform: translate3d(-60px, 60px, 0);
    transform: translate3d(-60px, 60px, 0)
}
figure.effect-hera p.icon-links a:nth-child(4) i,
figure.effect-hera p.icon-links a:nth-child(4) span {
    webkit-transform: translate3d(60px, 60px, 0);
    transform: translate3d(60px, 60px, 0)
}
figure.effect-hera:hover h2 {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, .8, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(0.8, .8, 1)
}
figure.effect-hera:hover figcaption::before {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
	content: url(../../../images/movies.png);
    display: block;
    background: transparent;
    width: auto;
    height: auto;
    float: left;
    
}
figure.effect-hera:hover p.icon-links i:empty,
figure.effect-hera:hover p.icon-links span:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg, #f3cf3f 0, #f33f58 100%);
    background: linear-gradient(-45deg, #f3cf3f 0, #f33f58 100%)
}
figure.effect-jazz img {
    opacity: .9
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-jazz figcaption::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
figure.effect-jazz h2,
figure.effect-jazz p {
    opacity: 1;
    -webkit-transform: scale3d(0.8, .8, 1);
    transform: scale3d(0.8, .8, 1)
}
figure.effect-jazz h2 {
    padding-top: 26%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}
figure.effect-jazz p {
    padding: .5em 2em;
    text-transform: none;
    font-size: .85em;
    opacity: 0
}
figure.effect-jazz:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
figure.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
figure.effect-julia {
    background: #2f3238
}
figure.effect-julia img {
    max-width: none;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-julia figcaption {
    text-align: left
}
figure.effect-julia h2 {
    position: relative;
    padding: .5em 0
}
figure.effect-julia p {
    display: inline-block;
    margin: 0 0 .25em;
    padding: .4em 1em;
    background: rgba(255, 255, 255, .9);
    color: #2f3238;
    text-transform: none;
    font-weight: 500;
    font-size: 75%;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0)
}
figure.effect-julia p:first-child {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}
figure.effect-julia p:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
figure.effect-julia p:nth-of-type(3) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}
figure.effect-julia:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}
figure.effect-julia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-julia:hover:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
figure.effect-julia:hover:nth-of-type(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}
figure.effect-julia:hover:nth-of-type(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
figure.effect-kira {
    background: #fff;
    text-align: left
}
figure.effect-kira img {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}
figure.effect-kira figcaption {
    z-index: 1
}
figure.effect-kira figcaption::before {
    position: absolute;
    top: 0;
    right: 2em;
    left: 2em;
    z-index: -1;
    height: 3.5em;
    background: #fff;
    content: '';
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
    transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}
figure.effect-kira p {
    padding: 2.25em .5em;
    font-weight: 600;
    font-size: 100%;
    line-height: 1.5;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}
figure.effect-kira p.description {
    display: none
}
figure.effect-kira p.icon-links {
    display: block
}
figure.effect-kira p.icon-links a {
    margin: 0 .5em;
    color: #101010
}
figure.effect-kira p.icon-links a i::before,
figure.effect-kira p.icon-links a span::before {
    padding: 0 6px
}
figure.effect-kira p.icon-links a:focus,
figure.effect-kira p.icon-links a:hover {
    opacity: .6
}
figure.effect-kira:hover img {
    opacity: .5
}
figure.effect-kira:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-kira:hover figcaption::before {
    opacity: .7;
    -webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 5em, 0) scale3d(1, 1, 1)
}
figure.effect-lexi {
    background: -webkit-linear-gradient(-45deg, #000 0, #fff 100%);
    background: linear-gradient(-45deg, #000 0, #fff 100%)
}
figure.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: .9;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-lexi figcaption::before,
figure.effect-lexi p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-lexi figcaption::before {
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
    content: '';
    opacity: 0;
    -webkit-transform: scale3d(0.5, .5, 1);
    transform: scale3d(0.5, .5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
figure.effect-lexi h2 {
    text-align: left;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0)
}
figure.effect-lexi p {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 1.5em 1.5em 0;
    width: 140px;
    text-align: right;
    opacity: 0;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0)
}
figure.effect-lexi:hover img {
    opacity: .6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-lexi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 50px)!important;
    width: calc(100% + 50px)!important;
    opacity: .7;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}
figure.effect-lily figcaption {
    text-align: left
}
figure.effect-lily figcaption>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%
}
figure.effect-lily h2 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}
figure.effect-lily p {
    color: rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s
}
figure.effect-lily h2,
figure.effect-lily p {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1
}
figure.effect-lily:hover h2,
figure.effect-lily:hover img,
figure.effect-lily:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-lily:hover p {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}
figure.effect-marley figcaption {
    text-align: right
}
figure.effect-marley h2,
figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0
}
figure.effect-marley h2 {
    top: 30px;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}
figure.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}
figure.effect-marley h2::after,
figure.effect-marley p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-milo {
    background: #2e5d5a
}
figure.effect-milo img {
    max-width: none;
    width: -webkit-calc(100% + 60px)!important;
    width: calc(100% + 60px)!important;
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-milo h2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em 1.2em
}
figure.effect-milo p {
    padding: 0 10px 0 0;
    width: 50%;
    border-right: 1px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}
figure.effect-milo:hover img {
    opacity: .5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-milo:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-ming {
    background: #030c17
}
figure.effect-ming img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}
figure.effect-ming figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
}
figure.effect-ming h2 {
    margin: 20% 0 10px;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}
figure.effect-ming p {
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
figure.effect-ming:hover img {
    opacity: .4
}
figure.effect-ming:hover h2 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
figure.effect-ming:hover figcaption {
    background-color: rgba(58, 52, 42, 0)
}
figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0, #9b4a1b 40%, #3a342a 100%)
}
figure.effect-oscar img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}
figure.effect-oscar figcaption {
    padding: 3em;
    background-color: rgba(58, 52, 42, .7);
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}
figure.effect-oscar figcaption::before {
    position: absolute;
    top: 8%;
    right: 8%;
    bottom: 8%;
    left: 8%;
    border: 1px solid #fff;
    content: ''
}
figure.effect-oscar h2 {
    margin: 20% 0 10px;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(0);
    transform: scale(0)
}
figure.effect-oscar:hover img {
    opacity: .4
}
figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
figure.effect-oscar:hover figcaption {
    background-color: rgba(58, 52, 42, 0)
}
figure.effect-romeo {
    -webkit-perspective: 1000px;
    perspective: 1000px
}
figure.effect-romeo img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 0, 300px);
    transform: translate3d(0, 0, 300px)
}
figure.effect-romeo figcaption::after,
figure.effect-romeo figcaption::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}
figure.effect-romeo h2,
figure.effect-romeo p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}
figure.effect-romeo h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}
figure.effect-romeo p {
    padding: .25em 2em;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}
figure.effect-romeo:hover img {
    opacity: .6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-romeo:hover h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}
figure.effect-romeo:hover p {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}
figure.effect-romeo:hover figcaption::before {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}
figure.effect-romeo:hover figcaption::after {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
figure.effect-ruby {
    background-color: #17819c
}
figure.effect-ruby img {
    opacity: .7;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}
figure.effect-ruby h2 {
    margin-top: 20%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}
figure.effect-ruby p {
    margin: 1em 0 0;
    padding: 3em;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1)
}
figure.effect-ruby:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}
figure.effect-ruby:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, .8) 75%);
    background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0, rgba(72, 76, 97, .8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}
figure.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    -webkit-transition: -webkit-transform .35s, color .35s;
    transition: transform .35s, color .35s;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
figure.effect-sadie p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}
figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-sarah {
    background: #42b078
}
figure.effect-sarah img {
    max-width: none;
    width: -webkit-calc(100% + 20px)!important;
    width: calc(100% + 20px)!important;
    height: -webkit-calc(100% + 20px)!important;
    height: calc(100% + 20px)!important;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
figure.effect-sarah figcaption {
    text-align: left
}
figure.effect-sarah h2 {
    position: relative;
    overflow: hidden;
    padding: .5em 0
}
figure.effect-sarah h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
figure.effect-sarah p {
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
figure.effect-sarah:hover img {
    opacity: .4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-sarah:hover h2::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-sarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-steve {
    z-index: auto;
    background: #000
}
figure.effect-steve h2:before,
figure.effect-steve:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}
figure.effect-steve:before {
    box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
    opacity: 0
}
figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0)
}
figure.effect-steve figcaption {
    z-index: 1
}
figure.effect-steve h2,
figure.effect-steve p {
    background: #fff;
    color: #2d434e
}
figure.effect-steve h2 {
    position: relative;
    margin-top: 2em;
    padding: .25em
}
figure.effect-steve h2:before {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}
figure.effect-steve p {
    margin-top: 1em;
    padding: .5em;
    font-weight: 800;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(0.9, .9, 1);
    transform: scale3d(0.9, .9, 1)
}
figure.effect-steve:hover:before {
    opacity: 1
}
figure.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
    transform: perspective(1000px) translate3d(0, 0, 21px)
}
figure.effect-steve:hover h2:before {
    opacity: 0
}
figure.effect-steve:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background: #fff;
    color: #3c4a50;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}
figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0)
}
figure.effect-zoe h2 {
    float: left;
    display: inline-block
}
figure.effect-zoe p.icon-links {
    display: block
}
figure.effect-zoe p.icon-links a {
    float: right;
    color: #3c4a50;
    font-size: 1.4em
}
figure.effect-zoe p.icon-links a i::before,
figure.effect-zoe p.icon-links a span::before {
    padding: 0 6px
}
figure.effect-zoe p.icon-links a:focus,
figure.effect-zoe p.icon-links a:hover {
    color: #252d31
}
figure.effect-zoe p.description {
    position: absolute;
    bottom: 8em;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-backface-visibility: hidden
}
figure.effect-zoe:hover h2 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}
figure.effect-zoe:hover p.description {
    opacity: 1
}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}
figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}