@charset "UTF-8";/*!
 * Material Design for Bootstrap
 * Version: MDB FREE: 3.3.3, MDB PRO 3.4.0 
 *
 *
 * 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
 *
 */
.bold-700-italic, .light-300-italic, .medium-500-italic, .normal-400-italic, .thin-100-italic, dfn, em { font-style: italic }
img, legend { border: 0 }
legend, td, th { padding: 0 }
a, a:focus, a:hover { text-decoration: none }
ul, ul li { list-style-type: none }
.navbar, footer.page-footer, h1, h2, h3, h4, h5, p, span.badge-md.new { font-weight: 300 }
.waves-effect, a { -webkit-tap-highlight-color: transparent }
.picker__table, table { border-collapse: collapse; border-spacing: 0 }
.materialize-red.lighten-5 { background-color: #fdeaeb!important }
.materialize-red-text.text-lighten-5 { color: #fdeaeb!important }
.materialize-red.lighten-4 { background-color: #f8c1c3!important }
.materialize-red-text.text-lighten-4 { color: #f8c1c3!important }
.materialize-red.lighten-3 { background-color: #f3989b!important }
.materialize-red-text.text-lighten-3 { color: #f3989b!important }
.materialize-red.lighten-2 { background-color: #ee6e73!important }
.materialize-red-text.text-lighten-2 { color: #ee6e73!important }
.materialize-red.lighten-1 { background-color: #ea454b!important }
.materialize-red-text.text-lighten-1 { color: #ea454b!important }
.materialize-red { background-color: #e51c23!important }
.materialize-red-text { color: #e51c23!important }
.materialize-red.darken-1 { background-color: #d0181e!important }
.materialize-red-text.text-darken-1 { color: #d0181e!important }
.materialize-red.darken-2 { background-color: #b9151b!important }
.materialize-red-text.text-darken-2 { color: #b9151b!important }
.materialize-red.darken-3 { background-color: #a21318!important }
.materialize-red-text.text-darken-3 { color: #a21318!important }
.materialize-red.darken-4 { background-color: #8b1014!important }
.materialize-red-text.text-darken-4 { color: #8b1014!important }
.red.lighten-5 { background-color: #FFEBEE!important }
.red-text.text-lighten-5 { color: #FFEBEE!important }
.red.lighten-4 { background-color: #FFCDD2!important }
.red-text.text-lighten-4 { color: #FFCDD2!important }
.red.lighten-3 { background-color: #EF9A9A!important }
.red-text.text-lighten-3 { color: #EF9A9A!important }
.red.lighten-2 { background-color: #E57373!important }
.red-text.text-lighten-2 { color: #E57373!important }
.red.lighten-1 { background-color: #EF5350!important }
.red-text.text-lighten-1 { color: #EF5350!important }
.red { background-color: #F44336!important }
.red-text { color: #F44336!important }
.red.darken-1 { background-color: #E53935!important }
.red-text.text-darken-1 { color: #E53935!important }
.red.darken-2 { background-color: #D32F2F!important }
.red-text.text-darken-2 { color: #D32F2F!important }
.red.darken-3 { background-color: #C62828!important }
.red-text.text-darken-3 { color: #C62828!important }
.red.darken-4 { background-color: #B71C1C!important }
.red-text.text-darken-4 { color: #B71C1C!important }
.red.accent-1 { background-color: #FF8A80!important }
.red-text.text-accent-1 { color: #FF8A80!important }
.red.accent-2 { background-color: #FF5252!important }
.red-text.text-accent-2 { color: #FF5252!important }
.red.accent-3 { background-color: #FF1744!important }
.red-text.text-accent-3 { color: #FF1744!important }
.red.accent-4 { background-color: #D50000!important }
.red-text.text-accent-4 { color: #D50000!important }
.pink.lighten-5 { background-color: #fce4ec!important }
.pink-text.text-lighten-5 { color: #fce4ec!important }
.pink.lighten-4 { background-color: #f8bbd0!important }
.pink-text.text-lighten-4 { color: #f8bbd0!important }
.pink.lighten-3 { background-color: #f48fb1!important }
.pink-text.text-lighten-3 { color: #f48fb1!important }
.pink.lighten-2 { background-color: #f06292!important }
.pink-text.text-lighten-2 { color: #f06292!important }
.pink.lighten-1 { background-color: #ec407a!important }
.pink-text.text-lighten-1 { color: #ec407a!important }
.pink { background-color: #e91e63!important }
.pink-text { color: #e91e63!important }
.pink.darken-1 { background-color: #d81b60!important }
.pink-text.text-darken-1 { color: #d81b60!important }
.pink.darken-2 { background-color: #c2185b!important }
.pink-text.text-darken-2 { color: #c2185b!important }
.pink.darken-3 { background-color: #ad1457!important }
.pink-text.text-darken-3 { color: #ad1457!important }
.pink.darken-4 { background-color: #880e4f!important }
.pink-text.text-darken-4 { color: #880e4f!important }
.pink.accent-1 { background-color: #ff80ab!important }
.pink-text.text-accent-1 { color: #ff80ab!important }
.pink.accent-2 { background-color: #ff4081!important }
.pink-text.text-accent-2 { color: #ff4081!important }
.pink.accent-3 { background-color: #f50057!important }
.pink-text.text-accent-3 { color: #f50057!important }
.pink.accent-4 { background-color: #c51162!important }
.pink-text.text-accent-4 { color: #c51162!important }
.purple.lighten-5 { background-color: #f3e5f5!important }
.purple-text.text-lighten-5 { color: #f3e5f5!important }
.purple.lighten-4 { background-color: #e1bee7!important }
.purple-text.text-lighten-4 { color: #e1bee7!important }
.purple.lighten-3 { background-color: #ce93d8!important }
.purple-text.text-lighten-3 { color: #ce93d8!important }
.purple.lighten-2 { background-color: #ba68c8!important }
.purple-text.text-lighten-2 { color: #ba68c8!important }
.purple.lighten-1 { background-color: #ab47bc!important }
.purple-text.text-lighten-1 { color: #ab47bc!important }
.purple { background-color: #9c27b0!important }
.purple-text { color: #9c27b0!important }
.purple.darken-1 { background-color: #8e24aa!important }
.purple-text.text-darken-1 { color: #8e24aa!important }
.purple.darken-2 { background-color: #7b1fa2!important }
.purple-text.text-darken-2 { color: #7b1fa2!important }
.purple.darken-3 { background-color: #6a1b9a!important }
.purple-text.text-darken-3 { color: #6a1b9a!important }
.purple.darken-4 { background-color: #4a148c!important }
.purple-text.text-darken-4 { color: #4a148c!important }
.purple.accent-1 { background-color: #ea80fc!important }
.purple-text.text-accent-1 { color: #ea80fc!important }
.purple.accent-2 { background-color: #e040fb!important }
.purple-text.text-accent-2 { color: #e040fb!important }
.purple.accent-3 { background-color: #d500f9!important }
.purple-text.text-accent-3 { color: #d500f9!important }
.purple.accent-4 { background-color: #a0f!important }
.purple-text.text-accent-4 { color: #a0f!important }
.deep-purple.lighten-5 { background-color: #ede7f6!important }
.deep-purple-text.text-lighten-5 { color: #ede7f6!important }
.deep-purple.lighten-4 { background-color: #d1c4e9!important }
.deep-purple-text.text-lighten-4 { color: #d1c4e9!important }
.deep-purple.lighten-3 { background-color: #b39ddb!important }
.deep-purple-text.text-lighten-3 { color: #b39ddb!important }
.deep-purple.lighten-2 { background-color: #9575cd!important }
.deep-purple-text.text-lighten-2 { color: #9575cd!important }
.deep-purple.lighten-1 { background-color: #7e57c2!important }
.deep-purple-text.text-lighten-1 { color: #7e57c2!important }
.deep-purple { background-color: #673ab7!important }
.deep-purple-text { color: #673ab7!important }
.deep-purple.darken-1 { background-color: #5e35b1!important }
.deep-purple-text.text-darken-1 { color: #5e35b1!important }
.deep-purple.darken-2 { background-color: #512da8!important }
.deep-purple-text.text-darken-2 { color: #512da8!important }
.deep-purple.darken-3 { background-color: #4527a0!important }
.deep-purple-text.text-darken-3 { color: #4527a0!important }
.deep-purple.darken-4 { background-color: #311b92!important }
.deep-purple-text.text-darken-4 { color: #311b92!important }
.deep-purple.accent-1 { background-color: #b388ff!important }
.deep-purple-text.text-accent-1 { color: #b388ff!important }
.deep-purple.accent-2 { background-color: #7c4dff!important }
.deep-purple-text.text-accent-2 { color: #7c4dff!important }
.deep-purple.accent-3 { background-color: #651fff!important }
.deep-purple-text.text-accent-3 { color: #651fff!important }
.deep-purple.accent-4 { background-color: #6200ea!important }
.deep-purple-text.text-accent-4 { color: #6200ea!important }
.indigo.lighten-5 { background-color: #e8eaf6!important }
.indigo-text.text-lighten-5 { color: #e8eaf6!important }
.indigo.lighten-4 { background-color: #c5cae9!important }
.indigo-text.text-lighten-4 { color: #c5cae9!important }
.indigo.lighten-3 { background-color: #9fa8da!important }
.indigo-text.text-lighten-3 { color: #9fa8da!important }
.indigo.lighten-2 { background-color: #7986cb!important }
.indigo-text.text-lighten-2 { color: #7986cb!important }
.indigo.lighten-1 { background-color: #5c6bc0!important }
.indigo-text.text-lighten-1 { color: #5c6bc0!important }
.indigo { background-color: #3f51b5!important }
.indigo-text { color: #3f51b5!important }
.indigo.darken-1 { background-color: #3949ab!important }
.indigo-text.text-darken-1 { color: #3949ab!important }
.indigo.darken-2 { background-color: #303f9f!important }
.indigo-text.text-darken-2 { color: #303f9f!important }
.indigo.darken-3 { background-color: #283593!important }
.indigo-text.text-darken-3 { color: #283593!important }
.indigo.darken-4 { background-color: #1a237e!important }
.indigo-text.text-darken-4 { color: #1a237e!important }
.indigo.accent-1 { background-color: #8c9eff!important }
.indigo-text.text-accent-1 { color: #8c9eff!important }
.indigo.accent-2 { background-color: #536dfe!important }
.indigo-text.text-accent-2 { color: #536dfe!important }
.indigo.accent-3 { background-color: #3d5afe!important }
.indigo-text.text-accent-3 { color: #3d5afe!important }
.indigo.accent-4 { background-color: #304ffe!important }
.indigo-text.text-accent-4 { color: #304ffe!important }
.blue.lighten-5 { background-color: #E3F2FD!important }
.blue-text.text-lighten-5 { color: #E3F2FD!important }
.blue.lighten-4 { background-color: #BBDEFB!important }
.blue-text.text-lighten-4 { color: #BBDEFB!important }
.blue.lighten-3 { background-color: #90CAF9!important }
.blue-text.text-lighten-3 { color: #90CAF9!important }
.blue.lighten-2 { background-color: #64B5F6!important }
.blue-text.text-lighten-2 { color: #64B5F6!important }
.blue.lighten-1 { background-color: #42A5F5!important }
.blue-text.text-lighten-1 { color: #42A5F5!important }
.blue { background-color: #2196F3!important }
.blue-text { color: #2196F3!important }
.blue.darken-1 { background-color: #1E88E5!important }
.blue-text.text-darken-1 { color: #1E88E5!important }
.blue.darken-2 { background-color: #1976D2!important }
.blue-text.text-darken-2 { color: #1976D2!important }
.blue.darken-3 { background-color: #1565C0!important }
.blue-text.text-darken-3 { color: #1565C0!important }
.blue.darken-4 { background-color: #0D47A1!important }
.blue-text.text-darken-4 { color: #0D47A1!important }
.blue.accent-1 { background-color: #82B1FF!important }
.blue-text.text-accent-1 { color: #82B1FF!important }
.blue.accent-2 { background-color: #448AFF!important }
.blue-text.text-accent-2 { color: #448AFF!important }
.blue.accent-3 { background-color: #2979FF!important }
.blue-text.text-accent-3 { color: #2979FF!important }
.blue.accent-4 { background-color: #2962FF!important }
.blue-text.text-accent-4 { color: #2962FF!important }
.light-blue.lighten-5 { background-color: #e1f5fe!important }
.light-blue-text.text-lighten-5 { color: #e1f5fe!important }
.light-blue.lighten-4 { background-color: #b3e5fc!important }
.light-blue-text.text-lighten-4 { color: #b3e5fc!important }
.light-blue.lighten-3 { background-color: #81d4fa!important }
.light-blue-text.text-lighten-3 { color: #81d4fa!important }
.light-blue.lighten-2 { background-color: #4fc3f7!important }
.light-blue-text.text-lighten-2 { color: #4fc3f7!important }
.light-blue.lighten-1 { background-color: #29b6f6!important }
.light-blue-text.text-lighten-1 { color: #29b6f6!important }
.light-blue { background-color: #03a9f4!important }
.light-blue-text { color: #03a9f4!important }
.light-blue.darken-1 { background-color: #039be5!important }
.light-blue-text.text-darken-1 { color: #039be5!important }
.light-blue.darken-2 { background-color: #0288d1!important }
.light-blue-text.text-darken-2 { color: #0288d1!important }
.light-blue.darken-3 { background-color: #0277bd!important }
.light-blue-text.text-darken-3 { color: #0277bd!important }
.light-blue.darken-4 { background-color: #01579b!important }
.light-blue-text.text-darken-4 { color: #01579b!important }
.light-blue.accent-1 { background-color: #80d8ff!important }
.light-blue-text.text-accent-1 { color: #80d8ff!important }
.light-blue.accent-2 { background-color: #40c4ff!important }
.light-blue-text.text-accent-2 { color: #40c4ff!important }
.light-blue.accent-3 { background-color: #00b0ff!important }
.light-blue-text.text-accent-3 { color: #00b0ff!important }
.light-blue.accent-4 { background-color: #0091ea!important }
.light-blue-text.text-accent-4 { color: #0091ea!important }
.cyan.lighten-5 { background-color: #e0f7fa!important }
.cyan-text.text-lighten-5 { color: #e0f7fa!important }
.cyan.lighten-4 { background-color: #b2ebf2!important }
.cyan-text.text-lighten-4 { color: #b2ebf2!important }
.cyan.lighten-3 { background-color: #80deea!important }
.cyan-text.text-lighten-3 { color: #80deea!important }
.cyan.lighten-2 { background-color: #4dd0e1!important }
.cyan-text.text-lighten-2 { color: #4dd0e1!important }
.cyan.lighten-1 { background-color: #26c6da!important }
.cyan-text.text-lighten-1 { color: #26c6da!important }
.cyan { background-color: #00bcd4!important }
.cyan-text { color: #00bcd4!important }
.cyan.darken-1 { background-color: #00acc1!important }
.cyan-text.text-darken-1 { color: #00acc1!important }
.cyan.darken-2 { background-color: #0097a7!important }
.cyan-text.text-darken-2 { color: #0097a7!important }
.cyan.darken-3 { background-color: #00838f!important }
.cyan-text.text-darken-3 { color: #00838f!important }
.cyan.darken-4 { background-color: #006064!important }
.cyan-text.text-darken-4 { color: #006064!important }
.cyan.accent-1 { background-color: #84ffff!important }
.cyan-text.text-accent-1 { color: #84ffff!important }
.cyan.accent-2 { background-color: #18ffff!important }
.cyan-text.text-accent-2 { color: #18ffff!important }
.cyan.accent-3 { background-color: #00e5ff!important }
.cyan-text.text-accent-3 { color: #00e5ff!important }
.cyan.accent-4 { background-color: #00b8d4!important }
.cyan-text.text-accent-4 { color: #00b8d4!important }
.teal.lighten-5 { background-color: #e0f2f1!important }
.teal-text.text-lighten-5 { color: #e0f2f1!important }
.teal.lighten-4 { background-color: #b2dfdb!important }
.teal-text.text-lighten-4 { color: #b2dfdb!important }
.teal.lighten-3 { background-color: #80cbc4!important }
.teal-text.text-lighten-3 { color: #80cbc4!important }
.teal.lighten-2 { background-color: #4db6ac!important }
.teal-text.text-lighten-2 { color: #4db6ac!important }
.teal.lighten-1 { background-color: #26a69a!important }
.teal-text.text-lighten-1 { color: #26a69a!important }
.teal { background-color: #009688!important }
.teal-text { color: #009688!important }
.teal.darken-1 { background-color: #00897b!important }
.teal-text.text-darken-1 { color: #00897b!important }
.teal.darken-2 { background-color: #00796b!important }
.teal-text.text-darken-2 { color: #00796b!important }
.teal.darken-3 { background-color: #00695c!important }
.teal-text.text-darken-3 { color: #00695c!important }
.teal.darken-4 { background-color: #004d40!important }
.teal-text.text-darken-4 { color: #004d40!important }
.teal.accent-1 { background-color: #a7ffeb!important }
.teal-text.text-accent-1 { color: #a7ffeb!important }
.teal.accent-2 { background-color: #64ffda!important }
.teal-text.text-accent-2 { color: #64ffda!important }
.teal.accent-3 { background-color: #1de9b6!important }
.teal-text.text-accent-3 { color: #1de9b6!important }
.teal.accent-4 { background-color: #00bfa5!important }
.teal-text.text-accent-4 { color: #00bfa5!important }
.green.lighten-5 { background-color: #E8F5E9!important }
.green-text.text-lighten-5 { color: #E8F5E9!important }
.green.lighten-4 { background-color: #C8E6C9!important }
.green-text.text-lighten-4 { color: #C8E6C9!important }
.green.lighten-3 { background-color: #A5D6A7!important }
.green-text.text-lighten-3 { color: #A5D6A7!important }
.green.lighten-2 { background-color: #81C784!important }
.green-text.text-lighten-2 { color: #81C784!important }
.green.lighten-1 { background-color: #66BB6A!important }
.green-text.text-lighten-1 { color: #66BB6A!important }
.green { background-color: #4CAF50!important }
.green-text { color: #4CAF50!important }
.green.darken-1 { background-color: #43A047!important }
.green-text.text-darken-1 { color: #43A047!important }
.green.darken-2 { background-color: #388E3C!important }
.green-text.text-darken-2 { color: #388E3C!important }
.green.darken-3 { background-color: #2E7D32!important }
.green-text.text-darken-3 { color: #2E7D32!important }
.green.darken-4 { background-color: #1B5E20!important }
.green-text.text-darken-4 { color: #1B5E20!important }
.green.accent-1 { background-color: #B9F6CA!important }
.green-text.text-accent-1 { color: #B9F6CA!important }
.green.accent-2 { background-color: #69F0AE!important }
.green-text.text-accent-2 { color: #69F0AE!important }
.green.accent-3 { background-color: #00E676!important }
.green-text.text-accent-3 { color: #00E676!important }
.green.accent-4 { background-color: #00C853!important }
.green-text.text-accent-4 { color: #00C853!important }
.light-green.lighten-5 { background-color: #f1f8e9!important }
.light-green-text.text-lighten-5 { color: #f1f8e9!important }
.light-green.lighten-4 { background-color: #dcedc8!important }
.light-green-text.text-lighten-4 { color: #dcedc8!important }
.light-green.lighten-3 { background-color: #c5e1a5!important }
.light-green-text.text-lighten-3 { color: #c5e1a5!important }
.light-green.lighten-2 { background-color: #aed581!important }
.light-green-text.text-lighten-2 { color: #aed581!important }
.light-green.lighten-1 { background-color: #9ccc65!important }
.light-green-text.text-lighten-1 { color: #9ccc65!important }
.light-green { background-color: #8bc34a!important }
.light-green-text { color: #8bc34a!important }
.light-green.darken-1 { background-color: #7cb342!important }
.light-green-text.text-darken-1 { color: #7cb342!important }
.light-green.darken-2 { background-color: #689f38!important }
.light-green-text.text-darken-2 { color: #689f38!important }
.light-green.darken-3 { background-color: #558b2f!important }
.light-green-text.text-darken-3 { color: #558b2f!important }
.light-green.darken-4 { background-color: #33691e!important }
.light-green-text.text-darken-4 { color: #33691e!important }
.light-green.accent-1 { background-color: #ccff90!important }
.light-green-text.text-accent-1 { color: #ccff90!important }
.light-green.accent-2 { background-color: #b2ff59!important }
.light-green-text.text-accent-2 { color: #b2ff59!important }
.light-green.accent-3 { background-color: #76ff03!important }
.light-green-text.text-accent-3 { color: #76ff03!important }
.light-green.accent-4 { background-color: #64dd17!important }
.light-green-text.text-accent-4 { color: #64dd17!important }
.lime.lighten-5 { background-color: #f9fbe7!important }
.lime-text.text-lighten-5 { color: #f9fbe7!important }
.lime.lighten-4 { background-color: #f0f4c3!important }
.lime-text.text-lighten-4 { color: #f0f4c3!important }
.lime.lighten-3 { background-color: #e6ee9c!important }
.lime-text.text-lighten-3 { color: #e6ee9c!important }
.lime.lighten-2 { background-color: #dce775!important }
.lime-text.text-lighten-2 { color: #dce775!important }
.lime.lighten-1 { background-color: #d4e157!important }
.lime-text.text-lighten-1 { color: #d4e157!important }
.lime { background-color: #cddc39!important }
.lime-text { color: #cddc39!important }
.lime.darken-1 { background-color: #c0ca33!important }
.lime-text.text-darken-1 { color: #c0ca33!important }
.lime.darken-2 { background-color: #afb42b!important }
.lime-text.text-darken-2 { color: #afb42b!important }
.lime.darken-3 { background-color: #9e9d24!important }
.lime-text.text-darken-3 { color: #9e9d24!important }
.lime.darken-4 { background-color: #827717!important }
.lime-text.text-darken-4 { color: #827717!important }
.lime.accent-1 { background-color: #f4ff81!important }
.lime-text.text-accent-1 { color: #f4ff81!important }
.lime.accent-2 { background-color: #eeff41!important }
.lime-text.text-accent-2 { color: #eeff41!important }
.lime.accent-3 { background-color: #c6ff00!important }
.lime-text.text-accent-3 { color: #c6ff00!important }
.lime.accent-4 { background-color: #aeea00!important }
.lime-text.text-accent-4 { color: #aeea00!important }
.yellow.lighten-5 { background-color: #fffde7!important }
.yellow-text.text-lighten-5 { color: #fffde7!important }
.yellow.lighten-4 { background-color: #fff9c4!important }
.yellow-text.text-lighten-4 { color: #fff9c4!important }
.yellow.lighten-3 { background-color: #fff59d!important }
.yellow-text.text-lighten-3 { color: #fff59d!important }
.yellow.lighten-2 { background-color: #fff176!important }
.yellow-text.text-lighten-2 { color: #fff176!important }
.yellow.lighten-1 { background-color: #ffee58!important }
.yellow-text.text-lighten-1 { color: #ffee58!important }
.yellow { background-color: #ffeb3b!important }
.yellow-text { color: #ffeb3b!important }
.yellow.darken-1 { background-color: #fdd835!important }
.yellow-text.text-darken-1 { color: #fdd835!important }
.yellow.darken-2 { background-color: #fbc02d!important }
.yellow-text.text-darken-2 { color: #fbc02d!important }
.yellow.darken-3 { background-color: #f9a825!important }
.yellow-text.text-darken-3 { color: #f9a825!important }
.yellow.darken-4 { background-color: #f57f17!important }
.yellow-text.text-darken-4 { color: #f57f17!important }
.yellow.accent-1 { background-color: #ffff8d!important }
.yellow-text.text-accent-1 { color: #ffff8d!important }
.yellow.accent-2 { background-color: #ff0!important }
.yellow-text.text-accent-2 { color: #ff0!important }
.yellow.accent-3 { background-color: #ffea00!important }
.yellow-text.text-accent-3 { color: #ffea00!important }
.yellow.accent-4 { background-color: #ffd600!important }
.yellow-text.text-accent-4 { color: #ffd600!important }
.amber.lighten-5 { background-color: #fff8e1!important }
.amber-text.text-lighten-5 { color: #fff8e1!important }
.amber.lighten-4 { background-color: #ffecb3!important }
.amber-text.text-lighten-4 { color: #ffecb3!important }
.amber.lighten-3 { background-color: #ffe082!important }
.amber-text.text-lighten-3 { color: #ffe082!important }
.amber.lighten-2 { background-color: #ffd54f!important }
.amber-text.text-lighten-2 { color: #ffd54f!important }
.amber.lighten-1 { background-color: #ffca28!important }
.amber-text.text-lighten-1 { color: #ffca28!important }
.amber { background-color: #ffc107!important }
.amber-text { color: #ffc107!important }
.amber.darken-1 { background-color: #ffb300!important }
.amber-text.text-darken-1 { color: #ffb300!important }
.amber.darken-2 { background-color: #ffa000!important }
.amber-text.text-darken-2 { color: #ffa000!important }
.amber.darken-3 { background-color: #ff8f00!important }
.amber-text.text-darken-3 { color: #ff8f00!important }
.amber.darken-4 { background-color: #ff6f00!important }
.amber-text.text-darken-4 { color: #ff6f00!important }
.amber.accent-1 { background-color: #ffe57f!important }
.amber-text.text-accent-1 { color: #ffe57f!important }
.amber.accent-2 { background-color: #ffd740!important }
.amber-text.text-accent-2 { color: #ffd740!important }
.amber.accent-3 { background-color: #ffc400!important }
.amber-text.text-accent-3 { color: #ffc400!important }
.amber.accent-4 { background-color: #ffab00!important }
.amber-text.text-accent-4 { color: #ffab00!important }
.orange.lighten-5 { background-color: #fff3e0!important }
.orange-text.text-lighten-5 { color: #fff3e0!important }
.orange.lighten-4 { background-color: #ffe0b2!important }
.orange-text.text-lighten-4 { color: #ffe0b2!important }
.orange.lighten-3 { background-color: #ffcc80!important }
.orange-text.text-lighten-3 { color: #ffcc80!important }
.orange.lighten-2 { background-color: #ffb74d!important }
.orange-text.text-lighten-2 { color: #ffb74d!important }
.orange.lighten-1 { background-color: #ffa726!important }
.orange-text.text-lighten-1 { color: #ffa726!important }
.orange { background-color: #ff9800!important }
.orange-text { color: #ff9800!important }
.orange.darken-1 { background-color: #fb8c00!important }
.orange-text.text-darken-1 { color: #fb8c00!important }
.orange.darken-2 { background-color: #f57c00!important }
.orange-text.text-darken-2 { color: #f57c00!important }
.orange.darken-3 { background-color: #ef6c00!important }
.orange-text.text-darken-3 { color: #ef6c00!important }
.orange.darken-4 { background-color: #e65100!important }
.orange-text.text-darken-4 { color: #e65100!important }
.orange.accent-1 { background-color: #ffd180!important }
.orange-text.text-accent-1 { color: #ffd180!important }
.orange.accent-2 { background-color: #ffab40!important }
.orange-text.text-accent-2 { color: #ffab40!important }
.orange.accent-3 { background-color: #ff9100!important }
.orange-text.text-accent-3 { color: #ff9100!important }
.orange.accent-4 { background-color: #ff6d00!important }
.orange-text.text-accent-4 { color: #ff6d00!important }
.deep-orange.lighten-5 { background-color: #fbe9e7!important }
.deep-orange-text.text-lighten-5 { color: #fbe9e7!important }
.deep-orange.lighten-4 { background-color: #ffccbc!important }
.deep-orange-text.text-lighten-4 { color: #ffccbc!important }
.deep-orange.lighten-3 { background-color: #ffab91!important }
.deep-orange-text.text-lighten-3 { color: #ffab91!important }
.deep-orange.lighten-2 { background-color: #ff8a65!important }
.deep-orange-text.text-lighten-2 { color: #ff8a65!important }
.deep-orange.lighten-1 { background-color: #ff7043!important }
.deep-orange-text.text-lighten-1 { color: #ff7043!important }
.deep-orange { background-color: #ff5722!important }
.deep-orange-text { color: #ff5722!important }
.deep-orange.darken-1 { background-color: #f4511e!important }
.deep-orange-text.text-darken-1 { color: #f4511e!important }
.deep-orange.darken-2 { background-color: #e64a19!important }
.deep-orange-text.text-darken-2 { color: #e64a19!important }
.deep-orange.darken-3 { background-color: #d84315!important }
.deep-orange-text.text-darken-3 { color: #d84315!important }
.deep-orange.darken-4 { background-color: #bf360c!important }
.deep-orange-text.text-darken-4 { color: #bf360c!important }
.deep-orange.accent-1 { background-color: #ff9e80!important }
.deep-orange-text.text-accent-1 { color: #ff9e80!important }
.deep-orange.accent-2 { background-color: #ff6e40!important }
.deep-orange-text.text-accent-2 { color: #ff6e40!important }
.deep-orange.accent-3 { background-color: #ff3d00!important }
.deep-orange-text.text-accent-3 { color: #ff3d00!important }
.deep-orange.accent-4 { background-color: #dd2c00!important }
.deep-orange-text.text-accent-4 { color: #dd2c00!important }
.brown.lighten-5 { background-color: #efebe9!important }
.brown-text.text-lighten-5 { color: #efebe9!important }
.brown.lighten-4 { background-color: #d7ccc8!important }
.brown-text.text-lighten-4 { color: #d7ccc8!important }
.brown.lighten-3 { background-color: #bcaaa4!important }
.brown-text.text-lighten-3 { color: #bcaaa4!important }
.brown.lighten-2 { background-color: #a1887f!important }
.brown-text.text-lighten-2 { color: #a1887f!important }
.brown.lighten-1 { background-color: #8d6e63!important }
.brown-text.text-lighten-1 { color: #8d6e63!important }
.brown { background-color: #795548!important }
.brown-text { color: #795548!important }
.brown.darken-1 { background-color: #6d4c41!important }
.brown-text.text-darken-1 { color: #6d4c41!important }
.brown.darken-2 { background-color: #5d4037!important }
.brown-text.text-darken-2 { color: #5d4037!important }
.brown.darken-3 { background-color: #4e342e!important }
.brown-text.text-darken-3 { color: #4e342e!important }
.brown.darken-4 { background-color: #3e2723!important }
.brown-text.text-darken-4 { color: #3e2723!important }
.blue-grey.lighten-5 { background-color: #eceff1!important }
.blue-grey-text.text-lighten-5 { color: #eceff1!important }
.blue-grey.lighten-4 { background-color: #cfd8dc!important }
.blue-grey-text.text-lighten-4 { color: #cfd8dc!important }
.blue-grey.lighten-3 { background-color: #b0bec5!important }
.blue-grey-text.text-lighten-3 { color: #b0bec5!important }
.blue-grey.lighten-2 { background-color: #90a4ae!important }
.blue-grey-text.text-lighten-2 { color: #90a4ae!important }
.blue-grey.lighten-1 { background-color: #78909c!important }
.blue-grey-text.text-lighten-1 { color: #78909c!important }
.blue-grey { background-color: #607d8b!important }
.blue-grey-text { color: #607d8b!important }
.blue-grey.darken-1 { background-color: #546e7a!important }
.blue-grey-text.text-darken-1 { color: #546e7a!important }
.blue-grey.darken-2 { background-color: #455a64!important }
.blue-grey-text.text-darken-2 { color: #455a64!important }
.blue-grey.darken-3 { background-color: #37474f!important }
.blue-grey-text.text-darken-3 { color: #37474f!important }
.blue-grey.darken-4 { background-color: #263238!important }
.blue-grey-text.text-darken-4 { color: #263238!important }
.grey.lighten-5 { background-color: #fafafa!important }
.grey-text.text-lighten-5 { color: #fafafa!important }
.grey.lighten-4 { background-color: #f5f5f5!important }
.grey-text.text-lighten-4 { color: #f5f5f5!important }
.grey.lighten-3 { background-color: #eee!important }
.grey-text.text-lighten-3 { color: #eee!important }
.grey.lighten-2 { background-color: #e0e0e0!important }
.grey-text.text-lighten-2 { color: #e0e0e0!important }
.grey.lighten-1 { background-color: #bdbdbd!important }
.grey-text.text-lighten-1 { color: #bdbdbd!important }
.grey { background-color: #9e9e9e!important }
.grey-text { color: #9e9e9e!important }
.grey.darken-1 { background-color: #757575!important }
.grey-text.text-darken-1 { color: #757575!important }
.grey.darken-2 { background-color: #616161!important }
.grey-text.text-darken-2 { color: #616161!important }
.grey.darken-3 { background-color: #424242!important }
.grey-text.text-darken-3 { color: #424242!important }
.grey.darken-4 { background-color: #212121!important }
.grey-text.text-darken-4 { color: #212121!important }
.shades.black { background-color: #000!important }
.shades-text.text-black { color: #000!important }
.shades.white { background-color: #FFF!important }
.shades-text.text-white { color: #FFF!important }
.shades.transparent { background-color: transparent!important }
.shades-text.text-transparent { color: transparent!important }
.black { background-color: #000!important }
.black-text { color: #000!important }
.white { background-color: #FFF!important }
.white-text { color: #FFF!important }
.transparent { background-color: transparent!important }
.transparent-text { color: transparent!important }
.danger-color { background-color: #f44!important }
.danger-color-dark { background-color: #C00!important }
.warning-color { background-color: #fb3!important }
.warning-color-dark { background-color: #F80!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: #09C!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: #a6c!important }
.secondary-color-dark { background-color: #93C!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,.3) }
.rgba-red-light { background-color: rgba(244,67,54,.3) }
.rgba-pink-light { background-color: rgba(233,30,99,.3) }
.rgba-purple-light { background-color: rgba(156,39,176,.3) }
.rgba-indigo-light { background-color: rgba(63,81,181,.3) }
.rgba-cyan-light { background-color: rgba(0,188,212,.3) }
.rgba-teal-light { background-color: rgba(0,150,136,.3) }
.rgba-green-light { background-color: rgba(76,175,80,.3) }
.rgba-lime-light { background-color: rgba(205,220,57,.3) }
.rgba-yellow-light { background-color: rgba(255,235,59,.3) }
.rgba-orange-light { background-color: rgba(255,152,0,.3) }
.rgba-brown-light { background-color: rgba(121,85,72,.3) }
.rgba-grey-light { background-color: rgba(158,158,158,.3) }
.rgba-bluegrey-light { background-color: rgba(96,125,139,.3) }
.rgba-black-light { background-color: rgba(0,0,0,.3) }
.rgba-stylish-light { background-color: rgba(62,69,81,.3) }
.rgba-white-light { background-color: rgba(255,255,255,.3) }
.rgba-blue-strong { background-color: rgba(3,169,244,.7) }
.rgba-red-strong { background-color: rgba(244,67,54,.7) }
.rgba-pink-strong { background-color: rgba(233,30,99,.7) }
.rgba-purple-strong { background-color: rgba(156,39,176,.7) }
.rgba-indigo-strong { background-color: rgba(63,81,181,.7) }
.rgba-cyan-strong { background-color: rgba(0,188,212,.7) }
.rgba-teal-strong { background-color: rgba(0,150,136,.7) }
.rgba-green-strong { background-color: rgba(76,175,80,.7) }
.rgba-lime-strong { background-color: rgba(205,220,57,.7) }
.rgba-yellow-strong { background-color: rgba(255,235,59,.7) }
.rgba-orange-strong { background-color: rgba(255,152,0,.7) }
.rgba-brown-strong { background-color: rgba(121,85,72,.7) }
.rgba-grey-strong { background-color: rgba(158,158,158,.7) }
.rgba-bluegrey-strong { background-color: rgba(96,125,139,.7) }
.rgba-black-strong { background-color: rgba(0,0,0,.7) }
.rgba-stylish-strong { background-color: rgba(62,69,81,.7) }
.rgba-white-strong { background-color: rgba(255,255,255,.7) }
.rgba-blue-slight { background-color: rgba(3,169,244,.1) }
.rgba-red-slight { background-color: rgba(244,67,54,.1) }
.rgba-pink-slight { background-color: rgba(233,30,99,.1) }
.rgba-purple-slight { background-color: rgba(156,39,176,.1) }
.rgba-indigo-slight { background-color: rgba(63,81,181,.1) }
.rgba-cyan-slight { background-color: rgba(0,188,212,.1) }
.rgba-teal-slight { background-color: rgba(0,150,136,.1) }
.rgba-green-slight { background-color: rgba(76,175,80,.1) }
.rgba-lime-slight { background-color: rgba(205,220,57,.1) }
.rgba-yellow-slight { background-color: rgba(255,235,59,.1) }
.rgba-orange-slight { background-color: rgba(255,152,0,.1) }
.rgba-brown-slight { background-color: rgba(121,85,72,.1) }
.rgba-grey-slight { background-color: rgba(158,158,158,.1) }
.rgba-bluegrey-slight { background-color: rgba(96,125,139,.1) }
.rgba-black-slight { background-color: rgba(0,0,0,.1) }
.rgba-stylish-slight { background-color: rgba(62,69,81,.1) }
.rgba-white-slight { background-color: rgba(255,255,255,.1) }/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
body { margin: 0; font-family: Roboto, sans-serif; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, optgroup, strong { font-weight: 700 }
mark { background: #ff0; color: #000 }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
.btn-floating, .picker__box, .switch label .lever, .waves-effect { vertical-align: middle }
sup { top: -.5em }
sub { bottom: -.25em }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
pre, textarea { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
i, span.badge-md { line-height: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
.btn, .btn-floating, .card .card-title.activator, a { cursor: pointer }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
span.badge-md { min-width: 3rem; padding: 0 6px; text-align: center; font-size: 1rem; 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-size: .8rem; color: #fff; background-color: #4285F4; border-radius: 2px }
span.badge-md.new:after { content: " new" }
a { color: #039be5 }
ul { padding: 0 }
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: .5rem 0 1rem; 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: #fff }
.collection a.collection-item { display: block; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .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 }
.btn-flat, .btn-flat:focus { background-color: transparent }
.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 }
footer.page-footer .link-section { padding-bottom: 20px }
footer.page-footer .footer-content { padding: 2em }
footer.page-footer .footer-copyright { overflow: hidden; height: 50px; line-height: 50px; color: rgba(255,255,255,.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,.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 }
}
.btn, .btn-flat { text-decoration: none; text-transform: uppercase; position: relative; margin: 10px; outline: 0!important }
.modal-content { border-radius: 2px }
body.modal-open { overflow: inherit; padding-right: 0!important }
.btn-floating, .card, .card.large .card-content, .card.large .card-image, .card.medium .card-content, .card.medium .card-image, .card.small .card-content, .card.small .card-image { overflow: hidden }
@font-face { font-family: Roboto; src: url(../font/roboto/Roboto-Thin.html) format("woff2"), url(../font/roboto/Roboto-Thin-2.html) format("woff"), url(../font/roboto/Roboto-Thin-3.html) format("truetype"); font-weight: 200 }
@font-face { font-family: Roboto; src: url(../font/roboto/Roboto-Light.html) format("woff2"), url(../font/roboto/Roboto-Light-2.html) format("woff"), url(../font/roboto/Roboto-Light-3.html) format("truetype"); font-weight: 300 }
@font-face { font-family: Roboto; src: url(../font/roboto/Roboto-Regular.html) format("woff2"), url(../font/roboto/Roboto-Regular-2.html) format("woff"), url(../font/roboto/Roboto-Regular-3.html) format("truetype"); font-weight: 400 }
@font-face { font-family: Roboto; src: url(../font/roboto/Roboto-Medium.html) format("woff2"), url(../font/roboto/Roboto-Medium-2.html) format("woff"), url(../font/roboto/Roboto-Medium-3.html) format("truetype"); font-weight: 500 }
@font-face { font-family: Roboto; src: url(../font/roboto/Roboto-Bold.html) format("woff2"), url(../font/roboto/Roboto-Bold-2.html) format("woff"), url(../font/roboto/Roboto-Bold-3.html) format("truetype"); font-weight: 700 }
.btn-flat { padding: 8px 30px; border: none }
.btn { line-height: 31px; padding: 5px 22px; border: 0; border-radius: 2px; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -ms-transition: .2s ease-out; transition: .2s ease-out }
.btn.btn-block { margin: 10px 0 }
.btn i, .btn-flat i { font-size: 1.3rem; line-height: inherit }
.btn-floating, .btn-floating i { color: #fff; display: inline-block; line-height: 37px }
.btn-floating { position: relative; z-index: 1; width: 37px; height: 37px; padding: 0; background-color: #a6c; border-radius: 50%; transition: .3s; margin: 10px }
.btn-floating i { width: inherit; text-align: center; font-size: 1.6rem }
.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-lg, .btn-xlg { line-height: 1.33333 }
.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-up { color: #fff; background: blue } /* binal  for time slot*/
.btn-default:focus, .btn-default:hover { background-color: #30cfc0!important; color: #fff!important }
.btn-primary { background: #4285F4 }
.btn-primary:focus, .btn-primary:hover { background-color: #5a95f5!important; color: #fff }
.btn-success { background: #00C851 }
.btn-success:focus, .btn-success:hover { background-color: #00d255!important; color: #fff }
.btn-info { background: #33b5e5 }
.btn-info:focus, .btn-info:hover { background-color: #4abde8!important; color: #fff }
.btn-warning { background: #F80 }
.btn-warning:focus, .btn-warning:hover { background-color: #ff961f!important; color: #fff }
.btn-danger { background: #C00 }
.btn-danger:focus, .btn-danger:hover { background-color: #db0000!important; color: #fff }
.btn-link { background-color: transparent; color: #000 }
.btn-link:focus, .btn-link:hover { background-color: transparent }
.btn-xlg { padding: 18px 24px; font-size: 21px }
.btn-lg { padding: 14px 20px; font-size: 18px }
.btn-sm, .btn-xs { font-size: 12px; line-height: 1.5 }
.btn-xs { padding: 1px 5px }
.navbar { border: 0; border-radius: 0 }
.navbar .navbar-brand { position: relative; height: 60px; line-height: 30px; color: rgba(255,255,255,.84) }
h1, h2, h3, h4, h5, h6 { line-height: 110% }
.navbar .navbar-brand:focus, .navbar .navbar-brand:hover { color: rgba(255,255,255,.84); background-color: transparent }
.navbar .navbar-text { color: rgba(255,255,255,.84); margin-top: 20px; margin-bottom: 20px }
.navbar .navbar-nav>li>a { color: rgba(255,255,255,.84); padding-top: 20px; padding-bottom: 20px }
.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:hover { color: rgba(255,255,255,.84); background-color: transparent }
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover { color: rgba(255,255,255,.84); background-color: rgba(0,0,0,.05) }
.navbar .navbar-nav>.disabled>a, .navbar .navbar-nav>.disabled>a:focus, .navbar .navbar-nav>.disabled>a:hover { color: #E5E5E5; background-color: transparent }
.navbar .navbar-toggle { border-color: rgba(255,255,255,.84) }
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover { background-color: transparent }
.navbar .navbar-toggle .icon-bar { background-color: rgba(255,255,255,.84) }
.navbar .navbar-collapse, .navbar .navbar-form { border-color: rgba(0,0,0,.1) }
.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover { background-color: rgba(0,0,0,.05); color: rgba(255,255,255,.84) }

@media (max-width:767px) {
.navbar .navbar-nav .open .dropdown-menu>.dropdown-header { border: 0; color: rgba(212,212,212,.84) }
.navbar .navbar-nav .open .dropdown-menu .divider { background-color: rgba(255,255,255,.84) }
.navbar .navbar-nav .open .dropdown-menu>li>a { color: rgba(255,255,255,.84) }
.navbar .navbar-nav .open .dropdown-menu>li>a:focus, .navbar .navbar-nav .open .dropdown-menu>li>a:hover { color: rgba(255,255,255,.84); background-color: transparent }
.navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover { color: rgba(255,255,255,.84); background-color: rgba(0,0,0,.05) }
.navbar .navbar-nav .open .dropdown-menu>.disabled>a, .navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #E5E5E5; background-color: transparent }
}
.navbar .navbar-link, .navbar .navbar-link:focus, .navbar .navbar-link:hover { color: rgba(255,255,255,.84) }
.navbar .navbar-link[disabled]:focus, .navbar .navbar-link[disabled]:hover, fieldset[disabled] .navbar .navbar-link:focus, fieldset[disabled] .navbar .navbar-link:hover { color: #E5E5E5 }
.navbar .navbar-form { margin-top: 0; margin-bottom: 0 }
.navbar .navbar-form .form-control, .navbar .navbar-form .form-control-wrapper .form-control { border-color: rgba(255,255,255,.84); color: rgba(255,255,255,.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,.84) }
.navbar .navbar-form ::-webkit-input-placeholder {
color:rgba(255,255,255,.84)
}
.navbar .navbar-form :-moz-placeholder {
color:rgba(255,255,255,.84)
}
.navbar .navbar-form ::-moz-placeholder {
color:rgba(255,255,255,.84)
}
.navbar .navbar-form :-ms-input-placeholder {
color:rgba(255,255,255,.84)
}
.navbar-inverse { background-color: #5264AE }
.navbar-white { background-color: #FFF }
.navbar-white .navbar-brand, .navbar-white .navbar-brand:focus, .navbar-white .navbar-brand:hover, .navbar-white .navbar-nav>li>a { color: rgba(0,0,0,.84) }
.navbar-white .navbar-nav>li>a:focus, .navbar-white .navbar-nav>li>a:hover { color: rgba(0,0,0,.84); background-color: transparent }
.navbar-white .navbar-nav>.active>a, .navbar-white .navbar-nav>.active>a:focus, .navbar-white .navbar-nav>.active>a:hover { color: rgba(0,0,0,.84); background-color: rgba(0,0,0,.05) }
.navbar-white .navbar-nav>.disabled>a, .navbar-white .navbar-nav>.disabled>a:focus, .navbar-white .navbar-nav>.disabled>a:hover { color: rgba(0,0,0,.84); background-color: transparent }
.navbar-white .navbar-nav>.open>a, .navbar-white .navbar-nav>.open>a:focus, .navbar-white .navbar-nav>.open>a:hover { background-color: rgba(0,0,0,.05); color: rgba(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: #666; 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 }
}
.z-depth-0 { box-shadow: none!important }
.btn, .btn-floating, .btn-sm, .btn-sm-full, .card, .card-panel, .dropdown-content, .dropdown-menu, .panel-group, .side-nav, .z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) }
.btn-floating:hover, .btn:hover, .z-depth-1-half { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15) }
.btn-sm-full:hover, .btn-sm:hover, .z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19) }
.z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19) }
.z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21) }
.z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0,0,0,.2), 0 40px 77px 0 rgba(0,0,0,.22) }
.hoverable:hover { transition: box-shadow .25s; box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19) }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; font-family: Roboto, sans-serif; font-weight: 400; color: rgba(0,0,0,.87) }

@media only screen and (min-width:0) {
html { font-size: 14px }
}

@media only screen and (min-width:992px) {
html { font-size: 14.5px }
}

@media only screen and (min-width:1200px) {
html { font-size: 15px }
}
p { font-size: 1.25rem; line-height: 1.8 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit }
h1 { font-size: 4.2rem; margin: 2.1rem 0 1.68rem }
h2 { font-size: 3.56rem; margin: 1.78rem 0 1.424rem }
h3 { font-size: 2.92rem; margin: 1.46rem 0 1.168rem }
h4 { font-size: 2.28rem; margin: 1.14rem 0 .912rem }
h5 { font-size: 1.64rem; margin: .82rem 0 .656rem }
h6 { font-size: 1rem; margin: .5rem 0 .4rem }
.card, .card-panel { background-color: #fff; margin: .5rem 0 1rem; transition: box-shadow .25s; border-radius: 2px }
strong { font-weight: 500 }
small { font-size: 75% }
.thin-100, .thin-100-italic { font-weight: 100 }
.light-300, .light-300-italic { font-weight: 300 }
.normal-400, .normal-400-italic { font-weight: 400 }
.mdl-tooltip, .medium-500, .medium-500-italic { font-weight: 500 }
.bold-700, .bold-700-italic { font-weight: 700 }
.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 }
}

@media only screen and (max-width:480px) {
.h1-responsive { font-size: 2.18rem }
.h2-responsive { font-size: 1.84rem }
.h3-responsive { font-size: 1.7rem }
.h4-responsive { font-size: 1.3rem }
.h5-responsive { font-size: 1.1rem }
}

@media only screen and (min-width:480px) {
.h1-responsive { font-size: 2.28rem }
.h2-responsive { font-size: 1.94rem }
.h3-responsive { font-size: 1.6rem }
.h4-responsive { font-size: 1.4rem }
.h5-responsive { font-size: 1.2rem }
}

@media only screen and (min-width:768px) {
.h1-responsive { font-size: 2.92rem }
.h2-responsive { font-size: 2.28rem }
.h3-responsive { font-size: 1.94rem }
.h4-responsive { font-size: 1.4rem }
.h5-responsive { font-size: 1.15rem }
}

@media only screen and (min-width:992px) {
.h1-responsive { font-size: 3.56rem }
.h2-responsive { font-size: 2.92rem }
.h3-responsive { font-size: 2.28rem }
.h4-responsive { font-size: 1.64rem }
.h5-responsive { font-size: 1.2rem }
}

@media only screen and (min-width:1200px) {
.h1-responsive { font-size: 4.2rem }
.h2-responsive { font-size: 3.56rem }
.h3-responsive { font-size: 2.92rem }
.h4-responsive { font-size: 2.28rem }
.h5-responsive { font-size: 1.64rem }
}
.card-panel { padding: 20px }
.card { position: relative }
.card .card-title { color: #fff; font-size: 24px; font-weight: 300 }
.card.large, .card.medium, .card.small { position: relative }
.card.large .card-action, .card.medium .card-action, .card.small .card-action { position: absolute; bottom: 0; left: 0; right: 0 }
.card.small { height: 300px }
.card.small .card-content, .card.small .card-image { height: 150px }
.card.medium { height: 400px }
.card.medium .card-image { height: 250px }
.card.medium .card-content { height: 150px }
.card.large { height: 500px }
.card.large .card-image { height: 330px }
.card.large .card-content { height: 170px }
.card .card-image { position: relative }
.card .card-image .cardImg { 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 #eee }
.card .card-content p { margin: 0; color: inherit }
.card .card-content .card-title { line-height: 48px }
.card .card-action { border-top: 1px solid rgba(160,160,160,.2); padding: 20px }
.card .card-action a { color: #ffab40; margin-right: 20px; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; -ms-transition: color .3s ease; transition: color .3s ease; text-transform: uppercase }
.dropdown-content li, .dropdown-menu li { clear: both; cursor: pointer; width: 100%; text-align: left; text-transform: none }
.card .card-action a:hover { color: #ffd8a6 }
.card .card-btn { border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px; margin-bottom: 10px }
.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.active, .dropdown-content li:hover, .dropdown-menu li.active, .dropdown-menu li:hover { background-color: #eee }
.dropdown-content li { color: rgba(0,0,0,.87); line-height: 1.5rem }
.dropdown-content li>a, .dropdown-content li>span { font-size: 1.2rem; color: #4285F4; display: block; padding: 1rem }
.dropdown-content li>a>i { height: inherit; line-height: inherit }
.dropdown-menu { border-radius: 0 }
.dropdown-menu li { color: rgba(0,0,0,.87); line-height: 1.5rem }
.mdl-tooltip, .popover { z-index: 999; max-width: 170px; text-align: center }
.dropdown-menu li>a, .dropdown-menu li>span { font-size: 1.2rem; color: #4285F4; display: block; padding: 1rem }
.popover, .popover-content, .popover-title, .tooltip>.tooltip-inner { background-color: #222; color: #FFF }
.dropdown-menu li>a>i { height: inherit; line-height: inherit }
.popover, .tooltip { font-weight: 300; line-height: 1.5; font-family: Roboto, sans-serif }
.tooltip .tooltip-arrow { border-top-color: #222; margin: 1px }
.tooltip>.tooltip-inner { border: 1px solid #222; padding: 15px; font-size: 20px; border-radius: 0 }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0 }
.popover { display: inline-block; font-size: 1.6rem; padding: 8px }
.popover-content, .popover-title { border: 1px solid #222; padding: 15px; font-size: 20px; border-radius: 0 }
.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,.25); border-bottom-width: 0 }
.popover.top>.arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #222; border-bottom-width: 0 }
.popover.left>.arrow:after, .popover.right>.arrow:after { bottom: -10px; content: " " }
.popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0 }
.popover.right>.arrow:after { left: 1px; 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,.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,.25) }
.popover.left>.arrow:after { right: 1px; border-right-width: 0; border-left-color: #222 }
.mdl-tooltip { transform: scale(0); transform-origin: top center; will-change: transform; background: #700; border-radius: 2px; color: #FFF; display: inline-block; font-size: 1.6rem; line-height: 14px; position: fixed; top: -500px; left: -500px; padding: 8px }
.mdl-tooltip.is-active { animation: pulse 200ms cubic-bezier(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(.99)
}
100% {
transform:scale(1);
opacity:1;
visibility:visible
}
}

@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: 0 }
#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 }
.pagination li, .pagination-dark li { float: left; text-align: center; font-size: 1.2rem; line-height: 30px }
#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 li { border-radius: 2px }
.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 { border-radius: 2px }
.pagination-dark li .active { background-color: #ee6e73 }
.pagination-dark li a, .pagination-dark li a:hover { background-color: transparent }
.pagination-dark li a { border: 0; color: #eee }
.pagination-dark li a:active { color: #000 }
.pag-circle .active a { border-radius: 50% }
.panel-default .panel-heading { background-color: transparent; border-radius: 0 }
.panel-group .panel { border-radius: 0 }
.panel-group .panel+.panel { margin-top: 0; border-top: 0; border-bottom: 1px solid #ddd }
.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 .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .item { 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 .active.left, .carousel-fade .carousel-inner .active.right, .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev { left: 0; transform: translate3d(0, 0, 0) }
.carousel-fade .carousel-control { z-index: 2 }
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px }
.carousel-control .fa-angle-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px }
.carousel-control .fa-angle-right, .carousel-control .icon-next { 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 .active, .carousel-widget .carousel-indicators li { 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 .carousel-indicators li, .carousel-indicators .active, .carousel-indicators li { height: 10px; width: 10px }
.carousel-control .fa { font-size: 25px }
.carousel-indicators .active { background-color: #fff }
.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, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s }
@-webkit-keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .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 {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .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 {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
50%, from, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse {
from, to {
-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)
}
}
@keyframes pulse {
from, to {
-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)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes rubberBand {
from, to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
}
@keyframes rubberBand {
from, to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 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, to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .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)
}
}
@keyframes tada {
from, to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .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)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble {
from, to {
-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)
}
}
@keyframes wobble {
from, to {
-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)
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes jello {
11.1%, from, 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(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.39063deg) skewY(.39063deg);
transform:skewX(.39063deg) skewY(.39063deg)
}
88.8% {
-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);
transform:skewX(-.19531deg) skewY(-.19531deg)
}
}
@keyframes jello {
11.1%, from, 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(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.39063deg) skewY(.39063deg);
transform:skewX(.39063deg) skewY(.39063deg)
}
88.8% {
-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);
transform:skewX(-.19531deg) skewY(-.19531deg)
}
}
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center }
@-webkit-keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .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(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .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(.97, .97, .97);
transform:scale3d(.97, .97, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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 {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .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(.9, .9, .9);
transform:scale3d(.9, .9, .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(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .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(.3, .3, .3);
transform:scale3d(.3, .3, .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(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .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(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .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 { backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX }
.flipInX, .flipInY { -webkit-backface-visibility: visible!important }
@-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 { 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; backface-visibility: visible!important }
.flipOutX, .flipOutY { -webkit-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 { 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 }
@-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 }
@-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(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
from {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
@-webkit-keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
@-webkit-keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
@-webkit-keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
@-webkit-keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
@-webkit-keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
opacity:0
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown }
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .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 }
::-webkit-input-placeholder {
color:#d1d1d1
}
:-moz-placeholder {
color:#d1d1d1
}
::-moz-placeholder {
color:#d1d1d1
}
:-ms-input-placeholder {
color:#d1d1d1
}
input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.materialize-textarea { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: 0; height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px; padding: 0; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transition: all .3s }
input[type=date]:disabled, input[type=date][readonly=readonly], input[type=datetime-local]:disabled, input[type=datetime-local][readonly=readonly], input[type=email]:disabled, input[type=email][readonly=readonly], input[type=number]:disabled, input[type=number][readonly=readonly], input[type=password]:disabled, input[type=password][readonly=readonly], input[type=search-md]:disabled, input[type=search-md][readonly=readonly], input[type=tel]:disabled, input[type=tel][readonly=readonly], input[type=text]:disabled, input[type=text][readonly=readonly], input[type=time]:disabled, input[type=time][readonly=readonly], input[type=url]:disabled, input[type=url][readonly=readonly], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly=readonly] { color: rgba(0,0,0,.26); border-bottom: 1px dotted rgba(0,0,0,.26) }

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=email]:disabled+label, input[type=email][readonly=readonly]+label, input[type=number]:disabled+label, input[type=number][readonly=readonly]+label, input[type=password]:disabled+label, input[type=password][readonly=readonly]+label, input[type=search-md]:disabled+label, input[type=search-md][readonly=readonly]+label, input[type=tel]:disabled+label, input[type=tel][readonly=readonly]+label, input[type=text]:disabled+label, input[type=text][readonly=readonly]+label, input[type=time]:disabled+label, input[type=time][readonly=readonly]+label, input[type=url]:disabled+label, input[type=url][readonly=readonly]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly=readonly]+label { color: rgba(0,0,0,.26) }
input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=search-md]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=url]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #4285F4; box-shadow: 0 1px 0 0 #4285F4 }
input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=search-md]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label { color: #4285F4 }
input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=search-md].valid, input[type=search-md]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=url].valid, input[type=url]: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=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=email].valid+label:after, input[type=email]:focus.valid+label:after, input[type=number].valid+label:after, input[type=number]:focus.valid+label:after, input[type=password].valid+label:after, input[type=password]:focus.valid+label:after, input[type=search-md].valid+label:after, input[type=search-md]:focus.valid+label:after, input[type=tel].valid+label:after, input[type=tel]:focus.valid+label:after, input[type=text].valid+label:after, input[type=text]:focus.valid+label:after, input[type=time].valid+label:after, input[type=time]:focus.valid+label:after, input[type=url].valid+label:after, input[type=url]: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=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=search-md].invalid, input[type=search-md]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=text].invalid, input[type=text]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=url].invalid, input[type=url]: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=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=email].invalid+label:after, input[type=email]:focus.invalid+label:after, input[type=number].invalid+label:after, input[type=number]:focus.invalid+label:after, input[type=password].invalid+label:after, input[type=password]:focus.invalid+label:after, input[type=search-md].invalid+label:after, input[type=search-md]:focus.invalid+label:after, input[type=tel].invalid+label:after, input[type=tel]:focus.invalid+label:after, input[type=text].invalid+label:after, input[type=text]:focus.invalid+label:after, input[type=time].invalid+label:after, input[type=time]:focus.invalid+label:after, input[type=url].invalid+label:after, input[type=url]: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=date]+label:after, input[type=datetime-local]+label:after, input[type=email]+label:after, input[type=number]+label:after, input[type=password]+label:after, input[type=search-md]+label:after, input[type=tel]+label:after, input[type=text]+label:after, input[type=time]+label:after, input[type=url]+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: #fff solid 1px }
button:focus { outline: 0; background-color: #b275d1 }
label { font-size: .8rem; color: #9e9e9e }
.input-field { position: relative; margin-top: 1rem }
.section-colored h3, .section-dark h3, .section-white h3 { margin-bottom: 1.1em; margin-top: 1.1em }
.input-field label { color: #9e9e9e; 
                    position: absolute; top: .8rem;
                    left: .75rem;
                    font-size: .8rem; 
                    cursor: text; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -ms-transition: .2s ease-out; transition: .2s ease-out }
.input-field label.active { font-size: .8rem; -webkit-transform: translateY(-140%); -moz-transform: translateY(-140%); -ms-transform: translateY(-140%); -o-transform: translateY(-140%); transform: translateY(-140%) }
.input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s }
.input-field .prefix.active { color: #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 }
/*binal*/
.inputfield { color: #9e9e9e; 
                    position: absolute; top: .8rem;
                    left: .75rem;
                    font-size: 1rem; 
                    cursor: text; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -ms-transition: .2s ease-out; transition: .2s ease-out }
 .inputfield.active { font-size: .8rem; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) }



@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) }
.hiddendiv, .no-video .video-container video, .touch .video-container video { display: none }
.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; padding: 1.6rem 0; resize: none; min-height: 3rem }
.hiddendiv { white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; padding-top: 1.2rem }
.homepage-hero-module { border-right: none; border-left: none; position: relative }
.no-video .video-container .poster, .touch .video-container .poster { display: block!important }
.view img, .waves-block { display: block }
.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,.4); width: 100% }
.video-container video { position: absolute; z-index: 0; bottom: 0 }
.parallax, .view { position: relative }
.video-container video.fillWidth { width: 100% }
.parallax { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding-top: 3em; padding-bottom: 3em }
.view { overflow: hidden; cursor: default }
.view .content, .view .mask { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0 }
.view img { position: relative }
.overlay:hover .mask { opacity: 1 }
.overlay img { transition: all .2s linear }
.overlay .mask { opacity: 0; transition: all .4s ease-in-out }
.pattern-1 { background: url(../../img/overlays/01.html) }
.pattern-2 { background: url(../../img/overlays/02.html) }
.pattern-3 { background: url(../../img/overlays/03.html) }
.pattern-4 { background: url(../../img/overlays/04.html) }
.pattern-5 { background: url(../../img/overlays/05.html) }
.pattern-6 { background: url(../../img/overlays/06.html) }
.pattern-7 { background: url(../../img/overlays/07.html) }
.pattern-8 { background: url(../../img/overlays/08.html) }
.pattern-9 { background: url(../../img/overlays/09.html) }
.hm-blue-light .mask { background-color: rgba(3,169,244,.3) }
.hm-red-light .mask { background-color: rgba(244,67,54,.3) }
.hm-pink-light .mask { background-color: rgba(233,30,99,.3) }
.hm-purple-light .mask { background-color: rgba(156,39,176,.3) }
.hm-indigo-light .mask { background-color: rgba(63,81,181,.3) }
.hm-cyan-light .mask { background-color: rgba(0,188,212,.3) }
.hm-teal-light .mask { background-color: rgba(0,150,136,.3) }
.hm-green-light .mask { background-color: rgba(76,175,80,.3) }
.hm-lime-light .mask { background-color: rgba(205,220,57,.3) }
.hm-yellow-light .mask { background-color: rgba(255,235,59,.3) }
.hm-orange-light .mask { background-color: rgba(255,152,0,.3) }
.hm-brown-light .mask { background-color: rgba(121,85,72,.3) }
.hm-grey-light .mask { background-color: rgba(158,158,158,.3) }
.hm-bluegrey-light .mask { background-color: rgba(96,125,139,.3) }
.hm-black-light .mask { background-color: rgba(0,0,0,.3) }
.hm-stylish-light .mask { background-color: rgba(62,69,81,.3) }
.hm-white-light .mask { background-color: rgba(255,255,255,.3) }
.hm-blue-strong .mask { background-color: rgba(3,169,244,.7) }
.hm-red-strong .mask { background-color: rgba(244,67,54,.7) }
.hm-pink-strong .mask { background-color: rgba(233,30,99,.7) }
.hm-purple-strong .mask { background-color: rgba(156,39,176,.7) }
.hm-indigo-strong .mask { background-color: rgba(63,81,181,.7) }
.hm-cyan-strong .mask { background-color: rgba(0,188,212,.7) }
.hm-teal-strong .mask { background-color: rgba(0,150,136,.7) }
.hm-green-strong .mask { background-color: rgba(76,175,80,.7) }
.hm-lime-strong .mask { background-color: rgba(205,220,57,.7) }
.hm-yellow-strong .mask { background-color: rgba(255,235,59,.7) }
.hm-orange-strong .mask { background-color: rgba(255,152,0,.7) }
.hm-brown-strong .mask { background-color: rgba(121,85,72,.7) }
.hm-grey-strong .mask { background-color: rgba(158,158,158,.7) }
.hm-bluegrey-strong .mask { background-color: rgba(96,125,139,.7) }
.hm-black-strong .mask { background-color: rgba(0,0,0,.7) }
.hm-stylish-strong .mask { background-color: rgba(62,69,81,.7) }
.hm-white-strong .mask { background-color: rgba(255,255,255,.7) }
.hm-blue-slight .mask { background-color: rgba(3,169,244,.1) }
.hm-red-slight .mask { background-color: rgba(244,67,54,.1) }
.hm-pink-slight .mask { background-color: rgba(233,30,99,.1) }
.hm-purple-slight .mask { background-color: rgba(156,39,176,.1) }
.hm-indigo-slight .mask { background-color: rgba(63,81,181,.1) }
.hm-cyan-slight .mask { background-color: rgba(0,188,212,.1) }
.hm-teal-slight .mask { background-color: rgba(0,150,136,.1) }
.hm-green-slight .mask { background-color: rgba(76,175,80,.1) }
.hm-lime-slight .mask { background-color: rgba(205,220,57,.1) }
.hm-yellow-slight .mask { background-color: rgba(255,235,59,.1) }
.hm-orange-slight .mask { background-color: rgba(255,152,0,.1) }
.hm-brown-slight .mask { background-color: rgba(121,85,72,.1) }
.hm-grey-slight .mask { background-color: rgba(158,158,158,.1) }
.hm-bluegrey-slight .mask { background-color: rgba(96,125,139,.1) }
.hm-black-slight .mask { background-color: rgba(0,0,0,.1) }
.hm-stylish-slight .mask { background-color: rgba(62,69,81,.1) }
.hm-white-slight .mask { background-color: rgba(255,255,255,.1) }
.hm-zoom img { transition: all .2s linear }
.hm-zoom:hover img { transform: scale(1.1) }
.hm-zoom:hover .mask { opacity: 1 }
.section-white { background-color: #fff; color: #666; text-align: center; padding: 2.8em 0 }
.section-colored, .section-dark { text-align: center; color: #fff; padding: 2.8em 0 }
.section-dark { background-color: #212121 }
.full-bg-img { height: 100%; margin: 0; padding: 0 }
.full-bg-img .container, .full-bg-img .container-fluid, .full-bg-img .view { height: 100% }/*!
 * 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; z-index: 1; will-change: opacity, transform; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out }
.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0,0,0,.2); -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; -ms-transition: all .7s ease-out; transition: all .7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none }
.waves-effect.waves-light .waves-ripple { background-color: rgba(255,255,255,.45) }
.waves-effect.waves-red .waves-ripple { background-color: rgba(244,67,54,.7) }
.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255,235,59,.7) }
.waves-effect.waves-orange .waves-ripple { background-color: rgba(255,152,0,.7) }
.waves-effect.waves-purple .waves-ripple { background-color: rgba(156,39,176,.7) }
.waves-effect.waves-green .waves-ripple { background-color: rgba(76,175,80,.7) }
.waves-effect.waves-teal .waves-ripple { background-color: rgba(0,150,136,.7) }
.waves-notransition { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; -ms-transition: none!important; transition: none!important }
.waves-input-wrapper { border-radius: .2em; vertical-align: bottom }
.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 }
.waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none }
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: .5rem }
.extra-margin-1, .extra-padding-1 { padding: 1rem }
.extra-margin-2 { padding: 2rem }
.space-30, .space-50 { height: 30px }
.divider-new::after, .divider-new::before { content: ''; height: 1.5px; background: #666 }
.verticalcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
#sidenav-overlay, .drag-target, .side-nav { position: fixed; top: 0 }
.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 }
.side-nav a, .side-nav.fixed a { display: block }
.divider-new::before { flex: 1; margin: 0 .45em 0 0 }
.divider-new::after { flex: 1; margin: 0 0 0 .45em }
.section-title { text-transform: uppercase; margin-top: 0; margin-bottom: 3rem; padding: .7rem }
.section-title small { text-transform: none; padding-left: 7px; margin-left: 10px }
.st-indigo { border-left: 4px solid #00f }
.st-indigo small { border-left: 2px solid #00f }
.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 }
.side-nav { width: 240px; left: -105%; margin: 0; height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: left }
.side-nav.right-aligned { will-change: right; right: -105%; left: auto }
.side-nav .collapsible { margin: 0 }
.side-nav .collapsible .fa { margin-right: 6px }
.side-nav .collapsible-body a { padding-left: 50px }
.side-nav li { padding: 0; background-color: #fff }
.side-nav li.active, .side-nav li:hover { background-color: #ddd }
.side-nav a { font-size: 1rem; height: 64px; line-height: 64px; padding-left: 30px }
.side-nav .bold { font-weight: 700 }
.side-nav .logo-wrapper a { height: auto; width: auto; margin: 0; padding: 0 }
.side-nav .about { padding: 14px }
.side-nav .about p { font-size: 16px }
.side-nav .social { padding: 0 }
.side-nav .social a { padding: 0; margin: 10px; line-height: 40px; height: 40px }
.side-nav .search-from { padding: 10px 28px }
.side-nav .search-from.input-dark-bg ::-webkit-input-placeholder {
color:#fff!important;
font-weight:300
}
.side-nav .search-from.input-dark-bg :-moz-placeholder {
color:#fff!important;
font-weight:300
}
.side-nav .search-from.input-dark-bg ::-moz-placeholder {
color:#fff!important;
font-weight:300
}
.side-nav .search-from.input-dark-bg :-ms-input-placeholder {
color:#fff!important;
font-weight:300
}
.side-nav .search-from.input-dark-bg input[type=text] { border-bottom: 1px solid #fff }
.side-nav .search-from.input-dark-bg .form-control { color: #fff }
.side-nav .search-from.input-light-bg ::-webkit-input-placeholder {
color:#1C2331!important;
font-weight:300
}
.side-nav .search-from.input-light-bg :-moz-placeholder {
color:#1C2331!important;
font-weight:300
}
.side-nav .search-from.input-light-bg ::-moz-placeholder {
color:#1C2331!important;
font-weight:300
}
.side-nav .search-from.input-light-bg :-ms-input-placeholder {
color:#1C2331!important;
font-weight:300
}
.light-side-nav .collapsible a, .light-side-nav p, .side-nav .search-from.input-light-bg .form-control { color: #1C2331 }
.side-nav .search-from.input-light-bg input[type=text] { border-bottom: 1px solid #1C2331 }
.default-side-nav img { padding: 30px }
.personal-side-nav .avatar-wrapper { padding: 50px 80px }
.personal-side-nav img { border: 2px solid #fff }
.admin-side-nav img { max-width: 70px; padding: 20px 10px; float: left }
.admin-side-nav p { font-size: 15px; padding-top: 20px; padding-bottom: 20px; margin: 0 }
.admin-side-nav.light-side-nav li { border-bottom: 1px solid #eee }
.admin-side-nav.dark-side-nav li { border-bottom: 1px solid #2E2E2E }
.admin-side-nav.colorful-side-nav li { border-bottom: 1px solid #00897b }
.admin-side-nav.stylish-side-nav li { border-bottom: 1px solid #4B515D }
.light-side-nav .logo-wrapper { background: url("https://mdbootstrap.com/images/regular/nature/img (1).jpg") center center no-repeat; background-size: cover }
.colorful-side-nav .collapsible a, .colorful-side-nav .social a, .colorful-side-nav p, .dark-side-nav .collapsible a, .dark-side-nav .social a, .dark-side-nav p, .stylish-side-nav .collapsible a, .stylish-side-nav .social a, .stylish-side-nav p { color: #fff }
.light-side-nav .social { border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.light-side-nav .navbar-form { margin: 10px }
.dark-side-nav { background-color: #212121 }
.dark-side-nav .logo-wrapper { background: url("https://mdbootstrap.com/images/regular/nature/img (17).jpg") center center no-repeat; background-size: cover }
.dark-side-nav li { background-color: #212121 }
.dark-side-nav .collapsible a.active, .dark-side-nav .collapsible a:active, .dark-side-nav li.active, .dark-side-nav li:hover { background-color: #2E2E2E }
.dark-side-nav .social { border-top: 1px solid #4B515D; border-bottom: 1px solid #4B515D }
.colorful-side-nav { background-color: #00695c }
.colorful-side-nav .logo-wrapper { background: url("https://mdbootstrap.com/images/regular/nature/img (23).jpg") center center no-repeat; background-size: cover }
.colorful-side-nav li { background-color: #00695c }
.colorful-side-nav li.active, .colorful-side-nav li:hover { background-color: #008372 }
.colorful-side-nav .collapsible a.active, .colorful-side-nav .collapsible a:active { background-color: #2BBBAD }
.colorful-side-nav .social { border-top: 1px solid #26a69a; border-bottom: 1px solid #26a69a }
.stylish-side-nav { background-color: #3E4551 }
.stylish-side-nav .logo-wrapper { background: url("https://mdbootstrap.com/images/regular/nature/img (26).jpg") center center no-repeat; background-size: cover }
.stylish-side-nav li { background-color: #3E4551 }
.stylish-side-nav .collapsible a.active, .stylish-side-nav .collapsible a:active, .stylish-side-nav li.active, .stylish-side-nav li:hover { background-color: #4B515D }
.stylish-side-nav .social { border-top: 1px solid #4B515D; border-bottom: 1px solid #4B515D }
.drag-target { height: 100%; width: 10px; z-index: 998 }
.side-nav.fixed { left: 0; position: fixed }
.side-nav.fixed.right-aligned { right: 0; left: auto }

@media only screen and (max-width:992px) {
.side-nav.fixed { left: -105% }
.side-nav.fixed.right-aligned { right: -105%; left: auto }
}
#sidenav-overlay { left: 0; right: 0; height: 120vh; background-color: rgba(0,0,0,.5); z-index: 997; will-change: opacity }
.side-nav .double-navbar .bc-min { padding: 5px 10px }
.side-nav .double-navbar .bc-min .button-collapse { padding-left: 0 }
.card-wrapper { margin: .5rem 0 1rem; height: 600px; max-height: 500px; position: relative; perspective: 800px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px }
.card-wrapper .face { position: absolute; width: 100%; height: 100%; border-radius: 2px; background-color: #fff }
.card-wrapper .card-up, .card-wrapper .face { -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px }
.card-wrapper .card-up { overflow: hidden; height: 50%; border-radius: 2px }
.card-wrapper .card-up img { min-width: 400px }
.card-wrapper .avatar { border-radius: 50%; display: block; height: 120px; margin: -65px auto 0; overflow: hidden; width: 120px }
.card-wrapper .avatar img { border: 5px solid #fff; background: #FFF; width: 100% }
.card-wrapper .card-content { padding: 15px; line-height: 1.42857143; font-size: 14px }
.card-wrapper .sm-container { margin-top: 80px; padding-top: 20px; border-top: 1px solid #e0e0e0 }
.card-wrapper .sm-container .fa { font-size: .7em }
.card-wrapper .card-sm a { padding: 0; margin: 7px }
.card-wrapper .card-rotating .sm-container, .card-wrapper .fa-undo { margin-top: 30px }
.card-wrapper .card-rotating { text-align: center; position: absolute; width: 100%; height: 100%; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transform-style: preserve-3d }
.card-wrapper .fa-repeat, .card-wrapper .fa-undo { font-size: 20px; margin-top: 30px }
.card-wrapper .card-rotating__back, .card-wrapper .card-rotating__front { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 1s; transition: transform 1s }
.card-wrapper .card-rotating__back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) }
.card-wrapper .card-rotating.effect__click.flipped .card-rotating__front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) }
.card-wrapper .card-rotating.effect__click.flipped .card-rotating__back { -webkit-transform: rotateY(0); transform: rotateY(0) }
.card .reveal-button { float: right }
.card .card-reveal { padding: 20px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 1; display: none }
.card .card-reveal .card-title { cursor: pointer; display: block }
.card .card-reveal.social-reveal { height: 60% }
.elegant-card { margin: .5rem 0 1rem; position: relative; perspective: 800px; border-radius: 2px }
.elegant-card, .elegant-card .card-up { -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px }
.elegant-card .card-up { overflow: hidden; border-radius: 2px }
.elegant-card .btn-floating { margin: -2.1em 2em; float: right }
.elegant-card .btn-floating .fa { font-size: 14px }
.elegant-card .card-content { padding: 2em; color: #666; background-color: #fff }
.elegant-card .card-content h5 { padding-bottom: 10px; border-bottom: 1px solid #eee }
.elegant-card .card-content p { font-size: 15px; line-height: 1.571428; font-weight: 300 }
.elegant-card .card-footer { background-color: #3E4551; height: 50px; color: #fff; text-align: center; font-size: 15px }
.testimonial-card .avatar, .testimonial-card .card-up { overflow: hidden; height: 120px }
.elegant-card .card-footer ul { padding-top: 15px; padding-bottom: 15px }
.elegant-card .card-footer ul .fa { margin-right: 5px }
.elegant-card .card-footer ul a { color: #fff }
.elegant-card .card-label { margin-bottom: -27px; margin-top: 0; z-index: 10; position: relative }
.elegant-card .card-label .label { border-radius: 0; font-weight: 300 }
.elegant-card .card-details, .elegant-card .card-details a { color: #666 }

@media only screen and (max-width:500px) {
.elegant-card .card-up { max-height: 150px }
.elegant-card .card-content { padding: 1em }
}
.testimonial-card { margin: .5rem 0 1rem; position: relative; background-color: #fff }
.testimonial-card .avatar { border-radius: 50%; display: block; margin: -65px auto 0; width: 120px }
.testimonial-card .avatar img { border: 5px solid #fff; background: #FFF; width: 100% }
.testimonial-card .card-content { padding: 1em; color: #666; background-color: #fff; text-align: center }
.testimonial-card .card-content h5 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #eee }
.testimonial-card .card-content p { font-size: 15px; line-height: 1.571428; font-weight: 300 }
.review-card { position: relative; margin: .5rem 0 1rem }
.review-card .card-footer { background-color: #000; position: relative; width: 100%; color: #fff; height: 140px; padding: 14px }
.review-card .card-footer .btn-floating { margin: -2.9em 10px; float: right }
.review-card .card-footer h5 { padding-left: 10px }
.review-card .card-footer .item-details { padding-left: 10px; padding-top: 8px }
.review-card .card-footer .item-details a, .review-card .card-footer .material-icons { color: #fff }
.review-card .card-footer .rating { margin-top: -33px }
.review-card .card-footer .rating:hover .material-icons { color: gold; transition: all .4s linear }
.review-card .card-label { margin-bottom: -27px; margin-top: 0; z-index: 10; position: relative }
.review-card .card-label .label { border-radius: 0; font-weight: 300 }
.stylish-card { margin: .5rem 0 1rem }
.stylish-card .card-content { padding: 1.5rem }
.stylish-card .card-content h4 { text-align: left; padding-bottom: 15px; border-bottom: 1px solid #666 }
.stylish-card .card-content h5 { text-align: right; margin-top: 1em; border: none }
.stylish-card .card-content .fa-chevron-right { font-size: .8em; margin-left: 8px }
.btn-rounded { -webkit-border-radius: 10em; -moz-border-radius: 10em; -ms-border-radius: 10em; -o-border-radius: 10em; border-radius: 10em }
.btn-border-default { background-color: transparent; border: 2px solid #2BBBAD; color: #00695c }
.btn-border-default:focus, .btn-border-default:hover { background-color: transparent; color: #2BBBAD }
.btn-border-primary { background-color: transparent; border: 2px solid #4285F4; color: #0d47a1 }
.btn-border-primary:focus, .btn-border-primary:hover { background-color: transparent; color: #4285F4 }
.btn-border-success { background-color: transparent; border: 2px solid #00C851; color: #007E33 }
.btn-border-success:focus, .btn-border-success:hover { background-color: transparent; color: #00C851 }
.btn-border-info { background-color: transparent; border: 2px solid #33b5e5; color: #09C }
.btn-border-info:focus, .btn-border-info:hover { background-color: transparent; color: #33b5e5 }
.btn-border-warning { background-color: transparent; border: 2px solid #fb3; color: #F80 }
.btn-border-warning:focus, .btn-border-warning:hover { background-color: transparent; color: #fb3 }
.btn-border-danger { background-color: transparent; border: 2px solid #f44; color: #C00 }
.btn-border-danger:focus, .btn-border-danger:hover { background-color: transparent; color: #f44 }
.btn-border-light { background-color: transparent; border: 2px solid #fff; color: #fff }
.btn-border-light:focus, .btn-border-light:hover { background-color: transparent; color: #fff }
.btn-border-dark, .btn-border-dark:focus, .btn-border-dark:hover { background-color: transparent; color: #000 }
.btn-border-dark { border: 2px solid #000 }
.btn-fab { margin: 0; padding: 15px; font-size: 26px; width: 56px; height: 56px }
.btn-fab, .btn-fab .ripple-wrapper { border-radius: 100% }
.btn-fab.btn-mini { width: 40px; height: 40px; padding: 13px; font-size: 15px }
.fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998 }
.fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0 }
.fixed-action-btn ul li { margin-bottom: 15px }
.fixed-action-btn ul a.btn-floating { opacity: 0 }
.modal.bottom-sheet { top: auto; bottom: -100%; margin: 0; width: 100%; border-radius: 0; will-change: bottom, opacity; background-color: #fff }
.bottom-sheet .modal-content { box-shadow: none; border-bottom: none }
.bottom-sheet .modal-footer { margin-bottom: 30px; border-top: 0 }
.lean-overlay { position: fixed; z-index: 999; top: -100px; left: 0; bottom: 0; right: 0; height: 125%; width: 100%; background: #000; display: none; will-change: opacity }
.modal-content .options { float: right }
.modal-content .modal-footer p { font-size: 20px; margin-top: 13px }
.modal-content .modal-body .subscription-checkbox { margin-top: 30px }
.modal-content .modal-body .subscription-checkbox p { font-size: 25px; margin-top: -6px }
.modal-content .call p { text-align: center }
.modal-cart li p { margin: 5px; font-weight: 400 }
.modal-cart li p .label { margin-left: 10px; margin-top: 3px; font-weight: 400; position: absolute }
.modal-cart li p .quantity { font-size: 16px; margin-right: 7px; font-weight: 300 }
.modal-cart .cartPageLink { margin-left: 10px }
.modal-cart .cartPageLink a { text-decoration: underline; color: #666 }
.icons-sm, .popout a:hover, .toast-message a:hover { text-decoration: none }
.modal-cart .total { float: right; font-weight: 400 }
.modal .modal-body .cf-phone { margin-left: 7px }
.nav-tabs { position: relative; height: 48px; background-color: #fff; margin: 0 auto; width: 100%; white-space: nowrap; border: none; 
           /*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) binal*/ 
}
.progress, .progress .progress-bar { box-shadow: none }
.nav-tabs li { display: block; float: left; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; text-transform: uppercase; letter-spacing: .8px }
.nav-tabs a { color: #4285F4; display: block; width: 100%; height: 100%; -webkit-transition: color .28s ease; -moz-transition: color .28s ease; -o-transition: color .28s ease; -ms-transition: color .28s ease; transition: color .28s ease }
.nav-tabs a:hover { color: #a2c3fa }
.nav-tabs li>a:hover { background-color: transparent; border: none }
.nav-tabs li.active>a { border: none; border-bottom: 2px solid #8ab4f8 }
.nav-tabs li.active>a:hover { border: none }
.nav-tabs li.active>a:focus { border: none; border-bottom: 2px solid #8ab4f8 }
.tabs-5 li { width: 20% }
.tabs-4 li { width: 25% }
.tabs-3 li { width: 33.3% }
.tabs-2 li { width: 50% }
.progress { height: 4px; border-radius: 0; background: #c8c8c8; position: relative; display: block; width: 100%; overflow: hidden }
.progress .determinate, .progress .indeterminate { background-color: #4285F4 }
.progress .progress-bar-animated { -webkit-transition: width 2s ease-in-out; transition: width 2s ease-in-out }
.progress .determinate { position: absolute; top: 0; left: 0; bottom: 0; -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -o-transition: width .3s linear; -ms-transition: width .3s linear; transition: width .3s linear }
.progress .indeterminate:after, .progress .indeterminate:before { content: ''; bottom: 0; top: 0; position: absolute; background-color: inherit; left: 0; will-change: left, right }
.progress .indeterminate:before { -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite; -moz-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite; -ms-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite; -o-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite; animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite }
.progress .indeterminate:after { -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; -moz-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; -ms-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; -o-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite; -webkit-animation-delay: 1.15s; -moz-animation-delay: 1.15s; -ms-animation-delay: 1.15s; -o-animation-delay: 1.15s; animation-delay: 1.15s }
@-webkit-keyframes indeterminate {
0% {
left:-35%;
right:100%
}
100%, 60% {
left:100%;
right:-90%
}
}
@-moz-keyframes indeterminate {
0% {
left:-35%;
right:100%
}
100%, 60% {
left:100%;
right:-90%
}
}
@keyframes indeterminate {
0% {
left:-35%;
right:100%
}
100%, 60% {
left:100%;
right:-90%
}
}
@-webkit-keyframes indeterminate-short {
0% {
left:-200%;
right:100%
}
100%, 60% {
left:107%;
right:-8%
}
}
@-moz-keyframes indeterminate-short {
0% {
left:-200%;
right:100%
}
100%, 60% {
left:107%;
right:-8%
}
}
@keyframes indeterminate-short {
0% {
left:-200%;
right:100%
}
100%, 60% {
left:107%;
right:-8%
}
}
.preloader-wrapper { display: inline-block; position: relative; width: 48px; height: 48px }
.preloader-wrapper.small { width: 36px; height: 36px }
.preloader-wrapper.big { width: 64px; height: 64px }
.preloader-wrapper.active { -webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite }
@-webkit-keyframes container-rotate {
to {
-webkit-transform:rotate(360deg)
}
}
@keyframes container-rotate {
to {
transform:rotate(360deg)
}
}
.spinner-layer { position: absolute; width: 100%; height: 100%; opacity: 0 }
.spinner-blue, .spinner-blue-only { border-color: #4285f4 }
.spinner-red, .spinner-red-only { border-color: #db4437 }
.spinner-yellow, .spinner-yellow-only { border-color: #f4b400 }
.spinner-green, .spinner-green-only { border-color: #0f9d58 }
.circle-clipper, .circle-clipper .circle, .gap-patch { height: 100%; border-color: inherit }
.active .spinner-layer.spinner-blue { -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both }
.active .spinner-layer.spinner-red { -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both }
.active .spinner-layer.spinner-yellow { -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both }
.active .spinner-layer.spinner-green { -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both }
.active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-green-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only { opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both }
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform:rotate(135deg)
}
25% {
-webkit-transform:rotate(270deg)
}
37.5% {
-webkit-transform:rotate(405deg)
}
50% {
-webkit-transform:rotate(540deg)
}
62.5% {
-webkit-transform:rotate(675deg)
}
75% {
-webkit-transform:rotate(810deg)
}
87.5% {
-webkit-transform:rotate(945deg)
}
to {
-webkit-transform:rotate(1080deg)
}
}
@keyframes fill-unfill-rotate {
12.5% {
transform:rotate(135deg)
}
25% {
transform:rotate(270deg)
}
37.5% {
transform:rotate(405deg)
}
50% {
transform:rotate(540deg)
}
62.5% {
transform:rotate(675deg)
}
75% {
transform:rotate(810deg)
}
87.5% {
transform:rotate(945deg)
}
to {
transform:rotate(1080deg)
}
}
@-webkit-keyframes blue-fade-in-out {
100%, 25%, 90%, from {
opacity:1
}
26%, 89% {
opacity:0
}
}
@keyframes blue-fade-in-out {
100%, 25%, 90%, from {
opacity:1
}
26%, 89% {
opacity:0
}
}
@-webkit-keyframes red-fade-in-out {
15%, 51%, from {
opacity:0
}
25%, 50% {
opacity:1
}
}
@keyframes red-fade-in-out {
15%, 51%, from {
opacity:0
}
25%, 50% {
opacity:1
}
}
@-webkit-keyframes yellow-fade-in-out {
40%, 76%, from {
opacity:0
}
50%, 75% {
opacity:1
}
}
@keyframes yellow-fade-in-out {
40%, 76%, from {
opacity:0
}
50%, 75% {
opacity:1
}
}
@-webkit-keyframes green-fade-in-out {
100%, 65%, from {
opacity:0
}
75%, 90% {
opacity:1
}
}
@keyframes green-fade-in-out {
100%, 65%, from {
opacity:0
}
75%, 90% {
opacity:1
}
}
.gap-patch { position: absolute; top: 0; left: 45%; width: 10%; overflow: hidden }
.gap-patch .circle { width: 1000%; left: -450% }
.circle-clipper { display: inline-block; position: relative; width: 50%; overflow: hidden }
.circle-clipper .circle { width: 200%; border-width: 3px; border-style: solid; border-bottom-color: transparent!important; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0 }
.circle-clipper.left .circle { left: 0; border-right-color: transparent!important; -webkit-transform: rotate(129deg); transform: rotate(129deg) }
.circle-clipper.right .circle { left: -100%; border-left-color: transparent!important; -webkit-transform: rotate(-129deg); transform: rotate(-129deg) }
.active .circle-clipper.left .circle { -webkit-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both }
.active .circle-clipper.right .circle { -webkit-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both }
@-webkit-keyframes left-spin {
from, to {
-webkit-transform:rotate(130deg)
}
50% {
-webkit-transform:rotate(-5deg)
}
}
@keyframes left-spin {
from, to {
transform:rotate(130deg)
}
50% {
transform:rotate(-5deg)
}
}
@-webkit-keyframes right-spin {
from, to {
-webkit-transform:rotate(-130deg)
}
50% {
-webkit-transform:rotate(5deg)
}
}
@keyframes right-spin {
from, to {
transform:rotate(-130deg)
}
50% {
transform:rotate(5deg)
}
}
#spinnerContainer.cooldown { -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1); animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(.4, 0, .2, 1) }
@-webkit-keyframes fade-out {
from {
opacity:1
}
to {
opacity:0
}
}
@keyframes fade-out {
from {
opacity:1
}
to {
opacity:0
}
}
.materialboxed { display: block; cursor: zoom-in; position: relative; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; transition: opacity .4s }
.materialboxed:hover { will-change: left, top, width, height }
.materialboxed:hover:not(.active) { opacity: .8 }
.materialboxed.active { cursor: zoom-out }
#materialbox-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #292929; z-index: 999; will-change: opacity }
.materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; width: 100%; text-align: center; padding: 0 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased }
img.responsive-img, video.responsive-video { max-width: 100%; height: auto }
.toast-title { font-weight: 700 }
.toast-message { -ms-word-wrap: break-word; word-wrap: break-word }
.toast-message a, .toast-message label { color: #fff }
.toast-message a:hover { color: #ccc }
.toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80) }
.toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40) }
button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none }
.toast-top-full-width { top: 0; right: 0; width: 100% }
.toast-bottom-full-width { bottom: 0; right: 0; width: 100% }
.toast-top-left { top: 12px; left: 12px }
.toast-top-right { top: 12px; right: 12px }
.toast-bottom-right { right: 12px; bottom: 12px }
.toast-bottom-left { bottom: 12px; left: 12px }
#toast-container { position: fixed; z-index: 999999 }
#toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
#toast-container>div { margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: .8; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80) }
#toast-container>:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100); cursor: pointer }
.form-control, .popout, .popout .panel-group { box-shadow: none }
#toast-container>.toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important }
#toast-container>.toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important }
#toast-container>.toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important }
#toast-container>.toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important }
#toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div { width: 96%; margin: auto }
.toast { background-color: #030303 }
.toast-success { background-color: #51a351 }
.toast-error { background-color: #bd362f }
.toast-info { background-color: #2f96b4 }
.toast-warning { background-color: #f89406 }

@media all and (max-width:239px) {
#toast-container>div { padding: 8px 8px 8px 50px; width: 11em }
#toast-container .toast-close-button { right: -.2em; top: -.2em }
}

@media all and (min-width:240px) and (max-width:479px) {
#toast-container>div { padding: 8px 8px 8px 50px; width: 18em }
#toast-container .toast-close-button { right: -.2em; top: -.2em }
}

@media all and (min-width:480px) and (max-width:767px) {
#toast-container>div { padding: 15px 15px 15px 50px; width: 25em }
}
.btn-sm .fa, .btn-sm-full .fa { font-size: 22px; width: 16px }
[type=checkbox]+label, [type=radio]:checked+label, [type=radio]:not(:checked)+label { -khtml-user-select: none; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; font-size: 1rem; padding-left: 35px; line-height: 25px }
[type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px; visibility: hidden }
[type=radio]:checked+label, [type=radio]:not(:checked)+label { position: relative; height: 25px; -webkit-transition: .28s ease; -moz-transition: .28s ease; -o-transition: .28s ease; -ms-transition: .28s ease; transition: .28s ease }
[type=radio]+label:after, [type=radio]+label:before { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; -moz-transition: .28s ease; -o-transition: .28s ease; -ms-transition: .28s ease; transition: .28s ease }
[type=radio]:not(:checked)+label:before { border-radius: 50%; border: 2px solid #5a5a5a }
[type=radio]:not(:checked)+label:after { border-radius: 50%; border: 2px solid #5a5a5a; z-index: -1; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
[type=radio]:checked+label:before { border-radius: 50%; border: 2px solid transparent }
[type=radio]:checked+label:after { border-radius: 50%; border: 2px solid #4285F4; background-color: #4285F4; z-index: 0; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02) }
[type=radio].with-gap:checked+label:before { border-radius: 50%; border: 2px solid #4285F4 }
[type=radio].with-gap:checked+label:after { border-radius: 50%; border: 2px solid #4285F4; background-color: #4285F4; z-index: 0; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5) }
[type=radio].with-gap:disabled:checked+label:before { border: 2px solid rgba(0,0,0,.26) }
[type=radio].with-gap:disabled:checked+label:after { border: none; background-color: rgba(0,0,0,.26) }
[type=radio]:disabled:checked+label:before, [type=radio]:disabled:not(:checked)+label:before { background-color: transparent; border-color: rgba(0,0,0,.26) }
[type=radio]:disabled+label { color: rgba(0,0,0,.26) }
[type=radio]:disabled:not(:checked)+label:before { border-color: rgba(0,0,0,.26) }
[type=radio]:disabled:checked+label:after { background-color: rgba(0,0,0,.26); border-color: #BDBDBD }
form p { margin-bottom: 10px; text-align: left }
form p:last-child { margin-bottom: 0 }
[type=checkbox]:checked, [type=checkbox]:not(:checked) { position: absolute; left: -9999px; visibility: hidden }
[type=checkbox]+label { position: relative; height: 25px }
[type=checkbox]+label:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s }
[type=checkbox]:not(:checked):disabled+label:before { border: none; background-color: rgba(0,0,0,.26) }
[type=checkbox]:checked+label:before { top: -4px; left: -3px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #4285F4; border-bottom: 2px solid #4285F4; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100% }
[type=checkbox]:checked:disabled+label:before { border-right: 2px solid rgba(0,0,0,.26); border-bottom: 2px solid rgba(0,0,0,.26) }
[type=checkbox]:indeterminate+label:before { left: -10px; top: -11px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #4285F4; border-bottom: none; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100% }
[type=checkbox]:indeterminate:disabled+label:before { border-right: 2px solid rgba(0,0,0,.26); background-color: transparent }
[type=checkbox].filled-in+label:after { border-radius: 2px }
[type=checkbox].filled-in+label:after, [type=checkbox].filled-in+label:before { content: ''; left: 0; position: absolute; transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s; z-index: 1 }
[type=checkbox].filled-in:not(:checked)+label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100% }
[type=checkbox].filled-in:not(:checked)+label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0; z-index: 0 }
[type=checkbox].filled-in:checked+label:before { top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% }
[type=checkbox].filled-in:checked+label:after { top: 0; width: 20px; height: 20px; border: 2px solid #a6c; background-color: #a6c; z-index: 0 }
[type=checkbox].filled-in:disabled:not(:checked)+label:before { background-color: transparent; border: 2px solid transparent }
[type=checkbox].filled-in:disabled:not(:checked)+label:after { border-color: transparent; background-color: #BDBDBD }
[type=checkbox].filled-in:disabled:checked+label:before { background-color: transparent }
[type=checkbox].filled-in:disabled:checked+label:after { background-color: #BDBDBD; border-color: #BDBDBD }
[type=checkbox].filled-in-danger+label:after { border-radius: 2px }
[type=checkbox].filled-in-danger+label:after, [type=checkbox].filled-in-danger+label:before { content: ''; left: 0; position: absolute; transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s; z-index: 1 }
[type=checkbox].filled-in-danger:not(:checked)+label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100% }
[type=checkbox].filled-in-danger:not(:checked)+label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0; z-index: 0 }
[type=checkbox].filled-in-danger:checked+label:before { top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% }
[type=checkbox].filled-in-danger:checked+label:after { top: 0; width: 20px; height: 20px; border: 2px solid transparent; background-color: red; z-index: 0 }
.input-field .caret { display: block }
.select-label { position: absolute }
.select-wrapper { position: relative }
.select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: 0; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px; padding: 0; display: block }
.select-wrapper span.caret { display: none; color: initial; position: absolute; right: 0; top: 16px; font-size: 10px }
.select-wrapper span.caret.disabled { color: rgba(0,0,0,.26) }
.select-dropdown li.disabled, .select-wrapper i, select:disabled { color: rgba(0,0,0,.3) }
.select-wrapper+label { position: absolute; top: -14px; font-size: .8rem }
select { display: none }
select.browser-default { display: block }
.select-wrapper input.select-dropdown:disabled { color: rgba(0,0,0,.3); cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-bottom: 1px solid rgba(0,0,0,.3) }
.select-dropdown li.disabled { background-color: transparent }
.form-control { border: 0; border-radius: 0; padding: 0; -webkit-box-shadow: none }
.switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none }
.switch label { cursor: pointer }
.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0 }
.switch label input[type=checkbox]:checked+.lever { background-color: #c4d5f2 }
.switch label input[type=checkbox]:checked+.lever:after { background-color: #4285F4 }
.switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; transition: background .3s ease; margin: 0 16px }
.switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0,0,0,.4); left: -5px; top: -3px; transition: left .3s ease, background .3s ease, box-shadow .1s ease }
input[type=checkbox]:checked:not(:disabled)~.lever:active:after { box-shadow: 0 1px 3px 1px rgba(0,0,0,.4), 0 0 0 15px rgba(66,133,244,.1) }
input[type=checkbox]:not(:disabled)~.lever:active:after { box-shadow: 0 1px 3px 1px rgba(0,0,0,.4), 0 0 0 15px rgba(0,0,0,.08) }
.switch label input[type=checkbox]:checked+.lever:after { left: 24px }
.switch input[type=checkbox][disabled]+.lever { cursor: default }
.file-field span, input[type=range], input[type=range]+.thumb { cursor: pointer }
.switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after { background-color: #BDBDBD }
.file-field { position: relative }
.file-field .file-path-wrapper { overflow: hidden; padding-left: 10px }
.file-field input.file-path { width: 100% }
.file-field .btn { float: left; line-height: 3rem }
.file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 1px; cursor: pointer; opacity: 0; filter: alpha(opacity=0) }
.range-field, input[type=range] { position: relative }
.btn-file { padding-top: 1px }
input[type=range] { background-color: transparent; outline: 0; width: 100%; margin: 15px 0; padding: 0 }
input[type=range]+.thumb { position: absolute; border: none; height: 0; width: 0; border-radius: 50%; background-color: #4285F4; top: 10px; margin-left: -6px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }
input[type=range]+.thumb .value { display: block; width: 30px; text-align: center; color: #4285F4; font-size: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.btn-sm-full, .btn-sm-full:focus, .btn-sm-full:hover, .btn-sm:focus, .btn-sm:hover { color: #fff }
input[type=range]+.thumb.active { border-radius: 50% 50% 50% 0 }
input[type=range]+.thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px }
input[type=range]:focus { outline: 0 }
input[type=range]::-webkit-slider-runnable-track {
height:3px;
background:#c2c0c2;
border:none
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance:none;
border:none;
height:14px;
width:14px;
border-radius:50%;
background-color:#4285F4;
transform-origin:50% 50%;
margin:-5px 0 0;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
-ms-transition:.3s;
transition:.3s
}
.popout .panel-group>.panel, .popout .panel-group>li { transition: margin .35s cubic-bezier(.25, .46, .45, .94) }
input[type=range]:focus::-webkit-slider-runnable-track {
background:#ccc
}
input[type=range] { -webkit-appearance: none; border: 1px solid #fff }
input[type=range]::-moz-range-track {
height:3px;
background:#ddd;
border:none
}
input[type=range]::-moz-range-thumb {
border:none;
height:14px;
width:14px;
border-radius:50%;
background:#4285F4;
margin-top:-5px
}
input[type=range]:-moz-focusring {
outline:#fff solid 1px;
outline-offset:-1px
}
input[type=range]:focus::-moz-range-track {
background:#ccc
}
input[type=range]::-ms-track {
height:3px;
background:0 0;
border-color:transparent;
border-width:6px 0;
color:transparent
}
input[type=range]::-ms-fill-lower {
background:#777
}
input[type=range]::-ms-fill-upper {
background:#ddd
}
input[type=range]::-ms-thumb {
border:none;
height:14px;
width:14px;
border-radius:50%;
background:#4285F4
}
input[type=range]:focus::-ms-fill-lower {
background:#888
}
input[type=range]:focus::-ms-fill-upper {
background:#ccc
}
.popout { border: none }
.popout a { color: #333 }
.popout .panel-group>li { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); margin: 0 24px }
.popout .panel-group>li.active { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); margin: 16px 0 }
.popout .panel-group>.panel { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); margin: 0 24px }
.popout .panel-group>.active { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); margin: 16px 0 }
.btn-sm { margin: 10px; transition: .2s ease-out }
.btn-sm, .btn-sm-full { cursor: pointer; position: relative; outline: 0!important; display: inline-block; padding: 8px; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -ms-transition: .2s ease-out }
.btn-sm .fa { -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; -ms-transition-duration: .4s; transition-duration: .4s }
.btn-sm:hover .fa { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
.btn-sm span { margin-left: 8px }
.btn-sm-full { margin: 10px; transition: .2s ease-out }
.btn-sm-full span { margin-left: 8px }
.rectangle { padding: 10px 32px; border-radius: 2px }
.rectangle, .square { color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px }
.square { padding: 20px; border-radius: 2px }
.icons-sm { cursor: pointer; position: relative; padding: 8px 30px; border: none; margin: 10px 1px; outline: 0!important; font-size: 30px }
.icons-sm .fa { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; -ms-transition-duration: .2s; transition-duration: .2s }
.icons-sm:hover .fa { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) }
.social-list { width: 245px; padding: 20px; margin: 20px 5px }
.social-list li { margin-top: 15px }
.social-list .fa { margin-right: 20px; font-size: 15px }
.social-list .fa-facebook { margin-right: 26px }
.social-list a { font-size: 23px }
.social-counter { position: absolute; z-index: 8; margin-left: -25px; margin-top: 5px; font-size: 15px; background-color: red }
.fb-bg { background-color: #3B5998 }
.fb-bg:hover { background-color: #4264aa }
.gplus-bg { background-color: #DD4B39 }
.gplus-bg .fa { margin-right: 8px }
.gplus-bg:hover { background-color: #e15f4f }
.tw-bg { background-color: #55ACEE }
.tw-bg:hover { background-color: #6cb7f0 }
.li-bg { background-color: #0082CA }
.li-bg:hover { background-color: #0092e4 }
.yt-bg { background-color: #CD201F }
.yt-bg:hover { background-color: #de2827 }
.ins-bg { background-color: #3F729B }
.ins-bg:hover { background-color: #467fad }
.pin-bg { background-color: #C61118 }
.pin-bg:hover { background-color: #dd131b }
.git-bg { background-color: #4183C4 }
.git-bg:hover { background-color: #5490ca }
.comm-bg { background-color: #30CFC0 }
.comm-bg:hover { background-color: #45d4c6 }
.email-bg { background-color: #4B515D }
.email-bg:hover { background-color: #565d6b }
.fb-ic, .fb-ic:hover { color: #3B5998 }
.gplus-ic, .gplus-ic:hover { color: #DD4B39 }
.tw-ic, .tw-ic:hover { color: #55ACEE }
.li-ic, .li-ic:hover { color: #0082CA }
.yt-ic, .yt-ic:hover { color: #CD201F }
.ins-ic, .ins-ic:hover { color: #3F729B }
.pin-ic, .pin-ic:hover { color: #C61118 }
.git-ic, .git-ic:hover { color: #4183C4 }
.email-ic, .email-ic:hover { color: #4B515D }
.tiled-gallery .col-md-3, .tiled-gallery .col-md-6 { padding: 0 }
.tiled-gallery .tile { height: 300px; margin: 0; position: relative; z-index: 1 }
.tiled-gallery .tile a { width: 100%; height: 100% }
.tiled-gallery .tile .title { position: absolute; color: #fff; background-color: rgba(62,69,81,.7); bottom: 0; left: 0; padding: 10px 10px 10px 30px; margin: 0; z-index: 2 }
.tiled-gallery .tile .title .fa { margin-left: 5px }
.tiled-gallery .tile .title span { font-size: 23px }
.portfolio .tile { background-repeat: no-repeat; background-size: cover }
.elegant-gallery .card-content { padding: 2rem }
.elegant-gallery .card-content h4 { text-align: left; padding-bottom: 15px; border-bottom: 1px solid #666 }
.elegant-gallery .card-content h5 { text-align: right; margin-top: 1em }
.elegant-gallery .card-content .fa { font-size: .8em; margin-left: 8px }
.double-navbar { z-index: 998; background-color: transparent }
.double-navbar .button-collapse { position: absolute; padding-top: .8em; padding-left: 1em; font-size: 1.3em; color: #fff }
.double-navbar ul { padding: 10px 20px; margin: 0 }
.double-navbar ul>li>a { color: #fff; font-size: 13px; padding-left: 5px; padding-right: 5px }
.double-navbar ul>li>a span { font-size: 1.2em }
.double-navbar .material-icons { font-size: 3em }
.double-navbar .fa { font-size: 2em }
.double-navbar .dropdown-content { padding: 0 }
.double-navbar .dropdown-content a { padding: 20px; font-weight: 400; color: #000 }
.double-navbar .breadcrumbs { color: #fff; padding: 18px }
.double-navbar .breadcrumbs a { color: #fff }

@media only screen and (max-width:760px) {
.double-navbar ul { padding-right: 0 }
.double-navbar ul>li>a { font-size: 8px; padding-left: 3px; padding-right: 3px }
.double-navbar .button-collapse { padding-top: .9em; font-size: 1em }
}
.card-product .btn-floating .material-icons, .card-product .rating .material-icons { font-size: 1em }
.multiitem-car { margin-bottom: 5em }
.multiitem-car .carousel-indicators li { height: 20px; width: 20px; background-color: #000; margin-bottom: -30px }
.multiitem-car .carousel-indicators .active { height: 25px; width: 25px; background-color: #000 }
.multiitem-car .carousel-control.left, .multiitem-car .carousel-control.right { background: 0 0 }
.multiitem-car .carousel-indicators { margin-bottom: -2em }
.multiitem-car .card { margin: 1px }
.multiitem-car .card-content { padding: 20px }

@media only screen and (max-width:992px) {
.multiitem-car .carousel-control { margin: -25px }
}
.carousel-thumbnails { margin-bottom: 7rem }
.carousel-thumbnails .carousel-indicators { margin-bottom: -10%; position: absolute }
.carousel-thumbnails .carousel-indicators li { height: auto; width: auto; border: none }
.carousel-thumbnails .carousel-indicators .active { height: auto; width: auto; background-color: #fff; opacity: .5 }
.carousel-thumbnails .carousel-indicators img { max-width: 150px; max-height: 100px; overflow: hidden }

@media only screen and (max-width:1450px) {
.carousel-thumbnails .carousel-indicators { margin-bottom: -12% }
}

@media only screen and (max-width:1200px) {
.carousel-thumbnails { margin-bottom: 4rem }
.carousel-thumbnails .carousel-indicators { margin-bottom: -98px }
.carousel-thumbnails .carousel-indicators .active, .carousel-thumbnails .carousel-indicators li { max-width: 100px }
.carousel-thumbnails .carousel-indicators img { max-width: 100px; overflow: hidden }
}

@media only screen and (max-width:600px) {
.carousel-thumbnails { margin-bottom: 1rem }
.carousel-thumbnails .carousel-indicators { margin-bottom: -48px }
.carousel-thumbnails .carousel-indicators .active, .carousel-thumbnails .carousel-indicators li { max-width: 50px }
.carousel-thumbnails .carousel-indicators img { max-width: 50px; overflow: hidden }
}
.carousel-gallery .col-xs-8 { padding-right: 0 }
.carousel-gallery .col-xs-4 { padding-left: 0; padding-rigth: 0 }
.carousel-gallery .carousel-indicators { position: relative; margin-top: 20px }
.carousel-gallery .carousel-indicators .active, .carousel-gallery .carousel-indicators li { width: 100% }
.carousel-gallery .carousel-indicators img { width: auto; overflow: hidden }
.card-product { margin: .5rem 0 1rem }
.card-product ul { height: 0; margin: 0; padding: 0 }
.card-product ul li { margin-top: 40px }
.card-product ul li:first-of-type { margin-top: 0 }
.card-product .top-btn { margin-bottom: -70px; text-align: right }
.card-product .card-image { padding: 0; margin: 0 }
.card-product .card-image h5 { margin: 0 }
.card-product .card-image .card-label { margin-bottom: -27px; z-index: 12; position: relative }
.card-product .card-image .card-label .label { border-radius: 0; font-weight: 300 }
.card-product .card-content { padding: 0 }
.card-product .product-title { margin: 0; padding: 5px }
.card-product .product-title:hover { transition-duration: .7s }
.card-product .price { margin: 0; padding: 5px }
.card-product .btn-floating, .card-product .rating { margin-top: -20px; z-index: 10 }
.card-product .price p { text-align: center }
.card-product .price .discount { text-decoration: line-through; margin-left: 10px }
.card-product .rating:hover .material-icons { color: gold; transition: all .4s linear }
.modal-qlook .label, .product-panel .label { border-radius: 0; font-weight: 300; font-size: .7em }
.card-product .card-btn { margin-top: 0 }
.card-product .card-reveal { z-index: 11 }
.modal-qlook { width: auto; margin: 5em }
.modal-qlook .price { margin: 0; padding: 5px }
.modal-qlook .price .discount { text-decoration: line-through; margin-left: 10px }
.modal-qlook .quantity { width: 40px }

@media only screen and (max-width:480px) {
.modal-qlook { width: auto; margin: 1em }
}
.product-panel { margin: .5rem 0 1rem }
.product-panel .price { margin: 0; padding: 5px }
.product-panel .price .discount { text-decoration: line-through; margin-left: 10px }
.product-panel .quantity { width: 40px }
.quick-look-gall { display: flex }
.quick-look-gall ul.thumbnails-carousel li { height: 100px; width: 50px; overflow: hidden; float: none; margin-top: 10px }
.quick-look-gall ul.thumbnails-carousel li img { height: 100px }
.quick-look-gall ul.thumbnails-carousel li:first-of-type { margin-top: -3px }
.collection-card { width: auto; position: relative; margin: .5rem 0 1rem }
.collection-card .btn-floating { margin-bottom: -100px; position: relative }
.collection-card .card-footer { margin-top: -140px; position: absolute; width: 100%; color: #fff; height: auto; padding: 14px; text-align: center }
.collection-card .material-icons { position: absolute; margin-left: 5px }
.sort-panel { margin: .5rem 0 1rem }
.sort-panel .col-title { margin-bottom: 20px }
.sort-panel .categories label { color: #000; font-weight: 400 }
.sort-panel .categories label span { color: #666 }
.sort-panel .color-sorting a { padding: 0; margin: 5px; height: 25px; width: 25px }
.sort-panel .rectangle { padding: 7px }
.sort-panel .rectangle a { width: 100%; margin: 7px 0 0 }
.sort-panel .color-sorting .dropdown-content { width: 100% }
.sort-panel .number-sorting a { color: #666; margin: 8px 0 0 }
.sort-panel .number-sorting a:first-of-type { margin-top: 0 }

@media only screen and (max-width:992px) {
.sort-panel .add-op { margin-top: 30px }
}
.card-min .activator { margin-top: -25px; margin-right: 20px; float: right }
.card-min h5 { margin-top: 11px }
.card-min .card-label { z-index: 12; position: absolute }
.card-min .card-label .label { border-radius: 2px; font-weight: 300; font-size: 1em; padding: 10px 20px }
.card-min .card-content h5 { margin-top: 8px }
.card-min .card-content h5 .material-icons { position: absolute; margin-left: 6px }
.card-min .card-content a { color: #000 }
.cart-counter { position: absolute; margin-left: -12px; margin-top: -5px; z-index: 10; background-color: rgba(244,67,54,.9) }

@media only screen and (max-width:768px) {
.card-min .card-label { margin-top: -5px }
.card-min .card-label .label { font-size: .5em; padding: 5px 10px }
.cart-counter { font-size: 8px; background-color: rgba(244,67,54,.9) }
}
.widget { margin: .5rem 0 1rem }
.widget a { color: #666 }
.widget:first-of-type { margin-top: 0 }
.widget .widget-title { padding-left: 1rem; padding-top: .7rem; padding-bottom: .7rem; margin-bottom: 2rem }
.horizontal-listing .row { border-top: 1px solid #e0e0e0; padding-top: 10px; padding-bottom: 10px }
.horizontal-listing .row:first-of-type { border-top: none }
.horizontal-listing img { margin: 16px 10px 15px 5px }
.horizontal-listing .title { padding-bottom: 10px; color: #000 }
.horizontal-listing a { color: #000; font-weight: 300 }
.horizontal-listing ul li { display: inline }
.horizontal-listing .rating { color: #fff }
.horizontal-listing .rating .material-icons { font-size: .9em }
.horizontal-listing .rating:hover .material-icons { color: gold; transition: all .4s linear; font-size: .9em }
.horizontal-listing .item-details a { color: #9e9e9e }
.card-noborder img { margin: 0; padding: 0 }
.card-noborder .title { padding-bottom: 10px; border-bottom: 1px solid #eee }
.card-noborder .card-content { padding: 15px }
.card-noborder .card-content a { color: #000 }
.author-box .personal-sm a { padding: 8px 10px; font-size: 1.5em; color: #000 }
.author-box .author-description { margin-left: 10px }
.author-box .author-name { font-weight: 500; margin-left: 10px }
.comments-section .title { padding-top: 1.6rem; margin: 0; position: relative }
.bl-panel, .bl-panel-2 { z-index: 2; position: relative; margin-top: -3rem }
.comments-section .fa-reply { font-size: 1.3rem; float: right }
.comments-section img { padding: 1rem }
.bl-panel { margin-right: 5%; margin-left: 5% }

@media only screen and (max-width:1200px) {
.bl-panel { margin-top: -2rem }
}

@media only screen and (max-width:992px) {
.bl-panel { margin-top: -1.5rem }
}

@media only screen and (max-width:600px) {
.bl-panel { margin-top: .5rem; margin-right: 0; margin-left: 0 }
.blog-column { margin: 0; padding: 0 }
}
.pricing-card { position: relative; background-color: #fff; margin-bottom: 4em }
.pricing-card .btn, .pricing-card .btn-floating, .pricing-card .btn-sm, .pricing-card .btn-sm-full, .pricing-card .card, .pricing-card .card-panel, .pricing-card .dropdown-content, .pricing-card .dropdown-menu, .pricing-card .side-nav, .pricing-card .z-depth-1 { z-index: 2; position: relative }
.pricing-card .card-up { overflow: hidden; height: auto; color: #fff }
.pricing-card .card-up .price { font-size: 5em }
.pricing-card .card-up .price:before { content: "$"; font-size: 30px; position: absolute; margin-top: -11px; margin-left: -20px }
.pricing-card .card-up .price:after { content: "/mo"; font-size: 30px; position: absolute; margin-top: 10px }
.pricing-card .card-content { padding: 1.5em }
.pricing-card .card-content p { font-size: 20px }
.features-list li { font-size: 20px; line-height: 40px }
.picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000; position: absolute; z-index: 10000; user-select: none }/* position:absolute */
.clockpicker-plate, .picker { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.picker__header, .picker__table, .picker__table td, .picker__table th { text-align: center ;}
.picker__input { cursor: default }
.picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; position: fixed; -webkit-transition: background .15s ease-out, top 0s .15s; -moz-transition: background .15s ease-out, top 0s .15s; transition: background .15s ease-out, top 0s .15s; -webkit-backface-visibility: hidden }/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker__frame, .picker__holder { bottom: 0; left: 0; right: 0; top: 100% }
.picker__frame { position: absolute; min-width: 256px; width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out }

@media (min-height:40.125em) {
.picker__frame { margin-bottom: 7.5% }
}
.picker__wrap { display: table; width: 100%; height: 100% }

@media (min-height:28.875em) {
.picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80% }
.picker__wrap { display: block }
}
.picker__box { background: #fff; display: table-cell }

@media (min-height:28.875em) {
.picker__box { display: block; border: 1px solid #777; border-top-color: #898989; border-bottom-width: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24); -moz-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24); box-shadow: 0 12px 36px 16px rgba(0,0,0,.24) }
}
.picker--opened .picker__holder { top: 0; zoom: 1; background: rgba(0,0,0,.32); -webkit-transition: background .15s ease-out; -moz-transition: background .15s ease-out; transition: background .15s ease-out }
.picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1 }

@media (min-height:35.875em) {
.picker--opened .picker__frame { top: 10%; bottom: 20%auto }
}
.picker__input.picker__input--active { border-color: #E3F2FD }
.picker__frame { margin: 0 auto; max-width: 325px }

@media (min-height:38.875em) {
.picker--opened .picker__frame { top: 10%; bottom: auto }
}
.picker__header { position: relative; margin-top: .75em; margin-bottom: 10px }
.picker__month, .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em }
.picker__select--month, .picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em }
.picker__select--month.browser-default { display: inline; background-color: #FFF; width: 40% }
.picker__select--year.browser-default { display: inline; background-color: #FFF; width: 25% }
.picker__select--month:focus, .picker__select--year:focus { border-color: rgba(0,0,0,.05) }
.picker__nav--next, .picker__nav--prev { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -.25em }
.picker__nav--prev { left: -1em; padding-right: 1.25em }
.picker__nav--next { right: -1em; padding-left: 1.25em }
.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover {
cursor:default;
background:0 0;
border-right-color:#f5f5f5;
border-left-color:#f5f5f5
}
.picker__table { table-layout: fixed; font-size: 1rem; width: 100% }
.picker__table td { margin: 0; padding: 0 }
.picker__weekday { width: 14.285714286%; padding-bottom: .25em; color: #999; font-weight: 500 }

@media (min-height:33.875em) {
.picker__weekday { padding-bottom: .5em }
}
.picker__day--today { position: relative; color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent }
.picker__day--disabled:before { border-top-color: #aaa }
.picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500 }
.picker__day--outfocus { display: none; padding: .75rem 0; color: #fff }
.picker__day--outfocus:hover { cursor: pointer; color: #ddd; font-weight: 500 }
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover { cursor: pointer }
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover { background: #0089ec }
.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover { background: #f5f5f5; border-color: #f5f5f5; color: #ddd; cursor: default }
.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbb }
.picker__footer { display: flex; align-items: center; justify-content: space-between }
.picker__button--clear, .picker__button--close, .picker__button--today { border: 1px solid #fff; background: #fff; font-size: .8em; padding: .66em 0; font-weight: 700; width: 33%; display: inline-block; vertical-align: bottom }
.picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover { cursor: pointer; color: #000; background: #b1dcfb; border-bottom-color: #b1dcfb }
.picker__button--clear:focus, .picker__button--close:focus, .picker__button--today:focus { background: #b1dcfb; border-color: rgba(0,0,0,.05); outline: 0 }
.picker__button--clear:before, .picker__button--close:before, .picker__button--today:before { position: relative; display: inline-block; height: 0 }
.picker__button--clear:before, .picker__button--today:before { content: " "; margin-right: .45em }
.picker__button--today:before { top: -.05em; width: 0; border-top: .66em solid #0059bc; border-left: .66em solid transparent }
.picker__button--clear:before { top: -.25em; width: .66em; border-top: 3px solid #e20 }
.picker__button--close:before { content: "\D7"; top: -.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777 }
.picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #ddd; cursor: default }
.picker__button--today[disabled]:before { border-top-color: #aaa }
.picker__date-display { text-align: center; background-color: #4285F4; color: #fff; padding-bottom: 15px; font-weight: 300 }
.picker__nav--next:hover, .picker__nav--prev:hover { cursor: pointer; color: #000; background: #ecf2fc }
.picker__weekday-display { background-color: #206ff2; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px }
.picker__month-display { text-transform: uppercase; font-size: 2rem }
.picker__day-display { font-size: 4.5rem; font-weight: 400 }
.picker__year-display { font-size: 1.8rem; color: rgba(255,255,255,.4) }
.picker__box { border-radius: 2px; overflow: hidden; padding: 0 }
.picker__calendar-container { padding: 0 1rem }
.picker__calendar-container thead { border: none }
.picker__table { margin-top: 0; margin-bottom: .5em }
.picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent }
.picker__list-item--highlighted, .picker__list-item:hover { z-index: 10; border-color: #0089ec }
.picker__day.picker__day--today { color: #4285F4 }
.picker__day.picker__day--today.picker__day--selected { color: #fff }
.picker__weekday { font-size: .9rem }
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover { border-radius: 50%; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); background-color: #4285F4; color: #fff }
.picker--focused .picker__day--selected.picker__day--outfocus, .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, button.picker__clear:focus, button.picker__close:focus, button.picker__today:focus { background-color: #ecf2fc }
.picker__footer { text-align: right; padding: 5px 10px }
.picker__close, .picker__today { font-size: 1.1rem; padding: 0; color: #4285F4 }
.picker__nav--next:before, .picker__nav--prev:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: .75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto }
.picker__nav--next:before { border-right: 0; border-left: .75em solid #676767 }
.picker__list { list-style: none; padding: .75em 0 4.2em; margin: 0 }
.picker__list-item { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: -1px; position: relative; background: #fff; padding: .75em 1.25em }
.picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker__list-item:hover { cursor: pointer; color: #000; background: #b1dcfb }

@media (min-height:46.75em) {
.picker__list-item { padding: .5em 1em }
}
.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover { background: #0089ec; color: #fff; z-index: 10 }
.picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover { background: #f5f5f5; color: #ddd; cursor: default; border-color: #ddd; z-index: auto }
.picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: 0 0; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666 }
.picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover { background: #e20; border-color: #e20; cursor: pointer; color: #fff; outline: 0 }
.picker--time .picker__button--clear:before { top: -.25em; color: #666; font-size: 1.25em; font-weight: 700 }
.picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover:before { color: #fff }
.picker--time .picker__frame { min-width: 256px; max-width: 320px }
.picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0 }

@media (min-height:40.125em) {
.picker--time .picker__box { margin-bottom: 5em }
}/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 *
 * Further modified
 * Copyright 2015 Ching Yaw Hao.
 *
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.clockpicker-display { vertical-align: middle; display: inline-block; margin: auto; height: 85px; font-size: 70px; padding: 10px 10px 0; color: #b2dfdb }
.clockpicker-display-column { float: left }
.clockpicker-display-am-pm { padding-left: 5px; vertical-align: bottom; height: 85px }
.clockpicker-span-am-pm { display: inline-block; font-size: 23px; line-height: 25px; color: #b2dfdb }
.clockpicker-span-hours, .clockpicker-span-minutes { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: color 500ms; -moz-transition: color 500ms; -ms-transition: color 500ms; -o-transition: color 500ms; transition: color 500ms; cursor: pointer }
@-webkit-keyframes pulse {
from, to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
}
@-moz-keyframes pulse {
from, to {
-moz-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-moz-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
}
@-ms-keyframes pulse {
from, to {
-ms-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-ms-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
}
@-o-keyframes pulse {
from, to {
-o-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-o-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
}
@keyframes pulse {
from, to {
transform:scale3d(1, 1, 1)
}
50% {
transform:scale3d(1.1, 1.1, 1.1)
}
}
#click-am, #click-pm { cursor: pointer }
#click-am.text-primary, #click-pm.text-primary, .clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary { -webkit-animation-name: pulse; animation-name: pulse; color: #fff }
.clockpicker-moving { cursor: move }
.clockpicker-plate { background-color: #eee; border-radius: 50%; width: 270px; height: 270px; overflow: visible; position: relative; margin: 20px auto auto; -webkit-touch-callout: none; -khtml-user-select: none; user-select: none }
.clockpicker-canvas, .clockpicker-dial { width: 270px; height: 270px; position: absolute; left: -1px; top: -1px }
.clockpicker-minutes { visibility: hidden }
.clockpicker-tick { border-radius: 50%; color: #666; line-height: 40px; text-align: center; width: 40px; height: 40px; position: absolute; cursor: pointer; -webkit-transition: background-color 300ms; -moz-transition: background-color 300ms; -ms-transition: background-color 300ms; -o-transition: background-color 300ms; transition: background-color 300ms; background-color: rgba(0,150,136,0) }
.clockpicker-tick.active, .clockpicker-tick:hover { background-color: rgba(0,150,136,.25) }
.btn-floating.btn-flat:focus, .btn-floating.btn-flat:hover, .btn-floating.btn-flat:visited { background-color: transparent }
.clockpicker-dial { -webkit-transition: -webkit-transform 350ms, opacity 350ms; -moz-transition: -moz-transform 350ms, opacity 350ms; -ms-transition: -ms-transform 350ms, opacity 350ms; -o-transition: -o-transform 350ms, opacity 350ms; transition: transform 350ms, opacity 350ms }
.clockpicker-dial-out { opacity: 0 }
.clockpicker-hours.clockpicker-dial-out { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2) }
.clockpicker-minutes.clockpicker-dial-out { -webkit-transform: scale(.8, .8); -moz-transform: scale(.8, .8); -ms-transform: scale(.8, .8); -o-transform: scale(.8, .8); transform: scale(.8, .8) }
.clockpicker-canvas { -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -ms-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms }
.clockpicker-canvas-out { opacity: .25 }
.clockpicker-canvas-bearing { stroke: none; fill: rgba(0,77,64,.75) }
.clockpicker-canvas-fg { stroke: none; fill: rgba(0,77,64,0) }
.clockpicker-canvas-fg.active { fill: rgba(0,77,64,.5) }
.clockpicker-canvas-bg, .clockpicker-canvas-bg-trans { fill: rgba(0,150,136,.25) }
.clockpicker-canvas-bg { stroke: none }
.clockpicker-canvas line { stroke: rgba(0,150,136,.25); stroke-width: 1; stroke-linecap: round }
.clockpicker-am-pm-block { margin-top: -10px; width: 100%; height: 50px }
.clockpicker-button.am-button { height: 45px; width: 45px; float: left }
.clockpicker-button.pm-button { height: 45px; width: 45px; float: right }
.btn-floating.btn-flat:hover { box-shadow: none }
.btn-floating.btn-flat.active { background-color: rgba(0,150,136,.25) }
.btn-floating.btn-flat:active { background-color: rgba(0,150,136,.5) }
.picker__footer .clockpicker-button { margin: 15px auto auto }
.picker__footer .clockpicker-button:focus { background-color: transparent }
.picker__footer .clockpicker-button:active { background-color: rgba(0,150,136,.25) }
.darktheme .picker__box { background-color: #212121 }
.darktheme .clockpicker-plate, .darktheme .picker__date-display { background-color: transparent }
.darktheme .clockpicker-display, .darktheme .clockpicker-span-am-pm { color: #fff }
.darktheme #click-am.text-primary, .darktheme #click-pm.text-primary, .darktheme .clockpicker-span-hours.text-primary, .darktheme .clockpicker-span-minutes.text-primary { color: #ff4081 }
.darktheme .clockpicker-tick { color: #fff; background-color: rgba(255,64,129,0) }
.darktheme .btn-floating.btn-flat.active, .darktheme .clockpicker-tick.active, .darktheme .clockpicker-tick:hover { background-color: rgba(255,64,129,.25) }
.darktheme .clockpicker-canvas-bearing { fill: #fff }
.darktheme .clockpicker-canvas-fg { fill: rgba(255,64,129,0) }
.darktheme .clockpicker-canvas-fg.active { fill: rgba(255,64,129,.5) }
.darktheme .clockpicker-canvas-bg, .darktheme .clockpicker-canvas-bg-trans { fill: rgba(255,64,129,.25) }
.darktheme .clockpicker-canvas line { stroke: rgba(255,64,129,.25) }
.darktheme button { color: #fff }
.darktheme .btn-floating.btn-flat:active { background-color: rgba(255,64,129,.5) }
.darktheme .picker__footer .clockpicker-button:active { background-color: rgba(255,64,129,.25) }
/*#mdb-preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:9998;height:100%;width:100%}*/