/*!
 * Material Design for Bootstrap
 * Version: MDB FREE: 3.3.3
 *
 *
 * Copyright: Material Design for Bootstrap
 * www.mdbootstrap.com
 *
 * Read the license: http://mdbootstrap.com/wp-content/uploads/2015/09/MDB-License.pdf
 *
 * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js
 *
 */.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 }
.navbar, footer.page-footer, h1, h2, h3, h4, h5, p, span.badge-md.new { }
.waves-effect, a { -webkit-tap-highlight-color:transparent }
.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 }
.gray-text{color:#939598 !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; overflow:auto!important;background: #fff; }
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 }
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 }
table { border-collapse:collapse; border-spacing:0 }
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:0; }
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; line-height:22px; color:#fff;}
footer.page-footer a:hover { color: #cc452f;text-decoration: none; }
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.woff2) format("woff2"), url(../font/roboto/Roboto-Thin.woff) format("woff"), url(../font/roboto/Roboto-Thin.ttf) format("truetype");
font-weight:200
}
@font-face {
font-family:Roboto;
src:url(../font/roboto/Roboto-Light.woff2) format("woff2"), url(../font/roboto/Roboto-Light.woff) format("woff"), url(../font/roboto/Roboto-Light.ttf) format("truetype");
font-weight:300
}
@font-face {
font-family:Roboto;
src:url(../font/roboto/Roboto-Regular.woff2) format("woff2"), url(../font/roboto/Roboto-Regular.woff) format("woff"), url(../font/roboto/Roboto-Regular.ttf) format("truetype");
font-weight:400
}
@font-face {
font-family:Roboto;
src:url(../font/roboto/Roboto-Medium.woff2) format("woff2"), url(../font/roboto/Roboto-Medium.woff) format("woff"), url(../font/roboto/Roboto-Medium.ttf) format("truetype");
font-weight:500
}
@font-face {
font-family:Roboto;
src:url(../font/roboto/Roboto-Bold.woff2) format("woff2"), url(../font/roboto/Roboto-Bold.woff) format("woff"), url(../font/roboto/Roboto-Bold.ttf) format("truetype");
font-weight:700
}
.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 { 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;
vertical-align:middle; margin:10px }
.btn-floating i { width:inherit; text-align:center;}
.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 { margin-top:5px }
button.btn-floating { border:none }
.btn .badge { margin-left:7px }
.btn-default { color:#fff; background:#2BBBAD }
.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-sm { padding:5px 10px }
.btn-xs { padding:1px 5px }
.navbar { border:0; border-radius:0 }
.navbar .navbar-brand { position:relative; height:auto; 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); }
.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 { }
.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 {

}
.navbar-fixed-top .navbar-nav>li {
color:#666;
font-size:20px;
transition-duration:1s
}
.top-nav-collapse {

}
.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, .card, .card-panel, .dropdown-content, .dropdown-menu, .panel-group, .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) }
.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; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; line-height:1.5;  font-weight:400; color:rgba(0, 0, 0, .87) }
@media only screen and (min-width:0) {
html {

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

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

}
}

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:700 }
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 img { border-radius:2px 2px 0 0; position:relative; left:0; right:0; top:0; bottom:0; width:100% }
.card .card-image .card-title { position:absolute; bottom:0; left:0; padding:20px }
.card .card-content { padding:20px; border-radius:0 0 2px 2px }
.card .card-content h5 { padding-bottom:10px; border-bottom:1px solid #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 }
.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;}
.tooltip .tooltip-arrow { border-top-color:#222; margin:1px }
.tooltip>.tooltip-inner { border:1px solid #222; padding:15px; font-size:20px; border-radius:0 }
.mdl-tooltip, .popover { z-index:999; max-width:170px; padding:8px; text-align:center }
.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 }
.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 }
.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 { text-align:center; float:left; 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 {  padding-top:3px }
@media only screen and (max-width:600px) {
.new-control .fa {
border-radius:50%;
width:33px;
height:33px;
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% }
.carousel-caption { position:absolute; bottom:20px; text-align: left; color:#fff;}
.carousel-caption h2{ margin:0 0 30px 0; font-size:32px; color: #fff;font-weight: normal;line-height: 42px;}
.carousel-caption p{margin:0 0 10px 0; color: #fff;font-size: 18px;line-height: 28px;}
.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; background:rgba(38, 52, 115, 0.80);border-left:7px solid #cc452f;padding: 15px 20px; }

.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 { }
.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:1rem; cursor:text; -webkit-transition:.2s ease-out;
-moz-transition:.2s ease-out;
-o-transition:.2s ease-out;
-ms-transition:.2s ease-out;
transition:.2s ease-out
}
.input-field label.active {
font-size:.8rem; -webkit-transform:translateY(-140%); -moz-transform:translateY(-140%); -ms-transform:translateY(-140%); -o-transform:translateY(-140%); transform:translateY(-140%) }
.input-field .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
}
@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; width:100%; }
.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.png) }
.pattern-2 { background:url(/img/overlays/02.png) }
.pattern-3 { background:url(/img/overlays/03.png) }
.pattern-4 { background:url(/img/overlays/04.png) }
.pattern-5 { background:url(/img/overlays/05.png) }
.pattern-6 { background:url(/img/overlays/06.png) }
.pattern-7 { background:url(/img/overlays/07.png) }
.pattern-8 { background:url(/img/overlays/08.png) }
.pattern-9 { background:url(/img/overlays/09.png) }
.hm-blue-light .mask { background-color:rgba(3, 169, 244, .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; vertical-align:middle; z-index:1; will-change:opacity, transform; -webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
transition:all .3s ease-out
}
.waves-effect .waves-ripple { position:absolute; border-radius:50%; width:20px; height:20px; margin-top:-10px; margin-left:-10px; opacity:0; background:rgba(0, 0, 0, .2); -webkit-transition:all .7s ease-out;
-moz-transition:all .7s ease-out;
-o-transition:all .7s ease-out;
-ms-transition:all .7s ease-out;
transition:all .7s ease-out;
-webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); pointer-events:none }
.waves-effect.waves-light .waves-ripple { background-color:rgba(255, 255, 255, .45) }
.waves-effect.waves-red .waves-ripple { background-color:rgba(244, 67, 54, .7) }
.waves-effect.waves-yellow .waves-ripple { background-color:rgba(255, 235, 59, .7) }
.waves-effect.waves-orange .waves-ripple { background-color:rgba(255, 152, 0, .7) }
.waves-effect.waves-purple .waves-ripple { background-color:rgba(156, 39, 176, .7) }
.waves-effect.waves-green .waves-ripple { background-color:rgba(76, 175, 80, .7) }
.waves-effect.waves-teal .waves-ripple { background-color:rgba(0, 150, 136, .7) }
.waves-notransition { -webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important; -ms-transition:none!important; transition:none!important }
.waves-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%) }
.divider-new { display:flex; flex-direction:row; justify-content:center; align-items:center; font-size:2.5em; font-weight:300; margin-top:45px; margin-bottom:45px }
.divider-new::before {
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 }