/*!

 * Material Design for Bootstrap

 * Version: MDB FREE: 3.3.3

 *

 *

 * Copyright: Material Design for Bootstrap

 * www.mdbootstrap.com

 *

 * Read the license: http://mdbootstrap.com/wp-content/uploads/2015/09/MDB-License.pdf

 *

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

 *

 */

/*********************

  Mixins

**********************/

/*********************

Colors

**********************/

.materialize-red.lighten-5 {

  background-color: #fdeaeb !important;

}



.materialize-red-text.text-lighten-5 {

  color: #fdeaeb !important;

}



.materialize-red.lighten-4 {

  background-color: #f8c1c3 !important;

}



.materialize-red-text.text-lighten-4 {

  color: #f8c1c3 !important;

}



.materialize-red.lighten-3 {

  background-color: #f3989b !important;

}



.materialize-red-text.text-lighten-3 {

  color: #f3989b !important;

}



.materialize-red.lighten-2 {

  background-color: #ee6e73 !important;

}



.materialize-red-text.text-lighten-2 {

  color: #ee6e73 !important;

}



.materialize-red.lighten-1 {

  background-color: #ea454b !important;

}



.materialize-red-text.text-lighten-1 {

  color: #ea454b !important;

}



.materialize-red {

  background-color: #e51c23 !important;

}



.materialize-red-text {

  color: #e51c23 !important;

}



.materialize-red.darken-1 {

  background-color: #d0181e !important;

}



.materialize-red-text.text-darken-1 {

  color: #d0181e !important;

}



.materialize-red.darken-2 {

  background-color: #b9151b !important;

}



.materialize-red-text.text-darken-2 {

  color: #b9151b !important;

}



.materialize-red.darken-3 {

  background-color: #a21318 !important;

}



.materialize-red-text.text-darken-3 {

  color: #a21318 !important;

}



.materialize-red.darken-4 {

  background-color: #8b1014 !important;

}



.materialize-red-text.text-darken-4 {

  color: #8b1014 !important;

}



.red.lighten-5 {

  background-color: #FFEBEE !important;

}



.red-text.text-lighten-5 {

  color: #FFEBEE !important;

}



.red.lighten-4 {

  background-color: #FFCDD2 !important;

}



.red-text.text-lighten-4 {

  color: #FFCDD2 !important;

}



.red.lighten-3 {

  background-color: #EF9A9A !important;

}



.red-text.text-lighten-3 {

  color: #EF9A9A !important;

}



.red.lighten-2 {

  background-color: #E57373 !important;

}



.red-text.text-lighten-2 {

  color: #E57373 !important;

}



.red.lighten-1 {

  background-color: #EF5350 !important;

}



.red-text.text-lighten-1 {

  color: #EF5350 !important;

}



.red {

  background-color: #F44336 !important;

}



.red-text {

  color: #F44336 !important;

}



.red.darken-1 {

  background-color: #E53935 !important;

}



.red-text.text-darken-1 {

  color: #E53935 !important;

}



.red.darken-2 {

  background-color: #D32F2F !important;

}



.red-text.text-darken-2 {

  color: #D32F2F !important;

}



.red.darken-3 {

  background-color: #C62828 !important;

}



.red-text.text-darken-3 {

  color: #C62828 !important;

}



.red.darken-4 {

  background-color: #B71C1C !important;

}



.red-text.text-darken-4 {

  color: #B71C1C !important;

}



.red.accent-1 {

  background-color: #FF8A80 !important;

}



.red-text.text-accent-1 {

  color: #FF8A80 !important;

}



.red.accent-2 {

  background-color: #FF5252 !important;

}



.red-text.text-accent-2 {

  color: #FF5252 !important;

}



.red.accent-3 {

  background-color: #FF1744 !important;

}



.red-text.text-accent-3 {

  color: #FF1744 !important;

}



.red.accent-4 {

  background-color: #D50000 !important;

}



.red-text.text-accent-4 {

  color: #D50000 !important;

}



.pink.lighten-5 {

  background-color: #fce4ec !important;

}



.pink-text.text-lighten-5 {

  color: #fce4ec !important;

}



.pink.lighten-4 {

  background-color: #f8bbd0 !important;

}



.pink-text.text-lighten-4 {

  color: #f8bbd0 !important;

}



.pink.lighten-3 {

  background-color: #f48fb1 !important;

}



.pink-text.text-lighten-3 {

  color: #f48fb1 !important;

}



.pink.lighten-2 {

  background-color: #f06292 !important;

}



.pink-text.text-lighten-2 {

  color: #f06292 !important;

}



.pink.lighten-1 {

  background-color: #ec407a !important;

}



.pink-text.text-lighten-1 {

  color: #ec407a !important;

}



.pink {

  background-color: #e91e63 !important;

}



.pink-text {

  color: #e91e63 !important;

}



.pink.darken-1 {

  background-color: #d81b60 !important;

}



.pink-text.text-darken-1 {

  color: #d81b60 !important;

}



.pink.darken-2 {

  background-color: #c2185b !important;

}



.pink-text.text-darken-2 {

  color: #c2185b !important;

}



.pink.darken-3 {

  background-color: #ad1457 !important;

}



.pink-text.text-darken-3 {

  color: #ad1457 !important;

}



.pink.darken-4 {

  background-color: #880e4f !important;

}



.pink-text.text-darken-4 {

  color: #880e4f !important;

}



.pink.accent-1 {

  background-color: #ff80ab !important;

}



.pink-text.text-accent-1 {

  color: #ff80ab !important;

}



.pink.accent-2 {

  background-color: #ff4081 !important;

}



.pink-text.text-accent-2 {

  color: #ff4081 !important;

}



.pink.accent-3 {

  background-color: #f50057 !important;

}



.pink-text.text-accent-3 {

  color: #f50057 !important;

}



.pink.accent-4 {

  background-color: #c51162 !important;

}



.pink-text.text-accent-4 {

  color: #c51162 !important;

}



.purple.lighten-5 {

  background-color: #f3e5f5 !important;

}



.purple-text.text-lighten-5 {

  color: #f3e5f5 !important;

}



.purple.lighten-4 {

  background-color: #e1bee7 !important;

}



.purple-text.text-lighten-4 {

  color: #e1bee7 !important;

}



.purple.lighten-3 {

  background-color: #ce93d8 !important;

}



.purple-text.text-lighten-3 {

  color: #ce93d8 !important;

}



.purple.lighten-2 {

  background-color: #ba68c8 !important;

}



.purple-text.text-lighten-2 {

  color: #ba68c8 !important;

}



.purple.lighten-1 {

  background-color: #ab47bc !important;

}



.purple-text.text-lighten-1 {

  color: #ab47bc !important;

}



.purple {

  background-color: #9c27b0 !important;

}



.purple-text {

  color: #9c27b0 !important;

}



.purple.darken-1 {

  background-color: #8e24aa !important;

}



.purple-text.text-darken-1 {

  color: #8e24aa !important;

}



.purple.darken-2 {

  background-color: #7b1fa2 !important;

}



.purple-text.text-darken-2 {

  color: #7b1fa2 !important;

}



.purple.darken-3 {

  background-color: #6a1b9a !important;

}



.purple-text.text-darken-3 {

  color: #6a1b9a !important;

}



.purple.darken-4 {

  background-color: #4a148c !important;

}



.purple-text.text-darken-4 {

  color: #4a148c !important;

}



.purple.accent-1 {

  background-color: #ea80fc !important;

}



.purple-text.text-accent-1 {

  color: #ea80fc !important;

}



.purple.accent-2 {

  background-color: #e040fb !important;

}



.purple-text.text-accent-2 {

  color: #e040fb !important;

}



.purple.accent-3 {

  background-color: #d500f9 !important;

}



.purple-text.text-accent-3 {

  color: #d500f9 !important;

}



.purple.accent-4 {

  background-color: #aa00ff !important;

}



.purple-text.text-accent-4 {

  color: #aa00ff !important;

}



.deep-purple.lighten-5 {

  background-color: #ede7f6 !important;

}



.deep-purple-text.text-lighten-5 {

  color: #ede7f6 !important;

}



.deep-purple.lighten-4 {

  background-color: #d1c4e9 !important;

}



.deep-purple-text.text-lighten-4 {

  color: #d1c4e9 !important;

}



.deep-purple.lighten-3 {

  background-color: #b39ddb !important;

}



.deep-purple-text.text-lighten-3 {

  color: #b39ddb !important;

}



.deep-purple.lighten-2 {

  background-color: #9575cd !important;

}



.deep-purple-text.text-lighten-2 {

  color: #9575cd !important;

}



.deep-purple.lighten-1 {

  background-color: #7e57c2 !important;

}



.deep-purple-text.text-lighten-1 {

  color: #7e57c2 !important;

}



.deep-purple {

  background-color: #673ab7 !important;

}



.deep-purple-text {

  color: #673ab7 !important;

}



.deep-purple.darken-1 {

  background-color: #5e35b1 !important;

}



.deep-purple-text.text-darken-1 {

  color: #5e35b1 !important;

}



.deep-purple.darken-2 {

  background-color: #512da8 !important;

}



.deep-purple-text.text-darken-2 {

  color: #512da8 !important;

}



.deep-purple.darken-3 {

  background-color: #4527a0 !important;

}



.deep-purple-text.text-darken-3 {

  color: #4527a0 !important;

}



.deep-purple.darken-4 {

  background-color: #311b92 !important;

}



.deep-purple-text.text-darken-4 {

  color: #311b92 !important;

}



.deep-purple.accent-1 {

  background-color: #b388ff !important;

}



.deep-purple-text.text-accent-1 {

  color: #b388ff !important;

}



.deep-purple.accent-2 {

  background-color: #7c4dff !important;

}



.deep-purple-text.text-accent-2 {

  color: #7c4dff !important;

}



.deep-purple.accent-3 {

  background-color: #651fff !important;

}



.deep-purple-text.text-accent-3 {

  color: #651fff !important;

}



.deep-purple.accent-4 {

  background-color: #6200ea !important;

}



.deep-purple-text.text-accent-4 {

  color: #6200ea !important;

}



.indigo.lighten-5 {

  background-color: #e8eaf6 !important;

}



.indigo-text.text-lighten-5 {

  color: #e8eaf6 !important;

}



.indigo.lighten-4 {

  background-color: #c5cae9 !important;

}



.indigo-text.text-lighten-4 {

  color: #c5cae9 !important;

}



.indigo.lighten-3 {

  background-color: #9fa8da !important;

}



.indigo-text.text-lighten-3 {

  color: #9fa8da !important;

}



.indigo.lighten-2 {

  background-color: #7986cb !important;

}



.indigo-text.text-lighten-2 {

  color: #7986cb !important;

}



.indigo.lighten-1 {

  background-color: #5c6bc0 !important;

}



.indigo-text.text-lighten-1 {

  color: #5c6bc0 !important;

}



.indigo {

  background-color: #3f51b5 !important;

}



.indigo-text {

  color: #3f51b5 !important;

}



.indigo.darken-1 {

  background-color: #3949ab !important;

}



.indigo-text.text-darken-1 {

  color: #3949ab !important;

}



.indigo.darken-2 {

  background-color: #303f9f !important;

}



.indigo-text.text-darken-2 {

  color: #303f9f !important;

}



.indigo.darken-3 {

  background-color: #283593 !important;

}



.indigo-text.text-darken-3 {

  color: #283593 !important;

}



.indigo.darken-4 {

  background-color: #1a237e !important;

}



.indigo-text.text-darken-4 {

  color: #1a237e !important;

}



.indigo.accent-1 {

  background-color: #8c9eff !important;

}



.indigo-text.text-accent-1 {

  color: #8c9eff !important;

}



.indigo.accent-2 {

  background-color: #536dfe !important;

}



.indigo-text.text-accent-2 {

  color: #536dfe !important;

}



.indigo.accent-3 {

  background-color: #3d5afe !important;

}



.indigo-text.text-accent-3 {

  color: #3d5afe !important;

}



.indigo.accent-4 {

  background-color: #304ffe !important;

}



.indigo-text.text-accent-4 {

  color: #304ffe !important;

}



.blue.lighten-5 {

  background-color: #E3F2FD !important;

}



.blue-text.text-lighten-5 {

  color: #E3F2FD !important;

}



.blue.lighten-4 {

  background-color: #BBDEFB !important;

}



.blue-text.text-lighten-4 {

  color: #BBDEFB !important;

}



.blue.lighten-3 {

  background-color: #90CAF9 !important;

}



.blue-text.text-lighten-3 {

  color: #90CAF9 !important;

}



.blue.lighten-2 {

  background-color: #64B5F6 !important;

}



.blue-text.text-lighten-2 {

  color: #64B5F6 !important;

}



.blue.lighten-1 {

  background-color: #42A5F5 !important;

}



.blue-text.text-lighten-1 {

  color: #42A5F5 !important;

}



.blue {

  background-color: #2196F3 !important;

}



.blue-text {

  color: #2196F3 !important;

}



.blue.darken-1 {

  background-color: #1E88E5 !important;

}



.blue-text.text-darken-1 {

  color: #1E88E5 !important;

}



.blue.darken-2 {

  background-color: #1976D2 !important;

}



.blue-text.text-darken-2 {

  color: #1976D2 !important;

}



.blue.darken-3 {

  background-color: #1565C0 !important;

}



.blue-text.text-darken-3 {

  color: #1565C0 !important;

}



.blue.darken-4 {

  background-color: #0D47A1 !important;

}



.blue-text.text-darken-4 {

  color: #0D47A1 !important;

}



.blue.accent-1 {

  background-color: #82B1FF !important;

}



.blue-text.text-accent-1 {

  color: #82B1FF !important;

}



.blue.accent-2 {

  background-color: #448AFF !important;

}



.blue-text.text-accent-2 {

  color: #448AFF !important;

}



.blue.accent-3 {

  background-color: #2979FF !important;

}



.blue-text.text-accent-3 {

  color: #2979FF !important;

}



.blue.accent-4 {

  background-color: #2962FF !important;

}



.blue-text.text-accent-4 {

  color: #2962FF !important;

}



.light-blue.lighten-5 {

  background-color: #e1f5fe !important;

}



.light-blue-text.text-lighten-5 {

  color: #e1f5fe !important;

}



.light-blue.lighten-4 {

  background-color: #b3e5fc !important;

}



.light-blue-text.text-lighten-4 {

  color: #b3e5fc !important;

}



.light-blue.lighten-3 {

  background-color: #81d4fa !important;

}



.light-blue-text.text-lighten-3 {

  color: #81d4fa !important;

}



.light-blue.lighten-2 {

  background-color: #4fc3f7 !important;

}



.light-blue-text.text-lighten-2 {

  color: #4fc3f7 !important;

}



.light-blue.lighten-1 {

  background-color: #29b6f6 !important;

}



.light-blue-text.text-lighten-1 {

  color: #29b6f6 !important;

}



.light-blue {

  background-color: #03a9f4 !important;

}



.light-blue-text {

  color: #03a9f4 !important;

}



.light-blue.darken-1 {

  background-color: #039be5 !important;

}



.light-blue-text.text-darken-1 {

  color: #039be5 !important;

}



.light-blue.darken-2 {

  background-color: #0288d1 !important;

}



.light-blue-text.text-darken-2 {

  color: #0288d1 !important;

}



.light-blue.darken-3 {

  background-color: #0277bd !important;

}



.light-blue-text.text-darken-3 {

  color: #0277bd !important;

}



.light-blue.darken-4 {

  background-color: #01579b !important;

}



.light-blue-text.text-darken-4 {

  color: #01579b !important;

}



.light-blue.accent-1 {

  background-color: #80d8ff !important;

}



.light-blue-text.text-accent-1 {

  color: #80d8ff !important;

}



.light-blue.accent-2 {

  background-color: #40c4ff !important;

}



.light-blue-text.text-accent-2 {

  color: #40c4ff !important;

}



.light-blue.accent-3 {

  background-color: #00b0ff !important;

}



.light-blue-text.text-accent-3 {

  color: #00b0ff !important;

}



.light-blue.accent-4 {

  background-color: #0091ea !important;

}



.light-blue-text.text-accent-4 {

  color: #0091ea !important;

}



.cyan.lighten-5 {

  background-color: #e0f7fa !important;

}



.cyan-text.text-lighten-5 {

  color: #e0f7fa !important;

}



.cyan.lighten-4 {

  background-color: #b2ebf2 !important;

}



.cyan-text.text-lighten-4 {

  color: #b2ebf2 !important;

}



.cyan.lighten-3 {

  background-color: #80deea !important;

}



.cyan-text.text-lighten-3 {

  color: #80deea !important;

}



.cyan.lighten-2 {

  background-color: #4dd0e1 !important;

}



.cyan-text.text-lighten-2 {

  color: #4dd0e1 !important;

}



.cyan.lighten-1 {

  background-color: #26c6da !important;

}



.cyan-text.text-lighten-1 {

  color: #26c6da !important;

}



.cyan {

  background-color: #00bcd4 !important;

}



.cyan-text {

  color: #00bcd4 !important;

}



.cyan.darken-1 {

  background-color: #00acc1 !important;

}



.cyan-text.text-darken-1 {

  color: #00acc1 !important;

}



.cyan.darken-2 {

  background-color: #0097a7 !important;

}



.cyan-text.text-darken-2 {

  color: #0097a7 !important;

}



.cyan.darken-3 {

  background-color: #00838f !important;

}



.cyan-text.text-darken-3 {

  color: #00838f !important;

}



.cyan.darken-4 {

  background-color: #006064 !important;

}



.cyan-text.text-darken-4 {

  color: #006064 !important;

}



.cyan.accent-1 {

  background-color: #84ffff !important;

}



.cyan-text.text-accent-1 {

  color: #84ffff !important;

}



.cyan.accent-2 {

  background-color: #18ffff !important;

}



.cyan-text.text-accent-2 {

  color: #18ffff !important;

}



.cyan.accent-3 {

  background-color: #00e5ff !important;

}



.cyan-text.text-accent-3 {

  color: #00e5ff !important;

}



.cyan.accent-4 {

  background-color: #00b8d4 !important;

}



.cyan-text.text-accent-4 {

  color: #00b8d4 !important;

}



.teal.lighten-5 {

  background-color: #e0f2f1 !important;

}



.teal-text.text-lighten-5 {

  color: #e0f2f1 !important;

}



.teal.lighten-4 {

  background-color: #b2dfdb !important;

}



.teal-text.text-lighten-4 {

  color: #b2dfdb !important;

}



.teal.lighten-3 {

  background-color: #80cbc4 !important;

}



.teal-text.text-lighten-3 {

  color: #80cbc4 !important;

}



.teal.lighten-2 {

  background-color: #4db6ac !important;

}



.teal-text.text-lighten-2 {

  color: #4db6ac !important;

}



.teal.lighten-1 {

  background-color: #26a69a !important;

}



.teal-text.text-lighten-1 {

  color: #26a69a !important;

}



.teal {

  background-color: #009688 !important;

}



.teal-text {

  color: #009688 !important;

}



.teal.darken-1 {

  background-color: #00897b !important;

}



.teal-text.text-darken-1 {

  color: #00897b !important;

}



.teal.darken-2 {

  background-color: #00796b !important;

}



.teal-text.text-darken-2 {

  color: #00796b !important;

}



.teal.darken-3 {

  background-color: #00695c !important;

}



.teal-text.text-darken-3 {

  color: #00695c !important;

}



.teal.darken-4 {

  background-color: #004d40 !important;

}



.teal-text.text-darken-4 {

  color: #004d40 !important;

}



.teal.accent-1 {

  background-color: #a7ffeb !important;

}



.teal-text.text-accent-1 {

  color: #a7ffeb !important;

}



.teal.accent-2 {

  background-color: #64ffda !important;

}



.teal-text.text-accent-2 {

  color: #64ffda !important;

}



.teal.accent-3 {

  background-color: #1de9b6 !important;

}



.teal-text.text-accent-3 {

  color: #1de9b6 !important;

}



.teal.accent-4 {

  background-color: #00bfa5 !important;

}



.teal-text.text-accent-4 {

  color: #00bfa5 !important;

}



.green.lighten-5 {

  background-color: #E8F5E9 !important;

}



.green-text.text-lighten-5 {

  color: #E8F5E9 !important;

}



.green.lighten-4 {

  background-color: #C8E6C9 !important;

}



.green-text.text-lighten-4 {

  color: #C8E6C9 !important;

}



.green.lighten-3 {

  background-color: #A5D6A7 !important;

}



.green-text.text-lighten-3 {

  color: #A5D6A7 !important;

}



.green.lighten-2 {

  background-color: #81C784 !important;

}



.green-text.text-lighten-2 {

  color: #81C784 !important;

}



.green.lighten-1 {

  background-color: #66BB6A !important;

}



.green-text.text-lighten-1 {

  color: #66BB6A !important;

}



.green {

  background-color: #4CAF50 !important;

}



.green-text {

  color: #4CAF50 !important;

}



.green.darken-1 {

  background-color: #43A047 !important;

}



.green-text.text-darken-1 {

  color: #43A047 !important;

}



.green.darken-2 {

  background-color: #388E3C !important;

}



.green-text.text-darken-2 {

  color: #388E3C !important;

}



.green.darken-3 {

  background-color: #2E7D32 !important;

}



.green-text.text-darken-3 {

  color: #2E7D32 !important;

}



.green.darken-4 {

  background-color: #1B5E20 !important;

}



.green-text.text-darken-4 {

  color: #1B5E20 !important;

}



.green.accent-1 {

  background-color: #B9F6CA !important;

}



.green-text.text-accent-1 {

  color: #B9F6CA !important;

}



.green.accent-2 {

  background-color: #69F0AE !important;

}



.green-text.text-accent-2 {

  color: #69F0AE !important;

}



.green.accent-3 {

  background-color: #00E676 !important;

}



.green-text.text-accent-3 {

  color: #00E676 !important;

}



.green.accent-4 {

  background-color: #00C853 !important;

}



.green-text.text-accent-4 {

  color: #00C853 !important;

}



.light-green.lighten-5 {

  background-color: #f1f8e9 !important;

}



.light-green-text.text-lighten-5 {

  color: #f1f8e9 !important;

}



.light-green.lighten-4 {

  background-color: #dcedc8 !important;

}



.light-green-text.text-lighten-4 {

  color: #dcedc8 !important;

}



.light-green.lighten-3 {

  background-color: #c5e1a5 !important;

}



.light-green-text.text-lighten-3 {

  color: #c5e1a5 !important;

}



.light-green.lighten-2 {

  background-color: #aed581 !important;

}



.light-green-text.text-lighten-2 {

  color: #aed581 !important;

}



.light-green.lighten-1 {

  background-color: #9ccc65 !important;

}



.light-green-text.text-lighten-1 {

  color: #9ccc65 !important;

}



.light-green {

  background-color: #8bc34a !important;

}



.light-green-text {

  color: #8bc34a !important;

}



.light-green.darken-1 {

  background-color: #7cb342 !important;

}



.light-green-text.text-darken-1 {

  color: #7cb342 !important;

}



.light-green.darken-2 {

  background-color: #689f38 !important;

}



.light-green-text.text-darken-2 {

  color: #689f38 !important;

}



.light-green.darken-3 {

  background-color: #558b2f !important;

}



.light-green-text.text-darken-3 {

  color: #558b2f !important;

}



.light-green.darken-4 {

  background-color: #33691e !important;

}



.light-green-text.text-darken-4 {

  color: #33691e !important;

}



.light-green.accent-1 {

  background-color: #ccff90 !important;

}



.light-green-text.text-accent-1 {

  color: #ccff90 !important;

}



.light-green.accent-2 {

  background-color: #b2ff59 !important;

}



.light-green-text.text-accent-2 {

  color: #b2ff59 !important;

}



.light-green.accent-3 {

  background-color: #76ff03 !important;

}



.light-green-text.text-accent-3 {

  color: #76ff03 !important;

}



.light-green.accent-4 {

  background-color: #64dd17 !important;

}



.light-green-text.text-accent-4 {

  color: #64dd17 !important;

}



.lime.lighten-5 {

  background-color: #f9fbe7 !important;

}



.lime-text.text-lighten-5 {

  color: #f9fbe7 !important;

}



.lime.lighten-4 {

  background-color: #f0f4c3 !important;

}



.lime-text.text-lighten-4 {

  color: #f0f4c3 !important;

}



.lime.lighten-3 {

  background-color: #e6ee9c !important;

}



.lime-text.text-lighten-3 {

  color: #e6ee9c !important;

}



.lime.lighten-2 {

  background-color: #dce775 !important;

}



.lime-text.text-lighten-2 {

  color: #dce775 !important;

}



.lime.lighten-1 {

  background-color: #d4e157 !important;

}



.lime-text.text-lighten-1 {

  color: #d4e157 !important;

}



.lime {

  background-color: #cddc39 !important;

}



.lime-text {

  color: #cddc39 !important;

}



.lime.darken-1 {

  background-color: #c0ca33 !important;

}



.lime-text.text-darken-1 {

  color: #c0ca33 !important;

}



.lime.darken-2 {

  background-color: #afb42b !important;

}



.lime-text.text-darken-2 {

  color: #afb42b !important;

}



.lime.darken-3 {

  background-color: #9e9d24 !important;

}



.lime-text.text-darken-3 {

  color: #9e9d24 !important;

}



.lime.darken-4 {

  background-color: #827717 !important;

}



.lime-text.text-darken-4 {

  color: #827717 !important;

}



.lime.accent-1 {

  background-color: #f4ff81 !important;

}



.lime-text.text-accent-1 {

  color: #f4ff81 !important;

}



.lime.accent-2 {

  background-color: #eeff41 !important;

}



.lime-text.text-accent-2 {

  color: #eeff41 !important;

}



.lime.accent-3 {

  background-color: #c6ff00 !important;

}



.lime-text.text-accent-3 {

  color: #c6ff00 !important;

}



.lime.accent-4 {

  background-color: #aeea00 !important;

}



.lime-text.text-accent-4 {

  color: #aeea00 !important;

}



.yellow.lighten-5 {

  background-color: #fffde7 !important;

}



.yellow-text.text-lighten-5 {

  color: #fffde7 !important;

}



.yellow.lighten-4 {

  background-color: #fff9c4 !important;

}



.yellow-text.text-lighten-4 {

  color: #fff9c4 !important;

}



.yellow.lighten-3 {

  background-color: #fff59d !important;

}



.yellow-text.text-lighten-3 {

  color: #fff59d !important;

}



.yellow.lighten-2 {

  background-color: #fff176 !important;

}



.yellow-text.text-lighten-2 {

  color: #fff176 !important;

}



.yellow.lighten-1 {

  background-color: #ffee58 !important;

}



.yellow-text.text-lighten-1 {

  color: #ffee58 !important;

}



.yellow {

  background-color: #ffeb3b !important;

}



.yellow-text {

  color: #ffeb3b !important;

}



.yellow.darken-1 {

  background-color: #fdd835 !important;

}



.yellow-text.text-darken-1 {

  color: #fdd835 !important;

}



.yellow.darken-2 {

  background-color: #fbc02d !important;

}



.yellow-text.text-darken-2 {

  color: #fbc02d !important;

}



.yellow.darken-3 {

  background-color: #f9a825 !important;

}



.yellow-text.text-darken-3 {

  color: #f9a825 !important;

}



.yellow.darken-4 {

  background-color: #f57f17 !important;

}



.yellow-text.text-darken-4 {

  color: #f57f17 !important;

}



.yellow.accent-1 {

  background-color: #ffff8d !important;

}



.yellow-text.text-accent-1 {

  color: #ffff8d !important;

}



.yellow.accent-2 {

  background-color: #ffff00 !important;

}



.yellow-text.text-accent-2 {

  color: #ffff00 !important;

}



.yellow.accent-3 {

  background-color: #ffea00 !important;

}



.yellow-text.text-accent-3 {

  color: #ffea00 !important;

}



.yellow.accent-4 {

  background-color: #ffd600 !important;

}



.yellow-text.text-accent-4 {

  color: #ffd600 !important;

}



.amber.lighten-5 {

  background-color: #fff8e1 !important;

}



.amber-text.text-lighten-5 {

  color: #fff8e1 !important;

}



.amber.lighten-4 {

  background-color: #ffecb3 !important;

}



.amber-text.text-lighten-4 {

  color: #ffecb3 !important;

}



.amber.lighten-3 {

  background-color: #ffe082 !important;

}



.amber-text.text-lighten-3 {

  color: #ffe082 !important;

}



.amber.lighten-2 {

  background-color: #ffd54f !important;

}



.amber-text.text-lighten-2 {

  color: #ffd54f !important;

}



.amber.lighten-1 {

  background-color: #ffca28 !important;

}



.amber-text.text-lighten-1 {

  color: #ffca28 !important;

}



.amber {

  background-color: #ffc107 !important;

}



.amber-text {

  color: #ffc107 !important;

}



.amber.darken-1 {

  background-color: #ffb300 !important;

}



.amber-text.text-darken-1 {

  color: #ffb300 !important;

}



.amber.darken-2 {

  background-color: #ffa000 !important;

}



.amber-text.text-darken-2 {

  color: #ffa000 !important;

}



.amber.darken-3 {

  background-color: #ff8f00 !important;

}



.amber-text.text-darken-3 {

  color: #ff8f00 !important;

}



.amber.darken-4 {

  background-color: #ff6f00 !important;

}



.amber-text.text-darken-4 {

  color: #ff6f00 !important;

}



.amber.accent-1 {

  background-color: #ffe57f !important;

}



.amber-text.text-accent-1 {

  color: #ffe57f !important;

}



.amber.accent-2 {

  background-color: #ffd740 !important;

}



.amber-text.text-accent-2 {

  color: #ffd740 !important;

}



.amber.accent-3 {

  background-color: #ffc400 !important;

}



.amber-text.text-accent-3 {

  color: #ffc400 !important;

}



.amber.accent-4 {

  background-color: #ffab00 !important;

}



.amber-text.text-accent-4 {

  color: #ffab00 !important;

}



.orange.lighten-5 {

  background-color: #fff3e0 !important;

}



.orange-text.text-lighten-5 {

  color: #fff3e0 !important;

}



.orange.lighten-4 {

  background-color: #ffe0b2 !important;

}



.orange-text.text-lighten-4 {

  color: #ffe0b2 !important;

}



.orange.lighten-3 {

  background-color: #ffcc80 !important;

}



.orange-text.text-lighten-3 {

  color: #ffcc80 !important;

}



.orange.lighten-2 {

  background-color: #ffb74d !important;

}



.orange-text.text-lighten-2 {

  color: #ffb74d !important;

}



.orange.lighten-1 {

  background-color: #ffa726 !important;

}



.orange-text.text-lighten-1 {

  color: #ffa726 !important;

}



.orange {

  background-color: #ff9800 !important;

}



.orange-text {

  color: #ff9800 !important;

}



.orange.darken-1 {

  background-color: #fb8c00 !important;

}



.orange-text.text-darken-1 {

  color: #fb8c00 !important;

}



.orange.darken-2 {

  background-color: #f57c00 !important;

}



.orange-text.text-darken-2 {

  color: #f57c00 !important;

}



.orange.darken-3 {

  background-color: #ef6c00 !important;

}



.orange-text.text-darken-3 {

  color: #ef6c00 !important;

}



.orange.darken-4 {

  background-color: #e65100 !important;

}



.orange-text.text-darken-4 {

  color: #e65100 !important;

}



.orange.accent-1 {

  background-color: #ffd180 !important;

}



.orange-text.text-accent-1 {

  color: #ffd180 !important;

}



.orange.accent-2 {

  background-color: #ffab40 !important;

}



.orange-text.text-accent-2 {

  color: #ffab40 !important;

}



.orange.accent-3 {

  background-color: #ff9100 !important;

}



.orange-text.text-accent-3 {

  color: #ff9100 !important;

}



.orange.accent-4 {

  background-color: #ff6d00 !important;

}



.orange-text.text-accent-4 {

  color: #ff6d00 !important;

}



.deep-orange.lighten-5 {

  background-color: #fbe9e7 !important;

}



.deep-orange-text.text-lighten-5 {

  color: #fbe9e7 !important;

}



.deep-orange.lighten-4 {

  background-color: #ffccbc !important;

}



.deep-orange-text.text-lighten-4 {

  color: #ffccbc !important;

}



.deep-orange.lighten-3 {

  background-color: #ffab91 !important;

}



.deep-orange-text.text-lighten-3 {

  color: #ffab91 !important;

}



.deep-orange.lighten-2 {

  background-color: #ff8a65 !important;

}



.deep-orange-text.text-lighten-2 {

  color: #ff8a65 !important;

}



.deep-orange.lighten-1 {

  background-color: #ff7043 !important;

}



.deep-orange-text.text-lighten-1 {

  color: #ff7043 !important;

}



.deep-orange {

  background-color: #ff5722 !important;

}



.deep-orange-text {

  color: #ff5722 !important;

}



.deep-orange.darken-1 {

  background-color: #f4511e !important;

}



.deep-orange-text.text-darken-1 {

  color: #f4511e !important;

}



.deep-orange.darken-2 {

  background-color: #e64a19 !important;

}



.deep-orange-text.text-darken-2 {

  color: #e64a19 !important;

}



.deep-orange.darken-3 {

  background-color: #d84315 !important;

}



.deep-orange-text.text-darken-3 {

  color: #d84315 !important;

}



.deep-orange.darken-4 {

  background-color: #bf360c !important;

}



.deep-orange-text.text-darken-4 {

  color: #bf360c !important;

}



.deep-orange.accent-1 {

  background-color: #ff9e80 !important;

}



.deep-orange-text.text-accent-1 {

  color: #ff9e80 !important;

}



.deep-orange.accent-2 {

  background-color: #ff6e40 !important;

}



.deep-orange-text.text-accent-2 {

  color: #ff6e40 !important;

}



.deep-orange.accent-3 {

  background-color: #ff3d00 !important;

}



.deep-orange-text.text-accent-3 {

  color: #ff3d00 !important;

}



.deep-orange.accent-4 {

  background-color: #dd2c00 !important;

}



.deep-orange-text.text-accent-4 {

  color: #dd2c00 !important;

}



.brown.lighten-5 {

  background-color: #efebe9 !important;

}



.brown-text.text-lighten-5 {

  color: #efebe9 !important;

}



.brown.lighten-4 {

  background-color: #d7ccc8 !important;

}



.brown-text.text-lighten-4 {

  color: #d7ccc8 !important;

}



.brown.lighten-3 {

  background-color: #bcaaa4 !important;

}



.brown-text.text-lighten-3 {

  color: #bcaaa4 !important;

}



.brown.lighten-2 {

  background-color: #a1887f !important;

}



.brown-text.text-lighten-2 {

  color: #a1887f !important;

}



.brown.lighten-1 {

  background-color: #8d6e63 !important;

}



.brown-text.text-lighten-1 {

  color: #8d6e63 !important;

}



.brown {

  background-color: #795548 !important;

}



.brown-text {

  color: #795548 !important;

}



.brown.darken-1 {

  background-color: #6d4c41 !important;

}



.brown-text.text-darken-1 {

  color: #6d4c41 !important;

}



.brown.darken-2 {

  background-color: #5d4037 !important;

}



.brown-text.text-darken-2 {

  color: #5d4037 !important;

}



.brown.darken-3 {

  background-color: #4e342e !important;

}



.brown-text.text-darken-3 {

  color: #4e342e !important;

}



.brown.darken-4 {

  background-color: #3e2723 !important;

}



.brown-text.text-darken-4 {

  color: #3e2723 !important;

}



.blue-grey.lighten-5 {

  background-color: #eceff1 !important;

}



.blue-grey-text.text-lighten-5 {

  color: #eceff1 !important;

}



.blue-grey.lighten-4 {

  background-color: #cfd8dc !important;

}



.blue-grey-text.text-lighten-4 {

  color: #cfd8dc !important;

}



.blue-grey.lighten-3 {

  background-color: #b0bec5 !important;

}



.blue-grey-text.text-lighten-3 {

  color: #b0bec5 !important;

}



.blue-grey.lighten-2 {

  background-color: #90a4ae !important;

}



.blue-grey-text.text-lighten-2 {

  color: #90a4ae !important;

}



.blue-grey.lighten-1 {

  background-color: #78909c !important;

}



.blue-grey-text.text-lighten-1 {

  color: #78909c !important;

}



.blue-grey {

  background-color: #607d8b !important;

}



.blue-grey-text {

  color: #607d8b !important;

}



.blue-grey.darken-1 {

  background-color: #546e7a !important;

}



.blue-grey-text.text-darken-1 {

  color: #546e7a !important;

}



.blue-grey.darken-2 {

  background-color: #455a64 !important;

}



.blue-grey-text.text-darken-2 {

  color: #455a64 !important;

}



.blue-grey.darken-3 {

  background-color: #37474f !important;

}



.blue-grey-text.text-darken-3 {

  color: #37474f !important;

}



.blue-grey.darken-4 {

  background-color: #263238 !important;

}



.blue-grey-text.text-darken-4 {

  color: #263238 !important;

}



.grey.lighten-5 {

  background-color: #fafafa !important;

}



.grey-text.text-lighten-5 {

  color: #fafafa !important;

}



.grey.lighten-4 {

  background-color: #f5f5f5 !important;

}



.grey-text.text-lighten-4 {

  color: #f5f5f5 !important;

}



.grey.lighten-3 {

  background-color: #eeeeee !important;

}



.grey-text.text-lighten-3 {

  color: #eeeeee !important;

}



.grey.lighten-2 {

  background-color: #e0e0e0 !important;

}



.grey-text.text-lighten-2 {

  color: #e0e0e0 !important;

}



.grey.lighten-1 {

  background-color: #bdbdbd !important;

}



.grey-text.text-lighten-1 {

  color: #bdbdbd !important;

}



.grey {

  background-color: #9e9e9e !important;

}



.grey-text {

  color: #9e9e9e !important;

}



.grey.darken-1 {

  background-color: #757575 !important;

}



.grey-text.text-darken-1 {

  color: #757575 !important;

}



.grey.darken-2 {

  background-color: #616161 !important;

}



.grey-text.text-darken-2 {

  color: #616161 !important;

}



.grey.darken-3 {

  background-color: #424242 !important;

}



.grey-text.text-darken-3 {

  color: #424242 !important;

}



.grey.darken-4 {

  background-color: #212121 !important;

}



.grey-text.text-darken-4 {

  color: #212121 !important;

}



.shades.black {

  background-color: #000000 !important;

}



.shades-text.text-black {

  color: #000000 !important;

}



.shades.white {

  background-color: #FFFFFF !important;

}



.shades-text.text-white {

  color: #FFFFFF !important;

}



.shades.transparent {

  background-color: transparent !important;

}



.shades-text.text-transparent {

  color: transparent !important;

}



.black {

  background-color: #000000 !important;

}



.black-text {

  color: #000000 !important;

}



.white {

  background-color: #FFFFFF !important;

}



.white-text {

  color: #FFFFFF !important;

}



.transparent {

  background-color: transparent !important;

}



.transparent-text {

  color: transparent !important;

}



.danger-color {

  background-color: #ff4444 !important;

}



.danger-color-dark {

  background-color: #CC0000 !important;

}



.warning-color {

  background-color: #ffbb33 !important;

}



.warning-color-dark {

  background-color: #FF8800 !important;

}



.success-color {

  background-color: #00C851 !important;

}



.success-color-dark {

  background-color: #007E33 !important;

}



.info-color {

  background-color: #33b5e5 !important;

}



.info-color-dark {

  background-color: #0099CC !important;

}



.default-color {

  background-color: #2BBBAD !important;

}



.default-color-dark {

  background-color: #00695c !important;

}



.primary-color {

  background-color: #4285F4 !important;

}



.primary-color-dark {

  background-color: #0d47a1 !important;

}



.secondary-color {

  background-color: #aa66cc !important;

}



.secondary-color-dark {

  background-color: #9933CC !important;

}



.elegant-color {

  background-color: #2E2E2E !important;

}



.elegant-color-dark {

  background-color: #212121 !important;

}



.stylish-color {

  background-color: #4B515D !important;

}



.stylish-color-dark {

  background-color: #3E4551 !important;

}



.special-color {

  background-color: #37474F !important;

}



.special-color-dark {

  background-color: #263238 !important;

}



.unique-color {

  background-color: #3F729B !important;

}



.unique-color-dark {

  background-color: #1C2331 !important;

}



.rgba-blue-light {

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

}



.rgba-red-light {

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

}



.rgba-pink-light {

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

}



.rgba-purple-light {

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

}



.rgba-indigo-light {

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

}



.rgba-cyan-light {

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

}



.rgba-teal-light {

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

}



.rgba-green-light {

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

}



.rgba-lime-light {

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

}



.rgba-yellow-light {

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

}



.rgba-orange-light {

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

}



.rgba-brown-light {

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

}



.rgba-grey-light {

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

}



.rgba-bluegrey-light {

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

}



.rgba-black-light {

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

}



.rgba-stylish-light {

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

}



.rgba-white-light {

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

}



.rgba-blue-strong {

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

}



.rgba-red-strong {

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

}



.rgba-pink-strong {

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

}



.rgba-purple-strong {

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

}



.rgba-indigo-strong {

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

}



.rgba-cyan-strong {

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

}



.rgba-teal-strong {

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

}



.rgba-green-strong {

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

}



.rgba-lime-strong {

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

}



.rgba-yellow-strong {

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

}



.rgba-orange-strong {

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

}



.rgba-brown-strong {

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

}



.rgba-grey-strong {

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

}



.rgba-bluegrey-strong {

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

}



.rgba-black-strong {

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

}



.rgba-stylish-strong {

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

}



.rgba-white-strong {

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

}



.rgba-blue-slight {

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

}



.rgba-red-slight {

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

}



.rgba-pink-slight {

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

}



.rgba-purple-slight {

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

}



.rgba-indigo-slight {

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

}



.rgba-cyan-slight {

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

}



.rgba-teal-slight {

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

}



.rgba-green-slight {

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

}



.rgba-lime-slight {

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

}



.rgba-yellow-slight {

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

}



.rgba-orange-slight {

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

}



.rgba-brown-slight {

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

}



.rgba-grey-slight {

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

}



.rgba-bluegrey-slight {

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

}



.rgba-black-slight {

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

}



.rgba-stylish-slight {

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

}



.rgba-white-slight {

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

}



/*********************

  Variables

**********************/

/*** Tooltip ***/

/* ANIMATION */

/*** Colors ***/

/*** Badges ***/

/*** Buttons ***/

/*** Cards ***/

/*** Collapsible ***/

/*** Dropdown ***/

/*** Fonts ***/

/*** Forms ***/

/*** Global ***/

/*** Navbar ***/

/*** SideNav ***/

/*** Photo Slider ***/

/*** Tabs ***/

/*** Tables ***/

/*** Toasts ***/

/*** Typography ***/

/*** Collections ***/

/* Progress Bar */

/*********************

  Normalize

**********************/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 *    user zoom.

 */




/**

 * Remove default margin.

 */



/* HTML5 display definitions

   ========================================================================== */

/**

 * Correct `block` display not defined for any HTML5 element in IE 8/9.

 * Correct `block` display not defined for `details` or `summary` in IE 10/11

 * and Firefox.

 * Correct `block` display not defined for `main` in IE 11.

 */




/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

audio,

canvas,

progress,

video {

  display: inline-block;

  /* 1 */

  vertical-align: baseline;

  /* 2 */

}



/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

[hidden],

template {

  display: none;

}



/* Links

   ========================================================================== */

/**

 * Remove the gray background color from active links in IE 10.

 */

a {

  background-color: transparent;

}



/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,

a:hover {

  outline: 0;

}



/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

abbr[title] {

  border-bottom: 1px dotted;

}



/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

b,

strong {

  font-weight: bold;

}



/**

 * Address styling not present in Safari and Chrome.

 */

dfn {

  font-style: italic;

}



/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */




/**

 * Address styling not present in IE 8/9.

 */

mark {

  background: #ff0;

  color: #000;

}



/**

 * Address inconsistent and variable font size in all browsers.

 */

small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



/* Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9/10.

 */

img {

  border: 0;

}



/**

 * Correct overflow not hidden in IE 9/10/11.

 */

svg:not(:root) {

  overflow: hidden;

}



/* Grouping content

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari.

 */

figure {

  margin: 1em 40px;

}



/**

 * Address differences between Firefox and other browsers.

 */

hr {

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

}



/**



/**


/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  /* 1 */

  font: inherit;

  /* 2 */

  margin: 0;

  /* 3 */

}



/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

button {

  overflow: visible;

}



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

button,

select {

  text-transform: none;

}



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

/* 1 */

html input[type="button"],

button,

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

  cursor: pointer;

  /* 3 */

}



/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],

html input[disabled] {

  cursor: default;

}



/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

input {

  line-height: normal;

}



/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */

input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}



/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  /* 2 */

  box-sizing: content-box;

}



/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Define consistent border, margin, and padding.

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {

  border: 0;

  /* 1 */

  padding: 0;

  /* 2 */

}



/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */

textarea {

  overflow: auto;

}



/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

optgroup {

  font-weight: bold;

}



/* Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



/*********************

  General classes

**********************/



span.badge-md {

  min-width: 3rem;

  padding: 0 6px;

  text-align: center;

  font-size: 1rem;

  line-height: inherit;

  color: #757575;

  position: absolute;

  right: 15px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



span.badge-md.new {

  font-weight: 300;

  font-size: 0.8rem;

  color: #fff;

  background-color: #4285F4;

  border-radius: 2px;

}



span.badge-md.new:after {

  content: " new";

}



a {

  color: #039be5;

  text-decoration: none;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;

}



a:hover, a:focus {

  text-decoration: none;

}



ul {

  padding: 0;

  list-style-type: none;

}



ul li {

  list-style-type: none;

}



i {

  line-height: inherit;

}



i.left {

  float: left;

  margin-right: 10px;

}



i.right {

  float: right;

  margin-left: 10px;

}



i.tiny {

  font-size: 1rem;

}



i.small {

  font-size: 2rem;

}



i.medium {

  font-size: 4rem;

}



i.large {

  font-size: 6rem;

}



.collection {

  margin: 0.5rem 0 1rem 0;

  border: 1px solid #e0e0e0;

  border-radius: 2px;

  overflow: hidden;

  position: relative;

}



.collection .collection-item {

  background-color: #fff;

  line-height: 1.5rem;

  padding: 10px 20px;

  margin: 0;

  border-bottom: 1px solid #e0e0e0;

}



.collection .collection-item.avatar {

  min-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: #4285F4;

  color: white;

}



.collection a.collection-item {

  display: block;

  -webkit-transition: 0.25s;

  -moz-transition: 0.25s;

  -o-transition: 0.25s;

  -ms-transition: 0.25s;

  transition: 0.25s;

  color: #4285F4;

}



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

}



.collection.with-header .collection-item.avatar {

  padding-left: 72px;

}



.secondary-content {

  float: right;

  color: #4285F4;

}



.label {

  border-radius: 0;

}



footer.page-footer {

  /*margin-top: 3em;*/

  font-weight: 300;

  background:#333!important;

  color:rgba(163,163,163,1.00);
  position:relative;

}



footer.page-footer .link-section {

  padding-bottom: 20px;



}



footer.page-footer .footer-content {

  padding: 1em;

}



footer.page-footer .footer-copyright {

  overflow: hidden;

  height: 50px;

  line-height: 50px;

  color: rgba(255, 255, 255, 0.8);

}



footer.page-footer .column-title {

  text-transform: uppercase;

  margin-top: 15px;

}



footer.page-footer a {

  font-weight: 300;

  font-size: 18px;

  line-height: 40px;

  color: #fff;

}



footer.page-footer .social-section {

  padding-top: 15px;

  padding-bottom: 15px;

  text-align: center;

}



footer.page-footer .call-to-action {

  text-align: center;

  padding-bottom: 1.5rem;

  padding-top: 1.5rem;

}



footer.page-footer .call-to-action ul {

  margin-bottom: 0;

}



footer.page-footer .bordered {

  border-bottom: 1px solid rgba(158, 158, 158, 0.7);

}



footer.page-footer .padd-bott {

  padding-bottom: 30px;

}



footer.page-footer .pad-top {

  padding-top: 30px;

}



@media only screen and (max-width: 768px) {

  footer.page-footer .column-title {

    margin-top: 2em;

  }

}



.modal-content {

  border-radius: 2px;

}



/**

 * Shifting bacground fix

 */

body.modal-open {

  overflow: inherit;

  padding-right: 0 !important;

}



/*********************

  Roboto font

**********************/

@font-face {

  font-family: "Roboto";

  src: url("../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../font/roboto/Roboto-Thin.woff") format("woff"), url("../font/roboto/Roboto-Thin.ttf") format("truetype");

  font-weight: 200;

}



@font-face {

  font-family: "Roboto";

  src: url("../font/roboto/Roboto-Light.woff2") format("woff2"), url("../font/roboto/Roboto-Light.woff") format("woff"), url("../font/roboto/Roboto-Light.ttf") format("truetype");

  font-weight: 300;

}



@font-face {

  font-family: "Roboto";

  src: url("../font/roboto/Roboto-Regular.woff2") format("woff2"), url("../font/roboto/Roboto-Regular.woff") format("woff"), url("../font/roboto/Roboto-Regular.ttf") format("truetype");

  font-weight: 400;

}



@font-face {

  font-family: "Roboto";

  src: url("../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../font/roboto/Roboto-Medium.woff") format("woff"), url("../font/roboto/Roboto-Medium.ttf") format("truetype");

  font-weight: 500;

}



@font-face {

  font-family: "Roboto";

  src: url("../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../font/roboto/Roboto-Bold.woff") format("woff"), url("../font/roboto/Roboto-Bold.ttf") format("truetype");

  font-weight: 700;

}



/*********************

  Buttons

**********************/

.btn-flat {

  background-color: transparent;

  position: relative;

  padding: 8px 30px;

  border: none;

  margin: 10px;

  text-transform: uppercase;

  text-decoration: none;

  outline: none !important;

}



.btn-flat:focus {

  background-color: transparent;

}



.btn {

  line-height: 31px;

  position: relative;

  padding: 5px 22px;

  border: 0;

  margin: 10px;

  cursor: pointer;

  border-radius: 2px;

  text-transform: uppercase;

  text-decoration: none;

  outline: none !important;

  -webkit-transition: 0.2s ease-out;

  -moz-transition: 0.2s ease-out;

  -o-transition: 0.2s ease-out;

  -ms-transition: 0.2s ease-out;

  transition: 0.2s ease-out;

}



.btn.btn-block {

  margin: 10px 0;

}



.btn i,

.btn-flat i {

  font-size: 1.3rem;

  line-height: inherit;

}



.btn-floating {

  display: inline-block;

  color: #fff;

  position: relative;

  overflow: hidden;

  z-index: 1;

  width: 37px;

  height: 37px;

  line-height: 37px;

  padding: 0;

  background-color: #aa66cc;

  border-radius: 50%;

  transition: .3s;

  cursor: pointer;

  vertical-align: middle;

  margin: 10px;

}



.btn-floating i {

  width: inherit;

  display: inline-block;

  text-align: center;

  color: #fff;

  font-size: 1.6rem;

  line-height: 37px;

}



.btn-floating:before {

  border-radius: 0;

}



.btn-floating.btn-large {

  width: 55.5px;

  height: 55.5px;

}



.btn-floating.btn-large i {

  line-height: 55.5px;

}



.btn-floating.btn-small {

  height: 47px;

  width: 47px;

  line-height: 0;

}



.btn-floating.btn-small .fa, .btn-floating.btn-small .material-icons {

  font-size: 18px;

  margin-top: 5px;

}



button.btn-floating {

  border: none;

}



.btn .badge {

  margin-left: 7px;

}



.btn-default {

  color: #fff;

  background: #2BBBAD;

}



.btn-default:hover, .btn-default:focus {

  background-color: #30cfc0 !important;

  color: #fff !important;

}



.btn-primary {

  background: #4285F4;

}



.btn-primary:hover, .btn-primary:focus {

  background-color: #5a95f5 !important;

  color: #fff;

}



.btn-success {

  background: #00C851;

}



.btn-success:hover, .btn-success:focus {

  background-color: #00d255 !important;

  color: #fff;

}



.btn-info {

  background: #33b5e5;

}



.btn-info:hover, .btn-info:focus {

  background-color: #4abde8 !important;

  color: #fff;

}



.btn-warning {

  background: #FF8800;

}



.btn-warning:hover, .btn-warning:focus {

  background-color: #ff961f !important;

  color: #fff;

}



.btn-danger {

  background: #CC0000;

}



.btn-danger:hover, .btn-danger:focus {

  background-color: #db0000 !important;

  color: #fff;

}



.btn-link {

  background-color: transparent;

  color: #000;

}



.btn-link:hover {

  background-color: transparent;

}



.btn-link:focus {

  background-color: transparent;

}



.btn-xlg {

  padding: 18px 24px;

  font-size: 21px;

  line-height: 1.33333;

}



.btn-lg {

  padding: 14px 20px;

  font-size: 18px;

  line-height: 1.33333;

}



.btn-sm {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

}



.btn-xs {

  padding: 1px 5px;

  font-size: 12px;

  line-height: 1.5;

}



/*********************

  Navbar

**********************/

.navbar {

  border: 0;

  border-radius: 0;

  font-weight: 300;

}



.navbar .navbar-brand {

  position: relative;

  height: 60px;

  line-height: 30px;

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {

  color: rgba(255, 255, 255, 0.84);

  background-color: transparent;

}



.navbar .navbar-text {

  color: rgba(255, 255, 255, 0.84);

  margin-top: 20px;

  margin-bottom: 20px;

}



    .navbar .navbar-nav > li > a {
        color: #555;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px;
    }



.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {

  color: rgba(255, 255, 255, 0.84);

  background-color: transparent;

}



.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {

  color: rgba(255, 255, 255, 0.84);

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

}



.navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus {

  color: #E5E5E5;

  background-color: transparent;

}



.navbar .navbar-toggle {

  border-color: #000;

}



.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {

  background-color: transparent;

}



.navbar .navbar-toggle .icon-bar {

  background-color: #000;

}



.navbar .navbar-collapse,

.navbar .navbar-form {

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

}



.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {

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

  color: rgba(255, 255, 255, 0.84);

}



@media (max-width: 767px) {

  .navbar .navbar-nav .open .dropdown-menu > .dropdown-header {

    border: 0;

    color: rgba(212, 212, 212, 0.84);

  }

  .navbar .navbar-nav .open .dropdown-menu .divider {

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

  }

  .navbar .navbar-nav .open .dropdown-menu > li > a {

    color: rgba(88, 85, 85, 0.84);

  }

  .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {

    color: rgba(255, 255, 255, 0.84);

    background-color: transparent;

  }

  .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: rgba(255, 255, 255, 0.84);

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

  }

  .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #E5E5E5;

    background-color: transparent;

  }

}



.navbar .navbar-link {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-link:hover {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-link {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-link:hover, .navbar .navbar-link:focus {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-link[disabled]:hover, .navbar .navbar-link[disabled]:focus,

fieldset[disabled] .navbar .navbar-link:hover,

fieldset[disabled] .navbar .navbar-link:focus {

  color: #E5E5E5;

}



.navbar .navbar-form {

  margin-top: 0;

  margin-bottom: 0;

}



.navbar .navbar-form .form-control-wrapper .form-control, .navbar .navbar-form .form-control {

  border-color: rgba(255, 255, 255, 0.84);

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-form .form-control-wrapper .material-input:before, .navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after {

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

}



.navbar .navbar-form ::-webkit-input-placeholder {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-form :-moz-placeholder {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-form ::-moz-placeholder {

  color: rgba(255, 255, 255, 0.84);

}



.navbar .navbar-form :-ms-input-placeholder {

  color: rgba(255, 255, 255, 0.84);

}



.navbar-inverse {

  background-color: #5264AE;

}



.navbar-white {

  background-color: #FFF;

}



.navbar-white .navbar-brand, .navbar-white .navbar-brand:hover, .navbar-white .navbar-brand:focus {

  color: rgba(0, 0, 0, 0.84);

}



.navbar-white .navbar-nav > li > a {

  color: rgba(0, 0, 0, 0.84);

}



.navbar-white .navbar-nav > li > a:hover, .navbar-white .navbar-nav > li > a:focus {

  color: rgba(0, 0, 0, 0.84);

  background-color: transparent;

}



.navbar-white .navbar-nav > .active > a, .navbar-white .navbar-nav > .active > a:hover, .navbar-white .navbar-nav > .active > a:focus {

  color: rgba(0, 0, 0, 0.84);

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

}



.navbar-white .navbar-nav > .disabled > a, .navbar-white .navbar-nav > .disabled > a:hover, .navbar-white .navbar-nav > .disabled > a:focus {

  color: rgba(0, 0, 0, 0.84);

  background-color: transparent;

}



.navbar-white .navbar-nav > .open > a, .navbar-white .navbar-nav > .open > a:hover, .navbar-white .navbar-nav > .open > a:focus {

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

  color: rgba(0, 0, 0, 0.84);

}



@media (min-width: 767px) {

  .navbar-fixed-top {

    padding: 10px 0;

    background-color: transparent;

    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;

    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;

    transition: background .5s ease-in-out, padding .5s ease-in-out;

    z-index: 10;

  }

  .navbar-fixed-top .navbar-nav > li {

    color: #666666;

    font-size: 20px;

    transition-duration: 1s;

  }

  .top-nav-collapse {

    padding: 0;

    background-color: inherit;

  }

  .top-nav-collapse .navbar-nav > li > a {

    color: #fff;

    transition-duration: 1s;

    font-size: 20px;

  }

}



/*********************

  Shadows

**********************/

.z-depth-0 {

  box-shadow: none !important;

}



.z-depth-1, .btn, .btn-floating, .card-panel, .card, .dropdown-content, .dropdown-menu {

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

}



.z-depth-1-half, .btn:hover, .btn-floating:hover {

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

}



.z-depth-2 {

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

}



.z-depth-3 {

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

}



.z-depth-4 {

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

}



.z-depth-5 {

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

}



.hoverable:hover {

  transition: box-shadow .25s;

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

}



/*********************

  Typography

**********************/

a {

  text-decoration: none;

}










em {

  font-style: italic;

}



strong {

  font-weight: 700;

}



small {

  font-size: 75%;

}



.thin-100 {

  font-weight: 100;

}



.thin-100-italic {

  font-weight: 100;

  font-style: italic;

}



.light-300 {

  font-weight: 300;

}



.light-300-italic {

  font-weight: 300;

  font-style: italic;

}



.normal-400 {

  font-weight: 400;

}



.normal-400-italic {

  font-weight: 400;

  font-style: italic;

}



.medium-500 {

  font-weight: 500;

}



.medium-500-italic {

  font-weight: 500;

  font-style: italic;

}



.bold-700 {

  font-weight: 700;

}



.bold-700-italic {

  font-weight: 700;

  font-style: italic;

}



.ultra-bold-900 {

  font-weight: 900;

}



.ultra-bold-900-italic {

  font-weight: 900;

  font-style: italic;

}



.flow-text {

  font-weight: 300;

}



@media only screen and (min-width: 360px) {

  .flow-text {

    font-size: 1.2rem;

  }

}



@media only screen and (min-width: 390px) {

  .flow-text {

    font-size: 1.224rem;

  }

}



@media only screen and (min-width: 420px) {

  .flow-text {

    font-size: 1.248rem;

  }

}



@media only screen and (min-width: 450px) {

  .flow-text {

    font-size: 1.272rem;

  }

}



@media only screen and (min-width: 480px) {

  .flow-text {

    font-size: 1.296rem;

  }

}



@media only screen and (min-width: 510px) {

  .flow-text {

    font-size: 1.32rem;

  }

}



@media only screen and (min-width: 540px) {

  .flow-text {

    font-size: 1.344rem;

  }

}



@media only screen and (min-width: 570px) {

  .flow-text {

    font-size: 1.368rem;

  }

}



@media only screen and (min-width: 600px) {

  .flow-text {

    font-size: 1.392rem;

  }

}



@media only screen and (min-width: 630px) {

  .flow-text {

    font-size: 1.416rem;

  }

}



@media only screen and (min-width: 660px) {

  .flow-text {

    font-size: 1.44rem;

  }

}



@media only screen and (min-width: 690px) {

  .flow-text {

    font-size: 1.464rem;

  }

}



@media only screen and (min-width: 720px) {

  .flow-text {

    font-size: 1.488rem;

  }

}



@media only screen and (min-width: 750px) {

  .flow-text {

    font-size: 1.512rem;

  }

}



@media only screen and (min-width: 780px) {

  .flow-text {

    font-size: 1.536rem;

  }

}



@media only screen and (min-width: 810px) {

  .flow-text {

    font-size: 1.56rem;

  }

}



@media only screen and (min-width: 840px) {

  .flow-text {

    font-size: 1.584rem;

  }

}



@media only screen and (min-width: 870px) {

  .flow-text {

    font-size: 1.608rem;

  }

}



@media only screen and (min-width: 900px) {

  .flow-text {

    font-size: 1.632rem;

  }

}



@media only screen and (min-width: 930px) {

  .flow-text {

    font-size: 1.656rem;

  }

}



@media only screen and (min-width: 960px) {

  .flow-text {

    font-size: 1.68rem;

  }

}



@media only screen and (max-width: 360px) {

  .flow-text {

    font-size: 1.2rem;

  }

}



/* Responsive Headings */

@media only screen and (max-width: 480px) {

  .h1-responsive {

    font-size: 2.18rem;

  }

  .h2-responsive {

    font-size: 1.84rem;

  }

  .h3-responsive {

    font-size: 1.7rem;

  }

  .h4-responsive {

    font-size: 1.3rem;

  }

  .h5-responsive {

    font-size: 1.1rem;

  }

}



/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {

  .h1-responsive {

    font-size: 2.28rem;

  }

  .h2-responsive {

    font-size: 1.94rem;

  }

  .h3-responsive {

    font-size: 1.6rem;

  }

  .h4-responsive {

    font-size: 1.4rem;

  }

  .h5-responsive {

    font-size: 1.2rem;

  }

}



/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {

  .h1-responsive {

    font-size: 2.92rem;

  }

  .h2-responsive {

    font-size: 2.28rem;

  }

  .h3-responsive {

    font-size: 1.94rem;

  }

  .h4-responsive {

    font-size: 1.4rem;

  }

  .h5-responsive {

    font-size: 1.15rem;

  }

}



/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {

  .h1-responsive {

    font-size: 3.56rem;

  }

  .h2-responsive {

    font-size: 2.92rem;

  }

  .h3-responsive {

    font-size: 2.28rem;

  }

  .h4-responsive {

    font-size: 1.64rem;

  }

  .h5-responsive {

    font-size: 1.2rem;

  }

}



/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {

  .h1-responsive {

    font-size: 4.2rem;

  }

  .h2-responsive {

    font-size: 3.56rem;

  }

  .h3-responsive {

    font-size: 2.92rem;

  }

  .h4-responsive {

    font-size: 2.28rem;

  }

  .h5-responsive {

    font-size: 1.64rem;

  }

}



/*********************

  Cards

**********************/

.card-panel {

  transition: box-shadow .25s;

  padding: 30px 20px 20px 20px;

  margin: 1.5rem 0 1rem 0;

  border-radius: 2px;

  background-color: #fff;

}



.card {

  position: relative;

  overflow: hidden;

  margin: 0.5rem 0 1rem 0;

  background-color: #fff;

  transition: box-shadow .25s;

  border-radius: 2px;

}



.card .card-title {

  color: #fff;

  font-size: 24px;

  font-weight: 300;

}



.card .card-title.activator {

  cursor: pointer;

}



.card.small, .card.medium, .card.large {

  position: relative;

}



.card.small .card-image, .card.medium .card-image, .card.large .card-image {

  overflow: hidden;

}



.card.small .card-content, .card.medium .card-content, .card.large .card-content {

  overflow: hidden;

}



.card.small .card-action, .card.medium .card-action, .card.large .card-action {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}



.card.small {

  height: 300px;

}



.card.small .card-image {

  height: 150px;

}



.card.small .card-content {

  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 {

  border-radius: 2px 2px 0 0;

  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;

  border-radius: 0 0 2px 2px;

}



.card .card-content h5 {

  padding-bottom: 10px;

  border-bottom: 1px solid #eeeeee;

}



.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, 0.2);

  padding: 20px;

}



.card .card-action a {

  color: #ffab40;

  margin-right: 20px;

  -webkit-transition: color 0.3s ease;

  -moz-transition: color 0.3s ease;

  -o-transition: color 0.3s ease;

  -ms-transition: color 0.3s ease;

  transition: color 0.3s ease;

  text-transform: uppercase;

}



.card .card-action a:hover {

  color: #ffd8a6;

}



.card .card-btn {

  border-top: 1px solid #eee;

  padding-top: 10px;

  margin-top: 10px;

  margin-bottom: 10px;

}



/*********************

Dropdowns

**********************/

.dropdown-content {

  background-color: #fff;

  margin: 0;

  display: none;

  min-width: 100px;

  max-height: 650px;

  overflow-y: auto;

  opacity: 0;

  position: absolute;

  z-index: 999;

  will-change: width, height;

}



.dropdown-content li {

  clear: both;

  color: rgba(0, 0, 0, 0.87);

  cursor: pointer;

  line-height: 1.5rem;

  width: 100%;

  text-align: left;

  text-transform: none;

}



.dropdown-content li:hover, .dropdown-content li.active {

  background-color: #eee;

}



.dropdown-content li > a, .dropdown-content li > span {

  font-size: 1.2rem;

  color: #4285F4;

  display: block;

  padding: 1rem 1rem;

}



.dropdown-content li > a > i {

  height: inherit;

  line-height: inherit;

}



.dropdown-menu {

  border-radius: 0;

}



.dropdown-menu li {

  clear: both;

  color: rgba(0, 0, 0, 0.87);

  cursor: pointer;

  line-height: 1.5rem;

  width: 100%;

  text-align: left;

  text-transform: none;

}



.dropdown-menu li:hover, .dropdown-menu li.active {

  background-color: #eee;

}







.dropdown-menu li > a > i {

  height: inherit;

  line-height: inherit;

}



/*********************

  Tooltip

**********************/

.tooltip {

  line-height: 1.5;

  font-family: "Roboto", sans-serif;

  font-weight: 300;

}



.tooltip .tooltip-arrow {

  border-top-color: #222;

  margin: 1px;

}



.tooltip > .tooltip-inner {

  background-color: #222;

  color: #FFFFFF;

  border: 1px solid #222;

  padding: 15px;

  font-size: 20px;

  border-radius: 0px;

}



.tooltip.right .tooltip-arrow {

  top: 50%;

  left: 0;

  margin-top: -5px;

  border-right-color: #000000;

  border-width: 5px 5px 5px 0;

}



.popover {

  z-index: 999;

  color: #FFF;

  display: inline-block;

  font-size: 1.6rem;

  line-height: 1.5;

  font-family: "Roboto", sans-serif;

  font-weight: 300;

  max-width: 170px;

  padding: 8px;

  text-align: center;

  background-color: #222;

}



.popover-title {

  background-color: #222;

  color: #FFFFFF;

  border: 1px solid #222;

  padding: 15px;

  font-size: 20px;

  border-radius: 0px;

}



.popover-content {

  background-color: #222;

  color: #FFFFFF;

  border: 1px solid #222;

  padding: 15px;

  font-size: 20px;

  border-radius: 0px;

}



.popover > .arrow,

.popover > .arrow:after {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

  color: #222;

}



.popover > .arrow {

  border-width: 11px;

}



.popover > .arrow:after {

  content: "";

  border-width: 10px;

}



.popover.top > .arrow {

  bottom: -11px;

  left: 50%;

  margin-left: -11px;

  border-top-color: #999;

  border-top-color: rgba(0, 0, 0, 0.25);

  border-bottom-width: 0;

}



.popover.top > .arrow:after {

  bottom: 1px;

  margin-left: -10px;

  content: " ";

  border-top-color: #222;

  border-bottom-width: 0;

}



.popover.right > .arrow {

  top: 50%;

  left: -11px;

  margin-top: -11px;

  border-right-color: #999;

  border-right-color: rgba(0, 0, 0, 0.25);

  border-left-width: 0;

}



.popover.right > .arrow:after {

  bottom: -10px;

  left: 1px;

  content: " ";

  border-right-color: #222;

  border-left-width: 0;

}



.popover.bottom > .arrow {

  top: -11px;

  left: 50%;

  margin-left: -11px;

  border-top-width: 0;

  border-bottom-color: #999;

  border-bottom-color: rgba(0, 0, 0, 0.25);

}



.popover.bottom > .arrow:after {

  top: 1px;

  margin-left: -10px;

  content: " ";

  border-top-width: 0;

  border-bottom-color: #222;

}



.popover.left > .arrow {

  top: 50%;

  right: -11px;

  margin-top: -11px;

  border-right-width: 0;

  border-left-color: #999;

  border-left-color: rgba(0, 0, 0, 0.25);

}



.popover.left > .arrow:after {

  right: 1px;

  bottom: -10px;

  content: " ";

  border-right-width: 0;

  border-left-color: #222;

}



.mdl-tooltip {

  transform: scale(0);

  transform-origin: top center;

  will-change: transform;

  z-index: 999;

  background: #700;

  border-radius: 2px;

  color: #FFF;

  display: inline-block;

  font-size: 1.6rem;

  font-weight: 500;

  line-height: 14px;

  max-width: 170px;

  position: fixed;

  top: -500px;

  left: -500px;

  padding: 8px;

  text-align: center;

}



.mdl-tooltip.is-active {

  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;

}



.mdl-tooltip--large {

  line-height: 14px;

  font-size: 2rem;

  padding: 16px;

}



@keyframes pulse {

  0% {

    transform: scale(0);

    opacity: 0;

  }

  50% {

    transform: scale(0.99);

  }

  100% {

    transform: scale(1);

    opacity: 1;

    visibility: visible;

  }

}



/*********************

  Scrollspy

**********************/

@media (min-width: 768px) {

  .scrollspy {

    padding-left: 20px;

  }

}



#scrollspy {

  margin-top: 20px;

  margin-bottom: 20px;

}



#scrollspy .nav > li > a {

  display: block;

  padding: 4px 20px;

  font-size: 13px;

  font-weight: 500;

  color: #767676;

  border-radius: 0px;

}



#scrollspy .nav > li > a:focus,

#scrollspy .nav > li > a:hover {

  padding-left: 19px;

  color: #563d7c;

  text-decoration: none;

  background-color: transparent;

  border-left: 1px solid #563d7c;

}



#scrollspy .nav > .active:focus > a,

#scrollspy .nav > .active:hover > a,

#scrollspy .nav > .active > a {

  padding-left: 18px;

  font-weight: 700;

  color: #563d7c;

  background-color: transparent;

  border-left: 2px solid #563d7c;

}



#scrollspy .nav .nav > li > a {

  padding-top: 1px;

  padding-bottom: 1px;

  padding-left: 30px;

  font-size: 12px;

  font-weight: 400;

}



#scrollspy .nav .nav > li > a:focus,

#scrollspy .nav .nav > li > a:hover {

  padding-left: 29px;

}



#scrollspy .nav .nav > .active:focus > a,

#scrollspy .nav .nav > .active:hover > a,

#scrollspy .nav .nav > .active > a {

  padding-left: 28px;

  font-weight: 500;

}



/*********************

  Pagination

**********************/

.pagination li {

  float: left;

  font-size: 1.2rem;

  line-height: 30px;

  border-radius: 2px;

  text-align: center;

}



.pagination li .active {

  background-color: #ee6e73;

}



.pagination li a {

  border: 0;

  color: #444;

}



.pagination li a:active {

  color: #000;

}



.pagination li a:hover {

  background-color: transparent;

}



.pagination-dark li {

  float: left;

  font-size: 1.2rem;

  line-height: 30px;

  border-radius: 2px;

  text-align: center;

}



.pagination-dark li .active {

  background-color: #ee6e73;

}



.pagination-dark li a {

  border: 0;

  color: #eee;

  background-color: transparent;

}



.pagination-dark li a:active {

  color: #000;

}



.pagination-dark li a:hover {

  background-color: transparent;

}



.pag-circle .active a {

  border-radius: 50%;

}



/*********************

  Panels

**********************/

.panel-default .panel-heading {

  background-color: transparent;

  border-radius: 0px;

}



.panel-group {

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

}



.panel-group .panel {

  border-radius: 0px;

}



.panel-group .panel + .panel {

  margin-top: 0px;

  border-top: 0px;

  border-bottom: 1px solid #ddd;

}



/*********************

Carousel

**********************/

.carousel-caption h3:first-child {

  animation-delay: 1s;

}



.carousel-caption h3:nth-child(2) {

  animation-delay: 2s;

}



.carousel-caption button {

  animation-delay: 3s;

}



.carousel-control:hover {

  -webkit-transition-duration: 400ms;

  -moz-transition-duration: 400ms;

  -o-transition-duration: 400ms;

  -ms-transition-duration: 400ms;

  transition-duration: 400ms;

}



.carousel-fade .carousel-inner .item {

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  -ms-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-duration: 1000ms;

  -moz-transition-duration: 1000ms;

  -o-transition-duration: 1000ms;

  -ms-transition-duration: 1000ms;

  transition-duration: 1000ms;

}



.carousel-fade .carousel-inner .item,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  opacity: 0;

}



.carousel-fade .carousel-inner .active,

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}



.carousel-fade .carousel-inner .next,

.carousel-fade .carousel-inner .prev,

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  transform: translate3d(0, 0, 0);

}



.carousel-fade .carousel-control {

  z-index: 2;

}



.carousel-control .icon-prev,

.carousel-control .icon-next,

.carousel-control .fa-angle-left,

.carousel-control .fa-angle-right {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

  margin-top: -10px;

}



.carousel-control .icon-prev,

.carousel-control .fa-angle-left {

  left: 50%;

  margin-left: -10px;

}



.carousel-control .icon-next,

.carousel-control .fa-angle-right {

  right: 50%;

  margin-right: -10px;

}



.carousel-control .fa {

  font-size: 50px;

  top: 50%;

  z-index: 5;

  display: inline-block;

  margin-top: -10px;

}



.carousel-full-bg .carousel-indicators {

  margin-bottom: 1em;

}



.carousel-full-bg .carousel-caption {

  margin-bottom: 8em;

}



/*.carousel .carousel-indicators li {

  height: 20px;

  width: 20px;

}*/



/*.carousel .carousel-indicators .active {

  height: 20px;

  width: 20px;

  background-color: #fff;

}
*/


.carousel-caption {

  margin-bottom: 3em;

}



.carousel-widget .carousel-indicators li {

  height: 15px;

  width: 15px;

}



.carousel-widget .carousel-indicators .active {

  height: 15px;

  width: 15px;

}



.new-control .fa {

  border-radius: 50%;

  width: 60px;

  height: 60px;

  background-color: #000;

  padding-top: 3px;

}



@media only screen and (max-width: 600px) {

  .new-control .fa {

    border-radius: 50%;

    width: 33px;

    height: 33px;

    background-color: #000;

    padding-top: 3px;

  }

/*  .carousel-control .fa {

    font-size: 25px;

  }

  .carousel-indicators li {

    height: 10px;

    width: 10px;

  }*/

/*  .carousel-indicators .active {

    height: 10px;

    width: 10px;

    background-color: #fff;

  }
*/
/*  .carousel .carousel-indicators li {

    height: 10px;

    width: 10px;

  }*/

 /* .carousel .carousel-indicators .active {

    height: 10px;

    width: 10px;

    background-color: #fff;

  }
*/
  .carousel-caption {

    margin-bottom: 1em;

  }

}



.carousel-bg .carousel-caption {

  height: 85%;

}



/*!

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

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



Copyright (c) 2015 Daniel Eden

*/

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

}



.animated.bounceIn,

.animated.bounceOut {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}



.animated.flipOutX,

.animated.flipOutY {

  -webkit-animation-duration: .75s;

  animation-duration: .75s;

}



@-webkit-keyframes bounce {

  from, 20%, 53%, 80%, to {

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

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

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

    transform: translate3d(0, 0, 0);

  }

  40%, 43% {

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

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

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

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

  }

  70% {

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

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

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

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

  }

  90% {

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

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

  }

}



@keyframes bounce {

  from, 20%, 53%, 80%, to {

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

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

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

    transform: translate3d(0, 0, 0);

  }

  40%, 43% {

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

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

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

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

  }

  70% {

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

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

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

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

  }

  90% {

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

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

  }

}



.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce;

  -webkit-transform-origin: center bottom;

  transform-origin: center bottom;

}



@-webkit-keyframes flash {

  from, 50%, to {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}



@keyframes flash {

  from, 50%, to {

    opacity: 1;

  }

  25%, 75% {

    opacity: 0;

  }

}



.flash {

  -webkit-animation-name: flash;

  animation-name: flash;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {

  from {

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

    transform: scale3d(1, 1, 1);

  }

  50% {

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

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

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

    transform: scale3d(1, 1, 1);

  }

}



@keyframes pulse {

  from {

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

    transform: scale3d(1, 1, 1);

  }

  50% {

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

    transform: scale3d(1.05, 1.05, 1.05);

  }

  to {

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

    transform: scale3d(1, 1, 1);

  }

}



.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse;

}



@-webkit-keyframes rubberBand {

  from {

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

    transform: scale3d(1, 1, 1);

  }

  30% {

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

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

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

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

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

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

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

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

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

    transform: scale3d(1.05, 0.95, 1);

  }

  to {

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

    transform: scale3d(1, 1, 1);

  }

}



@keyframes rubberBand {

  from {

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

    transform: scale3d(1, 1, 1);

  }

  30% {

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

    transform: scale3d(1.25, 0.75, 1);

  }

  40% {

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

    transform: scale3d(0.75, 1.25, 1);

  }

  50% {

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

    transform: scale3d(1.15, 0.85, 1);

  }

  65% {

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

    transform: scale3d(0.95, 1.05, 1);

  }

  75% {

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

    transform: scale3d(1.05, 0.95, 1);

  }

  to {

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

    transform: scale3d(1, 1, 1);

  }

}



.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand;

}



@-webkit-keyframes shake {

  from, to {

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

    transform: translate3d(0, 0, 0);

  }

  10%, 30%, 50%, 70%, 90% {

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

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

  }

  20%, 40%, 60%, 80% {

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

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

  }

}



@keyframes shake {

  from, to {

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

    transform: translate3d(0, 0, 0);

  }

  10%, 30%, 50%, 70%, 90% {

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

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

  }

  20%, 40%, 60%, 80% {

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

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

  }

}



.shake {

  -webkit-animation-name: shake;

  animation-name: shake;

}



@-webkit-keyframes swing {

  20% {

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

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

  }

  40% {

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

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

  }

  60% {

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

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

  }

  80% {

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

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

  }

  to {

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

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

  }

}



@keyframes swing {

  20% {

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

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

  }

  40% {

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

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

  }

  60% {

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

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

  }

  80% {

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

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

  }

  to {

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

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

  }

}



.swing {

  -webkit-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing;

}



@-webkit-keyframes tada {

  from {

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

    transform: scale3d(1, 1, 1);

  }

  10%, 20% {

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

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

  }

  30%, 50%, 70%, 90% {

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

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

  }

  40%, 60%, 80% {

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

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

  }

  to {

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

    transform: scale3d(1, 1, 1);

  }

}



@keyframes tada {

  from {

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

    transform: scale3d(1, 1, 1);

  }

  10%, 20% {

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

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

  }

  30%, 50%, 70%, 90% {

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

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

  }

  40%, 60%, 80% {

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

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

  }

  to {

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

    transform: scale3d(1, 1, 1);

  }

}



.tada {

  -webkit-animation-name: tada;

  animation-name: tada;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {

  from {

    -webkit-transform: none;

    transform: none;

  }

  15% {

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

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

  }

  30% {

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

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

  }

  45% {

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

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

  }

  60% {

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

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

  }

  75% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes wobble {

  from {

    -webkit-transform: none;

    transform: none;

  }

  15% {

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

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

  }

  30% {

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

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

  }

  45% {

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

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

  }

  60% {

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

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

  }

  75% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble;

}



@-webkit-keyframes jello {

  from, 11.1%, to {

    -webkit-transform: none;

    transform: none;

  }

  22.2% {

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

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

  }

  33.3% {

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

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

  }

  44.4% {

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

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

  }

  55.5% {

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

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

  }

  66.6% {

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

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

  }

  77.7% {

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

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

  }

  88.8% {

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

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

  }

}



@keyframes jello {

  from, 11.1%, to {

    -webkit-transform: none;

    transform: none;

  }

  22.2% {

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

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

  }

  33.3% {

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

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

  }

  44.4% {

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

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

  }

  55.5% {

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

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

  }

  66.6% {

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

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

  }

  77.7% {

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

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

  }

  88.8% {

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

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

  }

}



.jello {

  -webkit-animation-name: jello;

  animation-name: jello;

  -webkit-transform-origin: center;

  transform-origin: center;

}



@-webkit-keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

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

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

  }

  0% {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

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

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

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

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

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

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

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

    transform: scale3d(0.97, 0.97, 0.97);

  }

  to {

    opacity: 1;

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

    transform: scale3d(1, 1, 1);

  }

}



@keyframes bounceIn {

  from, 20%, 40%, 60%, 80%, to {

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

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

  }

  0% {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  20% {

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

    transform: scale3d(1.1, 1.1, 1.1);

  }

  40% {

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

    transform: scale3d(0.9, 0.9, 0.9);

  }

  60% {

    opacity: 1;

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

    transform: scale3d(1.03, 1.03, 1.03);

  }

  80% {

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

    transform: scale3d(0.97, 0.97, 0.97);

  }

  to {

    opacity: 1;

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

    transform: scale3d(1, 1, 1);

  }

}



.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn;

}



@-webkit-keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

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

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

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes bounceInDown {

  from, 60%, 75%, 90%, to {

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

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

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown;

}



@-webkit-keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

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

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

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes bounceInLeft {

  from, 60%, 75%, 90%, to {

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

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

  }

  0% {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft;

}



@-webkit-keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

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

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

  }

  from {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes bounceInRight {

  from, 60%, 75%, 90%, to {

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

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

  }

  from {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight;

}



@-webkit-keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

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

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

  }

  from {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



@keyframes bounceInUp {

  from, 60%, 75%, 90%, to {

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

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

  }

  from {

    opacity: 0;

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

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

  }

  60% {

    opacity: 1;

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

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

  }

  75% {

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

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

  }

  90% {

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

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

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp;

}



@-webkit-keyframes bounceOut {

  20% {

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

    transform: scale3d(0.9, 0.9, 0.9);

  }

  50%, 55% {

    opacity: 1;

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

    transform: scale3d(1.1, 1.1, 1.1);

  }

  to {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

}



@keyframes bounceOut {

  20% {

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

    transform: scale3d(0.9, 0.9, 0.9);

  }

  50%, 55% {

    opacity: 1;

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

    transform: scale3d(1.1, 1.1, 1.1);

  }

  to {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

}



.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut;

}



@-webkit-keyframes bounceOutDown {

  20% {

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

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

  }

  40%, 45% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes bounceOutDown {

  20% {

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

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

  }

  40%, 45% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown;

}



@-webkit-keyframes bounceOutLeft {

  20% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes bounceOutLeft {

  20% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft;

}



@-webkit-keyframes bounceOutRight {

  20% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes bounceOutRight {

  20% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight;

}



@-webkit-keyframes bounceOutUp {

  20% {

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

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

  }

  40%, 45% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes bounceOutUp {

  20% {

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

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

  }

  40%, 45% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

  }

}



.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp;

}



@-webkit-keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

}



@-webkit-keyframes fadeInDown {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInDown {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDownBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInDownBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig;

}



@-webkit-keyframes fadeInLeft {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

}



@-webkit-keyframes fadeInLeftBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeftBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig;

}



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}



@-webkit-keyframes fadeInRightBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRightBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig;

}



@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInUpBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUpBig {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig;

}



@-webkit-keyframes fadeOut {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}



@keyframes fadeOut {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

}



@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutDown {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

}



@-webkit-keyframes fadeOutDownBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutDownBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig;

}



@-webkit-keyframes fadeOutLeft {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutLeft {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



@-webkit-keyframes fadeOutLeftBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutLeftBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig;

}



@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutRight {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

}



@-webkit-keyframes fadeOutRightBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutRightBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig;

}



@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutUp {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}



@-webkit-keyframes fadeOutUpBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes fadeOutUpBig {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig;

}



@-webkit-keyframes flip {

  from {

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

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

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

    animation-timing-function: ease-out;

  }

  40% {

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

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

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

    animation-timing-function: ease-out;

  }

  50% {

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

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

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

    animation-timing-function: ease-in;

  }

  80% {

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

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

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

    animation-timing-function: ease-in;

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

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

    animation-timing-function: ease-in;

  }

}



@keyframes flip {

  from {

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

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

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

    animation-timing-function: ease-out;

  }

  40% {

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

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

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

    animation-timing-function: ease-out;

  }

  50% {

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

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

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

    animation-timing-function: ease-in;

  }

  80% {

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

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

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

    animation-timing-function: ease-in;

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

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

    animation-timing-function: ease-in;

  }

}



.animated.flip {

  -webkit-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip;

}



@-webkit-keyframes flipInX {

  from {

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

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

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

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

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

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

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

    animation-timing-function: ease-in;

  }

  60% {

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

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

    opacity: 1;

  }

  80% {

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

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

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



@keyframes flipInX {

  from {

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

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

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

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

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

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

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

    animation-timing-function: ease-in;

  }

  60% {

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

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

    opacity: 1;

  }

  80% {

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

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

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



.flipInX {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX;

}



@-webkit-keyframes flipInY {

  from {

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

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

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

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

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

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

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

    animation-timing-function: ease-in;

  }

  60% {

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

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

    opacity: 1;

  }

  80% {

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

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

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



@keyframes flipInY {

  from {

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

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

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

    animation-timing-function: ease-in;

    opacity: 0;

  }

  40% {

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

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

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

    animation-timing-function: ease-in;

  }

  60% {

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

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

    opacity: 1;

  }

  80% {

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

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

  }

  to {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

}



.flipInY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY;

}



@-webkit-keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

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

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



@keyframes flipOutX {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

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

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

}



@-webkit-keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

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

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



@keyframes flipOutY {

  from {

    -webkit-transform: perspective(400px);

    transform: perspective(400px);

  }

  30% {

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

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



.flipOutY {

  -webkit-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY;

}



@-webkit-keyframes lightSpeedIn {

  from {

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

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

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

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

    transform: skewX(-5deg);

    opacity: 1;

  }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes lightSpeedIn {

  from {

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

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

    opacity: 0;

  }

  60% {

    -webkit-transform: skewX(20deg);

    transform: skewX(20deg);

    opacity: 1;

  }

  80% {

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

    transform: skewX(-5deg);

    opacity: 1;

  }

  to {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

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

  animation-timing-function: ease-out;

}



@-webkit-keyframes lightSpeedOut {

  from {

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



@keyframes lightSpeedOut {

  from {

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

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

  animation-timing-function: ease-in;

}



@-webkit-keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes rotateIn {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn;

}



@-webkit-keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes rotateInDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft;

}



@-webkit-keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes rotateInDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight;

}



@-webkit-keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes rotateInUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft;

}



@-webkit-keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



@keyframes rotateInUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: none;

    transform: none;

    opacity: 1;

  }

}



.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight;

}



@-webkit-keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

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

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

    opacity: 0;

  }

}



@keyframes rotateOut {

  from {

    -webkit-transform-origin: center;

    transform-origin: center;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: center;

    transform-origin: center;

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

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

    opacity: 0;

  }

}



.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut;

}



@-webkit-keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

}



@keyframes rotateOutDownLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

}



.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft;

}



@-webkit-keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

}



@keyframes rotateOutDownRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

}



.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight;

}



@-webkit-keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

}



@keyframes rotateOutUpLeft {

  from {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

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

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

    opacity: 0;

  }

}



.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft;

}



@-webkit-keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

}



@keyframes rotateOutUpRight {

  from {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    opacity: 1;

  }

  to {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

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

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

    opacity: 0;

  }

}



.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight;

}



@-webkit-keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

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

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

  }

  20%, 60% {

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

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

    -webkit-transform-origin: top left;

    transform-origin: top left;

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

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

  }

  40%, 80% {

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

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

    -webkit-transform-origin: top left;

    transform-origin: top left;

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

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



@keyframes hinge {

  0% {

    -webkit-transform-origin: top left;

    transform-origin: top left;

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

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

  }

  20%, 60% {

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

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

    -webkit-transform-origin: top left;

    transform-origin: top left;

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

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

  }

  40%, 80% {

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

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

    -webkit-transform-origin: top left;

    transform-origin: top left;

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

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

    opacity: 1;

  }

  to {

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

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

    opacity: 0;

  }

}



.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes rollIn {

  from {

    opacity: 0;

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

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

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



@keyframes rollOut {

  from {

    opacity: 1;

  }

  to {

    opacity: 0;

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

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

  }

}



.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut;

}



@-webkit-keyframes zoomIn {

  from {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}



@keyframes zoomIn {

  from {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  50% {

    opacity: 1;

  }

}



.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}



@-webkit-keyframes zoomInDown {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



@keyframes zoomInDown {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown;

}



@-webkit-keyframes zoomInLeft {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



@keyframes zoomInLeft {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft;

}



@-webkit-keyframes zoomInRight {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



@keyframes zoomInRight {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight;

}



@-webkit-keyframes zoomInUp {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



@keyframes zoomInUp {

  from {

    opacity: 0;

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

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

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

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

  }

  60% {

    opacity: 1;

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

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

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

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

  }

}



.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp;

}



@-webkit-keyframes zoomOut {

  from {

    opacity: 1;

  }

  50% {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  to {

    opacity: 0;

  }

}



@keyframes zoomOut {

  from {

    opacity: 1;

  }

  50% {

    opacity: 0;

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

    transform: scale3d(0.3, 0.3, 0.3);

  }

  to {

    opacity: 0;

  }

}



.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut;

}



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

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

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

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

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

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

  }

}



@keyframes zoomOutDown {

  40% {

    opacity: 1;

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

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

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

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

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

  }

}



.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown;

}



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}



@keyframes zoomOutLeft {

  40% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: left center;

    transform-origin: left center;

  }

}



.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft;

}



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}



@keyframes zoomOutRight {

  40% {

    opacity: 1;

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: right center;

    transform-origin: right center;

  }

}



.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight;

}



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

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

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

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

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

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

  }

}



@keyframes zoomOutUp {

  40% {

    opacity: 1;

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

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

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

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

  }

  to {

    opacity: 0;

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

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

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom;

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

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

  }

}



.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp;

}



@-webkit-keyframes slideInDown {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInDown {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown;

}



@-webkit-keyframes slideInLeft {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInLeft {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft;

}



@-webkit-keyframes slideInRight {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInRight {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight;

}



@-webkit-keyframes slideInUp {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



@keyframes slideInUp {

  from {

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

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

    visibility: visible;

  }

  to {

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

    transform: translate3d(0, 0, 0);

  }

}



.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp;

}



@-webkit-keyframes slideOutDown {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



@keyframes slideOutDown {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown;

}



@-webkit-keyframes slideOutLeft {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



@keyframes slideOutLeft {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft;

}



@-webkit-keyframes slideOutRight {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



@keyframes slideOutRight {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight;

}



@-webkit-keyframes slideOutUp {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



@keyframes slideOutUp {

  from {

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

    transform: translate3d(0, 0, 0);

  }

  to {

    visibility: hidden;

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

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

  }

}



.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp;

}



/***************************

Forms basic

****************************/

::-webkit-input-placeholder {

  color: #d1d1d1;

}



:-moz-placeholder {

  /* Firefox 18- */

  color: #d1d1d1;

}



::-moz-placeholder {

  /* Firefox 19+ */

  color: #d1d1d1;

}



:-ms-input-placeholder {

  color: #d1d1d1;

}



input[type=text],

input[type=password],

input[type=email],

input[type=url],

input[type=time],

input[type=date],

input[type=datetime-local],

input[type=tel],

input[type=number],

input[type=search-md],

textarea.materialize-textarea {

  background-color: transparent;

  border: none;

  border-bottom: 1px solid #9e9e9e;

  border-radius: 0;

  outline: none;

  height: 3rem;

  width: 100%;

  font-size: 1rem;

  margin: 0 0 15px 0;

  padding: 0;

  box-shadow: none;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  transition: all .3s;

}



input[type=text]:disabled, input[type=text][readonly="readonly"],

input[type=password]:disabled,

input[type=password][readonly="readonly"],

input[type=email]:disabled,

input[type=email][readonly="readonly"],

input[type=url]:disabled,

input[type=url][readonly="readonly"],

input[type=time]:disabled,

input[type=time][readonly="readonly"],

input[type=date]:disabled,

input[type=date][readonly="readonly"],

input[type=datetime-local]:disabled,

input[type=datetime-local][readonly="readonly"],

input[type=tel]:disabled,

input[type=tel][readonly="readonly"],

input[type=number]:disabled,

input[type=number][readonly="readonly"],

input[type=search-md]:disabled,

input[type=search-md][readonly="readonly"],

textarea.materialize-textarea:disabled,

textarea.materialize-textarea[readonly="readonly"] {

  color: rgba(0, 0, 0, 0.26);

  border-bottom: 1px dotted rgba(0, 0, 0, 0.26);

}



input[type=text]:disabled + label,

input[type=text][readonly="readonly"] + label,

input[type=password]:disabled + label,

input[type=password][readonly="readonly"] + label,

input[type=email]:disabled + label,

input[type=email][readonly="readonly"] + label,

input[type=url]:disabled + label,

input[type=url][readonly="readonly"] + label,

input[type=time]:disabled + label,

input[type=time][readonly="readonly"] + label,

input[type=date]:disabled + label,

input[type=date][readonly="readonly"] + label,

input[type=datetime-local]:disabled + label,

input[type=datetime-local][readonly="readonly"] + label,

input[type=tel]:disabled + label,

input[type=tel][readonly="readonly"] + label,

input[type=number]:disabled + label,

input[type=number][readonly="readonly"] + label,

input[type=search-md]:disabled + label,

input[type=search-md][readonly="readonly"] + label,

textarea.materialize-textarea:disabled + label,

textarea.materialize-textarea[readonly="readonly"] + label {

  color: rgba(0, 0, 0, 0.26);

}



input[type=text]:focus:not([readonly]),

input[type=password]:focus:not([readonly]),

input[type=email]:focus:not([readonly]),

input[type=url]:focus:not([readonly]),

input[type=time]:focus:not([readonly]),

input[type=date]:focus:not([readonly]),

input[type=datetime-local]:focus:not([readonly]),

input[type=tel]:focus:not([readonly]),

input[type=number]:focus:not([readonly]),

input[type=search-md]:focus:not([readonly]),

textarea.materialize-textarea:focus:not([readonly]) {

  border-bottom: 1px solid #4285F4;

  box-shadow: 0 1px 0 0 #4285F4;

}



input[type=text]:focus:not([readonly]) + label,

input[type=password]:focus:not([readonly]) + label,

input[type=email]:focus:not([readonly]) + label,

input[type=url]:focus:not([readonly]) + label,

input[type=time]:focus:not([readonly]) + label,

input[type=date]:focus:not([readonly]) + label,

input[type=datetime-local]:focus:not([readonly]) + label,

input[type=tel]:focus:not([readonly]) + label,

input[type=number]:focus:not([readonly]) + label,

input[type=search-md]:focus:not([readonly]) + label,

textarea.materialize-textarea:focus:not([readonly]) + label {

  color: #4285F4;

}



input[type=text].valid, input[type=text]:focus.valid,

input[type=password].valid,

input[type=password]:focus.valid,

input[type=email].valid,

input[type=email]:focus.valid,

input[type=url].valid,

input[type=url]:focus.valid,

input[type=time].valid,

input[type=time]:focus.valid,

input[type=date].valid,

input[type=date]:focus.valid,

input[type=datetime-local].valid,

input[type=datetime-local]:focus.valid,

input[type=tel].valid,

input[type=tel]:focus.valid,

input[type=number].valid,

input[type=number]:focus.valid,

input[type=search-md].valid,

input[type=search-md]:focus.valid,

textarea.materialize-textarea.valid,

textarea.materialize-textarea:focus.valid {

  border-bottom: 1px solid #00C851;

  box-shadow: 0 1px 0 0 #00C851;

}



input[type=text].valid + label:after,

input[type=text]:focus.valid + label:after,

input[type=password].valid + label:after,

input[type=password]:focus.valid + label:after,

input[type=email].valid + label:after,

input[type=email]:focus.valid + label:after,

input[type=url].valid + label:after,

input[type=url]:focus.valid + label:after,

input[type=time].valid + label:after,

input[type=time]:focus.valid + label:after,

input[type=date].valid + label:after,

input[type=date]:focus.valid + label:after,

input[type=datetime-local].valid + label:after,

input[type=datetime-local]:focus.valid + label:after,

input[type=tel].valid + label:after,

input[type=tel]:focus.valid + label:after,

input[type=number].valid + label:after,

input[type=number]:focus.valid + label:after,

input[type=search-md].valid + label:after,

input[type=search-md]:focus.valid + label:after,

textarea.materialize-textarea.valid + label:after,

textarea.materialize-textarea:focus.valid + label:after {

  content: attr(data-success);

  color: #00C851;

  opacity: 1;

}



input[type=text].invalid, input[type=text]:focus.invalid,

input[type=password].invalid,

input[type=password]:focus.invalid,

input[type=email].invalid,

input[type=email]:focus.invalid,

input[type=url].invalid,

input[type=url]:focus.invalid,

input[type=time].invalid,

input[type=time]:focus.invalid,

input[type=date].invalid,

input[type=date]:focus.invalid,

input[type=datetime-local].invalid,

input[type=datetime-local]:focus.invalid,

input[type=tel].invalid,

input[type=tel]:focus.invalid,

input[type=number].invalid,

input[type=number]:focus.invalid,

input[type=search-md].invalid,

input[type=search-md]:focus.invalid,

textarea.materialize-textarea.invalid,

textarea.materialize-textarea:focus.invalid {

  border-bottom: 1px solid #F44336;

  box-shadow: 0 1px 0 0 #F44336;

}



input[type=text].invalid + label:after,

input[type=text]:focus.invalid + label:after,

input[type=password].invalid + label:after,

input[type=password]:focus.invalid + label:after,

input[type=email].invalid + label:after,

input[type=email]:focus.invalid + label:after,

input[type=url].invalid + label:after,

input[type=url]:focus.invalid + label:after,

input[type=time].invalid + label:after,

input[type=time]:focus.invalid + label:after,

input[type=date].invalid + label:after,

input[type=date]:focus.invalid + label:after,

input[type=datetime-local].invalid + label:after,

input[type=datetime-local]:focus.invalid + label:after,

input[type=tel].invalid + label:after,

input[type=tel]:focus.invalid + label:after,

input[type=number].invalid + label:after,

input[type=number]:focus.invalid + label:after,

input[type=search-md].invalid + label:after,

input[type=search-md]:focus.invalid + label:after,

textarea.materialize-textarea.invalid + label:after,

textarea.materialize-textarea:focus.invalid + label:after {

  content: attr(data-error);

  color: #F44336;

  opacity: 1;

}



input[type=text] + label:after,

input[type=password] + label:after,

input[type=email] + label:after,

input[type=url] + label:after,

input[type=time] + label:after,

input[type=date] + label:after,

input[type=datetime-local] + label:after,

input[type=tel] + label:after,

input[type=number] + label:after,

input[type=search-md] + label:after,

textarea.materialize-textarea + label:after {

  display: block;

  content: "";

  position: absolute;

  top: 65px;

  opacity: 0;

  transition: .2s opacity ease-out, .2s color ease-out;

}



select:focus {

  outline: 1px solid white;

}



button:focus {

  outline: none;

  /*background-color: #b275d1;*/

}



label {

  font-size: 0.8rem;

  color: #333333;

}



.input-field {

  position: relative;

  margin-top: 1rem;

}



.input-field label {

  color: #333333;

  position: absolute;

  top: 0.8rem;

  left: 0.75rem;

  font-size: 1rem;

  cursor: text;

  -webkit-transition: 0.2s ease-out;

  -moz-transition: 0.2s ease-out;

  -o-transition: 0.2s ease-out;

  -ms-transition: 0.2s ease-out;

  transition: 0.2s ease-out;

}



.input-field label.active {

  font-size: 0.8rem;

  -webkit-transform: translateY(-140%);

  -moz-transform: translateY(-140%);

  -ms-transform: translateY(-140%);

  -o-transform: translateY(-140%);

  transform: translateY(-140%);

}



.input-field .prefix {

  position: absolute;

  width: 3rem;

  font-size: 2rem;

  -webkit-transition: color 0.2s;

  -moz-transition: color 0.2s;

  -o-transition: color 0.2s;

  -ms-transition: color 0.2s;

  transition: color 0.2s;

}



.input-field .prefix.active {

  color: #4285F4;

}



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

  }

}



.input-field input[type=search-md] {

  display: block;

  line-height: inherit;

  padding-left: 4rem;

  width: calc(100% - 4rem);

}



.input-field input[type=search-md]:focus {

  background-color: #fff;

  border: 0;

  box-shadow: none;

  color: #444;

}



.input-field input[type=search-md]:focus + label i,

.input-field input[type=search-md]:focus ~ .mdi-navigation-close {

  color: #444;

}



.input-field input[type=search-md] + label {

  left: 1rem;

}



.input-field input[type=search-md] ~ .mdi-navigation-close {

  position: absolute;

  top: 0;

  right: 1rem;

  color: transparent;

  cursor: pointer;

  font-size: 2rem;

  transition: .3s color;

}



textarea {

  width: 100%;

  height: 3rem;

  background-color: transparent;

}



textarea.materialize-textarea {

  overflow-y: hidden;

  /* prevents scroll bar flash */

  padding: 1.6rem 0;

  /* prevents text jump on Enter keypress */

  resize: none;

  min-height: 3rem;

}



.hiddendiv {

  display: none;

  white-space: pre-wrap;

  word-wrap: break-word;

  overflow-wrap: break-word;

  /* future version of deprecated 'word-wrap' */

  padding-top: 1.2rem;

  /* prevents text jump on Enter keypress */

}



/*********************

Video background

**********************/

.homepage-hero-module {

  border-right: none;

  border-left: none;

  position: relative;

}



.no-video .video-container video,

.touch .video-container video {

  display: none;

}



.no-video .video-container .poster,

.touch .video-container .poster {

  display: block !important;

}



.video-container {

  position: relative;

  bottom: 0%;

  left: 0%;

  height: 100%;

  width: 100%;

  overflow: hidden;

  background: #000;

}



.video-container .poster img {

  width: 100%;

  bottom: 0;

  position: absolute;

}



.video-container .filter {

  /*z-index: 100;*/

  position: absolute;

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

  width: 100%;

}



.video-container video {

  position: absolute;

  z-index: 0;

  bottom: 0;

}



.video-container video.fillWidth {

  width: 100%;

}



/*********************

  Parallax

**********************/



/* MDB HOVER EFFECTS */

.view {

  overflow: hidden;

  position: relative;

  cursor: default;

}



.view .mask,

.view .content {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

}



.view img {

  display: block;

  position: relative;

}



.overlay:hover .mask {

  opacity: 1;

}



.overlay img {

  transition: all 0.2s linear;

}



.overlay .mask {

  opacity: 0;

  transition: all 0.4s ease-in-out;

}



.pattern-1 {

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

}



.pattern-2 {

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

}



.pattern-3 {

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

}



.pattern-4 {

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

}



.pattern-5 {

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

}



.pattern-6 {

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

}



.pattern-7 {

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

}



.pattern-8 {

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

}



.pattern-9 {

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

}



.hm-blue-light .mask {

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

}



.hm-red-light .mask {

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

}



.hm-pink-light .mask {

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

}



.hm-purple-light .mask {

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

}



.hm-indigo-light .mask {

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

}



.hm-cyan-light .mask {

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

}



.hm-teal-light .mask {

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

}



.hm-green-light .mask {

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

}



.hm-lime-light .mask {

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

}



.hm-yellow-light .mask {

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

}



.hm-orange-light .mask {

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

}



.hm-brown-light .mask {

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

}



.hm-grey-light .mask {

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

}



.hm-bluegrey-light .mask {

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

}



.hm-black-light .mask {

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

}



.hm-stylish-light .mask {

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

}



.hm-white-light .mask {

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

}



.hm-blue-strong .mask {

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

}



.hm-red-strong .mask {

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

}



.hm-pink-strong .mask {

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

}



.hm-purple-strong .mask {

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

}



.hm-indigo-strong .mask {

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

}



.hm-cyan-strong .mask {

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

}



.hm-teal-strong .mask {

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

}



.hm-green-strong .mask {

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

}



.hm-lime-strong .mask {

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

}



.hm-yellow-strong .mask {

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

}



.hm-orange-strong .mask {

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

}



.hm-brown-strong .mask {

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

}



.hm-grey-strong .mask {

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

}



.hm-bluegrey-strong .mask {

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

}



.hm-black-strong .mask {

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

}



.hm-stylish-strong .mask {

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

}



.hm-white-strong .mask {

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

}



.hm-blue-slight .mask {

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

}



.hm-red-slight .mask {

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

}



.hm-pink-slight .mask {

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

}



.hm-purple-slight .mask {

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

}



.hm-indigo-slight .mask {

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

}



.hm-cyan-slight .mask {

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

}



.hm-teal-slight .mask {

  background-color: rgba(0, 150, 136, 0.1);

}



.hm-green-slight .mask {

  background-color: rgba(76, 175, 80, 0.1);

}



.hm-lime-slight .mask {

  background-color: rgba(205, 220, 57, 0.1);

}



.hm-yellow-slight .mask {

  background-color: rgba(255, 235, 59, 0.1);

}



.hm-orange-slight .mask {

  background-color: rgba(255, 152, 0, 0.1);

}



.hm-brown-slight .mask {

  background-color: rgba(121, 85, 72, 0.1);

}



.hm-grey-slight .mask {

  background-color: rgba(158, 158, 158, 0.1);

}



.hm-bluegrey-slight .mask {

  background-color: rgba(96, 125, 139, 0.1);

}



.hm-black-slight .mask {

  background-color: rgba(0, 0, 0, 0.1);

}



.hm-stylish-slight .mask {

  background-color: rgba(62, 69, 81, 0.1);

}



.hm-white-slight .mask {

  background-color: rgba(255, 255, 255, 0.1);

}



.hm-zoom img {

  transition: all 0.2s linear;

}



.hm-zoom:hover img {

  transform: scale(1.1);

}



.hm-zoom:hover .mask {

  opacity: 1;

}



/*********************

  SECTIONS AND LAYOUT

**********************/

.section-white {

  background-color: #fff;

  color: #666666;

  text-align: center;

  padding: 2.8em 0;

}



.section-white h3 {

  margin-bottom: 1.1em;

  margin-top: 1.1em;

}



.section-dark {

  background-color: #212121;

  color: #fff;

  text-align: center;

  padding: 2.8em 0;

}



.section-dark h3 {

  margin-bottom: 1.1em;

  margin-top: 1.1em;

}



.section-colored {

  color: #fff;

  text-align: center;

  padding: 2.8em 0;

}



.section-colored h3 {

  margin-bottom: 1.1em;

  margin-top: 1.1em;

}



.full-bg-img {

  height: 100%;

  margin: 0;

  padding: 0;

}



.full-bg-img .container, .full-bg-img .container-fluid {

  height: 100%;

}



.full-bg-img .view {

  height: 100%;

}



/*********************

  Waves

**********************/

/*!

 * 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 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  -ms-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.waves-effect .waves-ripple {

  position: absolute;

  border-radius: 50%;

  width: 20px;

  height: 20px;

  margin-top: -10px;

  margin-left: -10px;

  opacity: 0;

  background: rgba(0, 0, 0, 0.2);

  -webkit-transition: all 0.7s ease-out;

  -moz-transition: all 0.7s ease-out;

  -o-transition: all 0.7s ease-out;

  -ms-transition: all 0.7s ease-out;

  transition: all 0.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, 0.45);

}



.waves-effect.waves-red .waves-ripple {

  background-color: rgba(244, 67, 54, 0.7);

}



.waves-effect.waves-yellow .waves-ripple {

  background-color: rgba(255, 235, 59, 0.7);

}



.waves-effect.waves-orange .waves-ripple {

  background-color: rgba(255, 152, 0, 0.7);

}



.waves-effect.waves-purple .waves-ripple {

  background-color: rgba(156, 39, 176, 0.7);

}



.waves-effect.waves-green .waves-ripple {

  background-color: rgba(76, 175, 80, 0.7);

}



.waves-effect.waves-teal .waves-ripple {

  background-color: rgba(0, 150, 136, 0.7);

}



.waves-notransition {

  -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);

  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);

}



.waves-input-wrapper {

  border-radius: 0.2em;

  vertical-align: bottom;

}



.waves-input-wrapper .waves-button-input {

  position: relative;

  top: 0;

  left: 0;

  z-index: 1;

}



.waves-circle {

  text-align: center;

  width: 2.5em;

  height: 2.5em;

  line-height: 2.5em;

  border-radius: 50%;

  -webkit-mask-image: none;

}



.waves-block {

  display: block;

}



/* Firefox Bug: link not triggered */

a.waves-effect .waves-ripple {

  z-index: -1;

}



@media only screen and (max-width: 600px) {

  .center-on-small-only {

    text-align: center;

  }

}



.no-margin {

  margin: 0;

}



.no-top-mar {

  margin-top: 0 !important;

}



.no-gutter > [class*=col-] {

  padding-right: 0;

  padding-left: 0;

}



.no-padding {

  padding: 0;

}



.no-pad-mar {

  margin: 0;

  padding: 0;

}



.extra-padding-05 {

  padding: 0.5rem;

}



.extra-padding-1 {

  padding: 1rem;

}



.extra-margin-1 {

  padding: 1rem;

}



.extra-margin-2 {

  padding: 2rem;

}



.space-30 {

  height: 30px;

}



.space-50 {

  height: 30px;

}



.verticalcenter {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}



.divider-new {

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  font-size: 2.5em;

  font-weight: 300;

  margin-top: 45px;

  margin-bottom: 45px;

}



.divider-new::before {

  content: '';

  height: 1.5px;

  background: #666;

  flex: 1;

  margin: 0 .45em 0 0;

}



.divider-new::after {

  content: '';

  height: 1.5px;

  background: #666;

  flex: 1;

  margin: 0 0 0 .45em;

}



.section-title {

  text-transform: uppercase;

  margin-top: 0;

  margin-bottom: 3rem;

  padding: 0.7rem;

}



.section-title small {

  text-transform: none;

  padding-left: 7px;

  margin-left: 10px;

}



.st-indigo {

  border-left: 4px solid blue;

}



.st-indigo small {

  border-left: 2px solid blue;

}



.st-red {

  border-left: 4px solid red;

}



.st-red small {

  border-left: 2px solid red;

}



.st-teal {

  border-left: 4px solid #009688;

}



.st-teal small {

  border-left: 2px solid #009688;

}



.st-orange {

  border-left: 4px solid #ff6f00;

}



.st-orange small {

  border-left: 2px solid #ff6f00;

}



.st-blue {

  border-left: 4px solid #2196f3;

}



.st-blue small {

  border-left: 2px solid #2196f3;

}



.divider-short {

  max-width: 50px;

  border-color: #4285F4;

  border-width: 3px;

}