/*!
 * Material Design for Bootstrap 4
 * Version: MDB PRO 4.2.0
 *
 *
 * Copyright: Material Design for Bootstrap
 * http://mdbootstrap.com/
 *
 * Read the license: http://mdbootstrap.com/license/
 *
 *
 * Documentation: http://mdbootstrap.com/
 *
 * Getting started: http://mdbootstrap.com/getting-started/
 *
 * Tutorials: http://mdbootstrap.com/bootstrap-tutorial/
 *
 * Templates: http://mdbootstrap.com/templates/
 *
 * Support: http://mdbootstrap.com/forums/forum/support/
 *
 * Contact: office@mdbootstrap.com 
 *
 * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js
 *
 */

ul, ul li
{
    list-style-type: none;
}

.btn, .hiddendiv
{
    word-wrap: break-word;
}

.btn-flat, a, a:focus, a:hover
{
    text-decoration: none;
}

.pswp__container, .pswp__img, .waves-effect, a
{
    -webkit-tap-highlight-color: transparent;
}

.pswp__button, [type=reset], [type=submit], button, html [type=button], input[type=range]
{
    -webkit-appearance: none;
}

.mdb-color.lighten-5
{
    background-color: #D0D6E2!important;
}

.mdb-color-text.text-lighten-5
{
    color: #D0D6E2!important;
}

.mdb-color.lighten-4
{
    background-color: #B1BACE!important;
}

.mdb-color-text.text-lighten-4
{
    color: #B1BACE!important;
}

.mdb-color.lighten-3
{
    background-color: #929FBA!important;
}

.mdb-color-text.text-lighten-3
{
    color: #929FBA!important;
}

.mdb-color.lighten-2
{
    background-color: #7283A7!important;
}

.mdb-color-text.text-lighten-2
{
    color: #7283A7!important;
}

.mdb-color.lighten-1
{
    background-color: #59698D!important;
}

.mdb-color-text.text-lighten-1
{
    color: #59698D!important;
}

.mdb-color-text
{
    color: #45526E!important;
}

.mdb-color.darken-1
{
    background-color: #3B465E!important;
}

.mdb-color-text.text-darken-1
{
    color: #3B465E!important;
}

.mdb-color.darken-2
{
    background-color: #2E3951!important;
}

.mdb-color-text.text-darken-2
{
    color: #2E3951!important;
}

.mdb-color.darken-3
{
    background-color: #1C2A48!important;
}

.mdb-color-text.text-darken-3
{
    color: #1C2A48!important;
}

.mdb-color.darken-4
{
    background-color: #1C2331!important;
}

.mdb-color-text.text-darken-4
{
    color: #1C2331!important;
}

.red.lighten-5
{
    background-color: #FFEBEE!important;
}

.red-text.text-lighten-5
{
    color: #FFEBEE!important;
}

.red.lighten-4
{
    background-color: #FFCDD2!important;
}

.red-text.text-lighten-4
{
    color: #FFCDD2!important;
}

.red.lighten-3
{
    background-color: #EF9A9A!important;
}

.red-text.text-lighten-3
{
    color: #EF9A9A!important;
}

.red.lighten-2
{
    background-color: #E57373!important;
}

.red-text.text-lighten-2
{
    color: #E57373!important;
}

.red.lighten-1
{
    background-color: #EF5350!important;
}

.red-text.text-lighten-1
{
    color: #EF5350!important;
}

.red
{
    background-color: #F44336!important;
}

.red-text
{
    color: #F44336!important;
}

.red.darken-1
{
    background-color: #E53935!important;
}

.red-text.text-darken-1
{
    color: #E53935!important;
}

.red.darken-2
{
    background-color: #D32F2F!important;
}

.red-text.text-darken-2
{
    color: #D32F2F!important;
}

.red.darken-3
{
    background-color: #C62828!important;
}

.red-text.text-darken-3
{
    color: #C62828!important;
}

.red.darken-4
{
    background-color: #B71C1C!important;
}

.red-text.text-darken-4
{
    color: #B71C1C!important;
}

.red.accent-1
{
    background-color: #FF8A80!important;
}

.red-text.text-accent-1
{
    color: #FF8A80!important;
}

.red.accent-2
{
    background-color: #FF5252!important;
}

.red-text.text-accent-2
{
    color: #FF5252!important;
}

.red.accent-3
{
    background-color: #FF1744!important;
}

.red-text.text-accent-3
{
    color: #FF1744!important;
}

.red.accent-4
{
    background-color: #D50000!important;
}

.red-text.text-accent-4
{
    color: #D50000!important;
}

.pink.lighten-5
{
    background-color: #fce4ec!important;
}

.pink-text.text-lighten-5
{
    color: #fce4ec!important;
}

.pink.lighten-4
{
    background-color: #f8bbd0!important;
}

.pink-text.text-lighten-4
{
    color: #f8bbd0!important;
}

.pink.lighten-3
{
    background-color: #f48fb1!important;
}

.pink-text.text-lighten-3
{
    color: #f48fb1!important;
}

.pink.lighten-2
{
    background-color: #f06292!important;
}

.pink-text.text-lighten-2
{
    color: #f06292!important;
}

.pink.lighten-1
{
    background-color: #ec407a!important;
}

.pink-text.text-lighten-1
{
    color: #ec407a!important;
}

.pink
{
    background-color: #e91e63!important;
}

.pink-text
{
    color: #e91e63!important;
}

.pink.darken-1
{
    background-color: #d81b60!important;
}

.pink-text.text-darken-1
{
    color: #d81b60!important;
}

.pink.darken-2
{
    background-color: #c2185b!important;
}

.pink-text.text-darken-2
{
    color: #c2185b!important;
}

.pink.darken-3
{
    background-color: #ad1457!important;
}

.pink-text.text-darken-3
{
    color: #ad1457!important;
}

.pink.darken-4
{
    background-color: #880e4f!important;
}

.pink-text.text-darken-4
{
    color: #880e4f!important;
}

.pink.accent-1
{
    background-color: #ff80ab!important;
}

.pink-text.text-accent-1
{
    color: #ff80ab!important;
}

.pink.accent-2
{
    background-color: #ff4081!important;
}

.pink-text.text-accent-2
{
    color: #ff4081!important;
}

.pink.accent-3
{
    background-color: #f50057!important;
}

.pink-text.text-accent-3
{
    color: #f50057!important;
}

.pink.accent-4
{
    background-color: #c51162!important;
}

.pink-text.text-accent-4
{
    color: #c51162!important;
}

.purple.lighten-5
{
    background-color: #f3e5f5!important;
}

.purple-text.text-lighten-5
{
    color: #f3e5f5!important;
}

.purple.lighten-4
{
    background-color: #e1bee7!important;
}

.purple-text.text-lighten-4
{
    color: #e1bee7!important;
}

.purple.lighten-3
{
    background-color: #ce93d8!important;
}

.purple-text.text-lighten-3
{
    color: #ce93d8!important;
}

.purple.lighten-2
{
    background-color: #ba68c8!important;
}

.purple-text.text-lighten-2
{
    color: #ba68c8!important;
}

.purple.lighten-1
{
    background-color: #ab47bc!important;
}

.purple-text.text-lighten-1
{
    color: #ab47bc!important;
}

.purple
{
    background-color: #9c27b0!important;
}

.purple-text
{
    color: #9c27b0!important;
}

.purple.darken-1
{
    background-color: #8e24aa!important;
}

.purple-text.text-darken-1
{
    color: #8e24aa!important;
}

.purple.darken-2
{
    background-color: #7b1fa2!important;
}

.purple-text.text-darken-2
{
    color: #7b1fa2!important;
}

.purple.darken-3
{
    background-color: #6a1b9a!important;
}

.purple-text.text-darken-3
{
    color: #6a1b9a!important;
}

.purple.darken-4
{
    background-color: #4a148c!important;
}

.purple-text.text-darken-4
{
    color: #4a148c!important;
}

.purple.accent-1
{
    background-color: #ea80fc!important;
}

.purple-text.text-accent-1
{
    color: #ea80fc!important;
}

.purple.accent-2
{
    background-color: #e040fb!important;
}

.purple-text.text-accent-2
{
    color: #e040fb!important;
}

.purple.accent-3
{
    background-color: #d500f9!important;
}

.purple-text.text-accent-3
{
    color: #d500f9!important;
}

.purple.accent-4
{
    background-color: #a0f!important;
}

.purple-text.text-accent-4
{
    color: #a0f!important;
}

.deep-purple.lighten-5
{
    background-color: #ede7f6!important;
}

.deep-purple-text.text-lighten-5
{
    color: #ede7f6!important;
}

.deep-purple.lighten-4
{
    background-color: #d1c4e9!important;
}

.deep-purple-text.text-lighten-4
{
    color: #d1c4e9!important;
}

.deep-purple.lighten-3
{
    background-color: #b39ddb!important;
}

.deep-purple-text.text-lighten-3
{
    color: #b39ddb!important;
}

.deep-purple.lighten-2
{
    background-color: #9575cd!important;
}

.deep-purple-text.text-lighten-2
{
    color: #9575cd!important;
}

.deep-purple.lighten-1
{
    background-color: #7e57c2!important;
}

.deep-purple-text.text-lighten-1
{
    color: #7e57c2!important;
}

.deep-purple
{
    background-color: #673ab7!important;
}

.deep-purple-text
{
    color: #673ab7!important;
}

.deep-purple.darken-1
{
    background-color: #5e35b1!important;
}

.deep-purple-text.text-darken-1
{
    color: #5e35b1!important;
}

.deep-purple.darken-2
{
    background-color: #512da8!important;
}

.deep-purple-text.text-darken-2
{
    color: #512da8!important;
}

.deep-purple.darken-3
{
    background-color: #4527a0!important;
}

.deep-purple-text.text-darken-3
{
    color: #4527a0!important;
}

.deep-purple.darken-4
{
    background-color: #311b92!important;
}

.deep-purple-text.text-darken-4
{
    color: #311b92!important;
}

.deep-purple.accent-1
{
    background-color: #b388ff!important;
}

.deep-purple-text.text-accent-1
{
    color: #b388ff!important;
}

.deep-purple.accent-2
{
    background-color: #7c4dff!important;
}

.deep-purple-text.text-accent-2
{
    color: #7c4dff!important;
}

.deep-purple.accent-3
{
    background-color: #651fff!important;
}

.deep-purple-text.text-accent-3
{
    color: #651fff!important;
}

.deep-purple.accent-4
{
    background-color: #6200ea!important;
}

.deep-purple-text.text-accent-4
{
    color: #6200ea!important;
}

.indigo.lighten-5
{
    background-color: #e8eaf6!important;
}

.indigo-text.text-lighten-5
{
    color: #e8eaf6!important;
}

.indigo.lighten-4
{
    background-color: #c5cae9!important;
}

.indigo-text.text-lighten-4
{
    color: #c5cae9!important;
}

.indigo.lighten-3
{
    background-color: #9fa8da!important;
}

.indigo-text.text-lighten-3
{
    color: #9fa8da!important;
}

.indigo.lighten-2
{
    background-color: #7986cb!important;
}

.indigo-text.text-lighten-2
{
    color: #7986cb!important;
}

.indigo.lighten-1
{
    background-color: #5c6bc0!important;
}

.indigo-text.text-lighten-1
{
    color: #5c6bc0!important;
}

.indigo
{
    background-color: #3f51b5!important;
}

.indigo-text
{
    color: #3f51b5!important;
}

.indigo.darken-1
{
    background-color: #3949ab!important;
}

.indigo-text.text-darken-1
{
    color: #3949ab!important;
}

.indigo.darken-2
{
    background-color: #303f9f!important;
}

.indigo-text.text-darken-2
{
    color: #303f9f!important;
}

.indigo.darken-3
{
    background-color: #283593!important;
}

.indigo-text.text-darken-3
{
    color: #283593!important;
}

.indigo.darken-4
{
    background-color: #1a237e!important;
}

.indigo-text.text-darken-4
{
    color: #1a237e!important;
}

.indigo.accent-1
{
    background-color: #8c9eff!important;
}

.indigo-text.text-accent-1
{
    color: #8c9eff!important;
}

.indigo.accent-2
{
    background-color: #536dfe!important;
}

.indigo-text.text-accent-2
{
    color: #536dfe!important;
}

.indigo.accent-3
{
    background-color: #3d5afe!important;
}

.indigo-text.text-accent-3
{
    color: #3d5afe!important;
}

.indigo.accent-4
{
    background-color: #304ffe!important;
}

.indigo-text.text-accent-4
{
    color: #304ffe!important;
}

.blue.lighten-5
{
    background-color: #E3F2FD!important;
}

.blue-text.text-lighten-5
{
    color: #E3F2FD!important;
}

.blue.lighten-4
{
    background-color: #BBDEFB!important;
}

.blue-text.text-lighten-4
{
    color: #BBDEFB!important;
}

.blue.lighten-3
{
    background-color: #90CAF9!important;
}

.blue-text.text-lighten-3
{
    color: #90CAF9!important;
}

.blue.lighten-2
{
    background-color: #64B5F6!important;
}

.blue-text.text-lighten-2
{
    color: #64B5F6!important;
}

.blue.lighten-1
{
    background-color: #42A5F5!important;
}

.blue-text.text-lighten-1
{
    color: #42A5F5!important;
}

.blue
{
    background-color: #2196F3!important;
}

.blue-text
{
    color: #2196F3!important;
}

.blue.darken-1
{
    background-color: #1E88E5!important;
}

.blue-text.text-darken-1
{
    color: #1E88E5!important;
}

.blue.darken-2
{
    background-color: #1976D2!important;
}

.blue-text.text-darken-2
{
    color: #1976D2!important;
}

.blue.darken-3
{
    background-color: #1565C0!important;
}

.blue-text.text-darken-3
{
    color: #1565C0!important;
}

.blue.darken-4
{
    background-color: #0D47A1!important;
}

.blue-text.text-darken-4
{
    color: #0D47A1!important;
}

.blue.accent-1
{
    background-color: #82B1FF!important;
}

.blue-text.text-accent-1
{
    color: #82B1FF!important;
}

.blue.accent-2
{
    background-color: #448AFF!important;
}

.blue-text.text-accent-2
{
    color: #448AFF!important;
}

.blue.accent-3
{
    background-color: #2979FF!important;
}

.blue-text.text-accent-3
{
    color: #2979FF!important;
}

.blue.accent-4
{
    background-color: #2962FF!important;
}

.blue-text.text-accent-4
{
    color: #2962FF!important;
}

.light-blue.lighten-5
{
    background-color: #e1f5fe!important;
}

.light-blue-text.text-lighten-5
{
    color: #e1f5fe!important;
}

.light-blue.lighten-4
{
    background-color: #b3e5fc!important;
}

.light-blue-text.text-lighten-4
{
    color: #b3e5fc!important;
}

.light-blue.lighten-3
{
    background-color: #81d4fa!important;
}

.light-blue-text.text-lighten-3
{
    color: #81d4fa!important;
}

.light-blue.lighten-2
{
    background-color: #4fc3f7!important;
}

.light-blue-text.text-lighten-2
{
    color: #4fc3f7!important;
}

.light-blue.lighten-1
{
    background-color: #29b6f6!important;
}

.light-blue-text.text-lighten-1
{
    color: #29b6f6!important;
}

.light-blue
{
    background-color: #03a9f4!important;
}

.light-blue-text
{
    color: #03a9f4!important;
}

.light-blue.darken-1
{
    background-color: #039be5!important;
}

.light-blue-text.text-darken-1
{
    color: #039be5!important;
}

.light-blue.darken-2
{
    background-color: #0288d1!important;
}

.light-blue-text.text-darken-2
{
    color: #0288d1!important;
}

.light-blue.darken-3
{
    background-color: #0277bd!important;
}

.light-blue-text.text-darken-3
{
    color: #0277bd!important;
}

.light-blue.darken-4
{
    background-color: #01579b!important;
}

.light-blue-text.text-darken-4
{
    color: #01579b!important;
}

.light-blue.accent-1
{
    background-color: #80d8ff!important;
}

.light-blue-text.text-accent-1
{
    color: #80d8ff!important;
}

.light-blue.accent-2
{
    background-color: #40c4ff!important;
}

.light-blue-text.text-accent-2
{
    color: #40c4ff!important;
}

.light-blue.accent-3
{
    background-color: #00b0ff!important;
}

.light-blue-text.text-accent-3
{
    color: #00b0ff!important;
}

.light-blue.accent-4
{
    background-color: #0091ea!important;
}

.light-blue-text.text-accent-4
{
    color: #0091ea!important;
}

.cyan.lighten-5
{
    background-color: #e0f7fa!important;
}

.cyan-text.text-lighten-5
{
    color: #e0f7fa!important;
}

.cyan.lighten-4
{
    background-color: #b2ebf2!important;
}

.cyan-text.text-lighten-4
{
    color: #b2ebf2!important;
}

.cyan.lighten-3
{
    background-color: #80deea!important;
}

.cyan-text.text-lighten-3
{
    color: #80deea!important;
}

.cyan.lighten-2
{
    background-color: #4dd0e1!important;
}

.cyan-text.text-lighten-2
{
    color: #4dd0e1!important;
}

.cyan.lighten-1
{
    background-color: #26c6da!important;
}

.cyan-text.text-lighten-1
{
    color: #26c6da!important;
}

.cyan
{
    background-color: #00bcd4!important;
}

.cyan-text
{
    color: #00bcd4!important;
}

.cyan.darken-1
{
    background-color: #00acc1!important;
}

.cyan-text.text-darken-1
{
    color: #00acc1!important;
}

.cyan.darken-2
{
    background-color: #0097a7!important;
}

.cyan-text.text-darken-2
{
    color: #0097a7!important;
}

.cyan.darken-3
{
    background-color: #00838f!important;
}

.cyan-text.text-darken-3
{
    color: #00838f!important;
}

.cyan.darken-4
{
    background-color: #006064!important;
}

.cyan-text.text-darken-4
{
    color: #006064!important;
}

.cyan.accent-1
{
    background-color: #84ffff!important;
}

.cyan-text.text-accent-1
{
    color: #84ffff!important;
}

.cyan.accent-2
{
    background-color: #18ffff!important;
}

.cyan-text.text-accent-2
{
    color: #18ffff!important;
}

.cyan.accent-3
{
    background-color: #00e5ff!important;
}

.cyan-text.text-accent-3
{
    color: #00e5ff!important;
}

.cyan.accent-4
{
    background-color: #00b8d4!important;
}

.cyan-text.text-accent-4
{
    color: #00b8d4!important;
}

.teal.lighten-5
{
    background-color: #e0f2f1!important;
}

.teal-text.text-lighten-5
{
    color: #e0f2f1!important;
}

.teal.lighten-4
{
    background-color: #b2dfdb!important;
}

.teal-text.text-lighten-4
{
    color: #b2dfdb!important;
}

.teal.lighten-3
{
    background-color: #80cbc4!important;
}

.teal-text.text-lighten-3
{
    color: #80cbc4!important;
}

.teal.lighten-2
{
    background-color: #4db6ac!important;
}

.teal-text.text-lighten-2
{
    color: #4db6ac!important;
}

.teal.lighten-1
{
    background-color: #26a69a!important;
}

.teal-text.text-lighten-1
{
    color: #26a69a!important;
}

.teal
{
    background-color: #009688!important;
}

.teal-text
{
    color: #009688!important;
}

.teal.darken-1
{
    background-color: #00897b!important;
}

.teal-text.text-darken-1
{
    color: #00897b!important;
}

.teal.darken-2
{
    background-color: #00796b!important;
}

.teal-text.text-darken-2
{
    color: #00796b!important;
}

.teal.darken-3
{
    background-color: #00695c!important;
}

.teal-text.text-darken-3
{
    color: #00695c!important;
}

.teal.darken-4
{
    background-color: #004d40!important;
}

.teal-text.text-darken-4
{
    color: #004d40!important;
}

.teal.accent-1
{
    background-color: #a7ffeb!important;
}

.teal-text.text-accent-1
{
    color: #a7ffeb!important;
}

.teal.accent-2
{
    background-color: #64ffda!important;
}

.teal-text.text-accent-2
{
    color: #64ffda!important;
}

.teal.accent-3
{
    background-color: #1de9b6!important;
}

.teal-text.text-accent-3
{
    color: #1de9b6!important;
}

.teal.accent-4
{
    background-color: #00bfa5!important;
}

.teal-text.text-accent-4
{
    color: #00bfa5!important;
}

.green.lighten-5
{
    background-color: #E8F5E9!important;
}

.green-text.text-lighten-5
{
    color: #E8F5E9!important;
}

.green.lighten-4
{
    background-color: #C8E6C9!important;
}

.green-text.text-lighten-4
{
    color: #C8E6C9!important;
}

.green.lighten-3
{
    background-color: #A5D6A7!important;
}

.green-text.text-lighten-3
{
    color: #A5D6A7!important;
}

.green.lighten-2
{
    background-color: #81C784!important;
}

.green-text.text-lighten-2
{
    color: #81C784!important;
}

.green.lighten-1
{
    background-color: #66BB6A!important;
}

.green-text.text-lighten-1
{
    color: #66BB6A!important;
}

.green
{
    background-color: #4CAF50!important;
}

.green-text
{
    color: #4CAF50!important;
}

.green.darken-1
{
    background-color: #43A047!important;
}

.green-text.text-darken-1
{
    color: #43A047!important;
}

.green.darken-2
{
    background-color: #388E3C!important;
}

.green-text.text-darken-2
{
    color: #388E3C!important;
}

.green.darken-3
{
    background-color: #2E7D32!important;
}

.green-text.text-darken-3
{
    color: #2E7D32!important;
}

.green.darken-4
{
    background-color: #1B5E20!important;
}

.green-text.text-darken-4
{
    color: #1B5E20!important;
}

.green.accent-1
{
    background-color: #B9F6CA!important;
}

.green-text.text-accent-1
{
    color: #B9F6CA!important;
}

.green.accent-2
{
    background-color: #69F0AE!important;
}

.green-text.text-accent-2
{
    color: #69F0AE!important;
}

.green.accent-3
{
    background-color: #00E676!important;
}

.green-text.text-accent-3
{
    color: #00E676!important;
}

.green.accent-4
{
    background-color: #00C853!important;
}

.green-text.text-accent-4
{
    color: #00C853!important;
}

.light-green.lighten-5
{
    background-color: #f1f8e9!important;
}

.light-green-text.text-lighten-5
{
    color: #f1f8e9!important;
}

.light-green.lighten-4
{
    background-color: #dcedc8!important;
}

.light-green-text.text-lighten-4
{
    color: #dcedc8!important;
}

.light-green.lighten-3
{
    background-color: #c5e1a5!important;
}

.light-green-text.text-lighten-3
{
    color: #c5e1a5!important;
}

.light-green.lighten-2
{
    background-color: #aed581!important;
}

.light-green-text.text-lighten-2
{
    color: #aed581!important;
}

.light-green.lighten-1
{
    background-color: #9ccc65!important;
}

.light-green-text.text-lighten-1
{
    color: #9ccc65!important;
}

.light-green
{
    background-color: #8bc34a!important;
}

.light-green-text
{
    color: #8bc34a!important;
}

.light-green.darken-1
{
    background-color: #7cb342!important;
}

.light-green-text.text-darken-1
{
    color: #7cb342!important;
}

.light-green.darken-2
{
    background-color: #689f38!important;
}

.light-green-text.text-darken-2
{
    color: #689f38!important;
}

.light-green.darken-3
{
    background-color: #558b2f!important;
}

.light-green-text.text-darken-3
{
    color: #558b2f!important;
}

.light-green.darken-4
{
    background-color: #33691e!important;
}

.light-green-text.text-darken-4
{
    color: #33691e!important;
}

.light-green.accent-1
{
    background-color: #ccff90!important;
}

.light-green-text.text-accent-1
{
    color: #ccff90!important;
}

.light-green.accent-2
{
    background-color: #b2ff59!important;
}

.light-green-text.text-accent-2
{
    color: #b2ff59!important;
}

.light-green.accent-3
{
    background-color: #76ff03!important;
}

.light-green-text.text-accent-3
{
    color: #76ff03!important;
}

.light-green.accent-4
{
    background-color: #64dd17!important;
}

.light-green-text.text-accent-4
{
    color: #64dd17!important;
}

.lime.lighten-5
{
    background-color: #f9fbe7!important;
}

.lime-text.text-lighten-5
{
    color: #f9fbe7!important;
}

.lime.lighten-4
{
    background-color: #f0f4c3!important;
}

.lime-text.text-lighten-4
{
    color: #f0f4c3!important;
}

.lime.lighten-3
{
    background-color: #e6ee9c!important;
}

.lime-text.text-lighten-3
{
    color: #e6ee9c!important;
}

.lime.lighten-2
{
    background-color: #dce775!important;
}

.lime-text.text-lighten-2
{
    color: #dce775!important;
}

.lime.lighten-1
{
    background-color: #d4e157!important;
}

.lime-text.text-lighten-1
{
    color: #d4e157!important;
}

.lime
{
    background-color: #cddc39!important;
}

.lime-text
{
    color: #cddc39!important;
}

.lime.darken-1
{
    background-color: #c0ca33!important;
}

.lime-text.text-darken-1
{
    color: #c0ca33!important;
}

.lime.darken-2
{
    background-color: #afb42b!important;
}

.lime-text.text-darken-2
{
    color: #afb42b!important;
}

.lime.darken-3
{
    background-color: #9e9d24!important;
}

.lime-text.text-darken-3
{
    color: #9e9d24!important;
}

.lime.darken-4
{
    background-color: #827717!important;
}

.lime-text.text-darken-4
{
    color: #827717!important;
}

.lime.accent-1
{
    background-color: #f4ff81!important;
}

.lime-text.text-accent-1
{
    color: #f4ff81!important;
}

.lime.accent-2
{
    background-color: #eeff41!important;
}

.lime-text.text-accent-2
{
    color: #eeff41!important;
}

.lime.accent-3
{
    background-color: #c6ff00!important;
}

.lime-text.text-accent-3
{
    color: #c6ff00!important;
}

.lime.accent-4
{
    background-color: #aeea00!important;
}

.lime-text.text-accent-4
{
    color: #aeea00!important;
}

.yellow.lighten-5
{
    background-color: #fffde7!important;
}

.yellow-text.text-lighten-5
{
    color: #fffde7!important;
}

.yellow.lighten-4
{
    background-color: #fff9c4!important;
}

.yellow-text.text-lighten-4
{
    color: #fff9c4!important;
}

.yellow.lighten-3
{
    background-color: #fff59d!important;
}

.yellow-text.text-lighten-3
{
    color: #fff59d!important;
}

.yellow.lighten-2
{
    background-color: #fff176!important;
}

.yellow-text.text-lighten-2
{
    color: #fff176!important;
}

.yellow.lighten-1
{
    background-color: #ffee58!important;
}

.yellow-text.text-lighten-1
{
    color: #ffee58!important;
}

.yellow
{
    background-color: #ffeb3b!important;
}

.yellow-text
{
    color: #ffeb3b!important;
}

.yellow.darken-1
{
    background-color: #fdd835!important;
}

.yellow-text.text-darken-1
{
    color: #fdd835!important;
}

.yellow.darken-2
{
    background-color: #fbc02d!important;
}

.yellow-text.text-darken-2
{
    color: #fbc02d!important;
}

.yellow.darken-3
{
    background-color: #f9a825!important;
}

.yellow-text.text-darken-3
{
    color: #f9a825!important;
}

.yellow.darken-4
{
    background-color: #f57f17!important;
}

.yellow-text.text-darken-4
{
    color: #f57f17!important;
}

.yellow.accent-1
{
    background-color: #ffff8d!important;
}

.yellow-text.text-accent-1
{
    color: #ffff8d!important;
}

.yellow.accent-2
{
    background-color: #ff0!important;
}

.yellow-text.text-accent-2
{
    color: #ff0!important;
}

.yellow.accent-3
{
    background-color: #ffea00!important;
}

.yellow-text.text-accent-3
{
    color: #ffea00!important;
}

.yellow.accent-4
{
    background-color: #ffd600!important;
}

.yellow-text.text-accent-4
{
    color: #ffd600!important;
}

.amber.lighten-5
{
    background-color: #fff8e1!important;
}

.amber-text.text-lighten-5
{
    color: #fff8e1!important;
}

.amber.lighten-4
{
    background-color: #ffecb3!important;
}

.amber-text.text-lighten-4
{
    color: #ffecb3!important;
}

.amber.lighten-3
{
    background-color: #ffe082!important;
}

.amber-text.text-lighten-3
{
    color: #ffe082!important;
}

.amber.lighten-2
{
    background-color: #ffd54f!important;
}

.amber-text.text-lighten-2
{
    color: #ffd54f!important;
}

.amber.lighten-1
{
    background-color: #ffca28!important;
}

.amber-text.text-lighten-1
{
    color: #ffca28!important;
}

.amber
{
    background-color: #ffc107!important;
}

.amber-text
{
    color: #ffc107!important;
}

.amber.darken-1
{
    background-color: #ffb300!important;
}

.amber-text.text-darken-1
{
    color: #ffb300!important;
}

.amber.darken-2
{
    background-color: #ffa000!important;
}

.amber-text.text-darken-2
{
    color: #ffa000!important;
}

.amber.darken-3
{
    background-color: #ff8f00!important;
}

.amber-text.text-darken-3
{
    color: #ff8f00!important;
}

.amber.darken-4
{
    background-color: #ff6f00!important;
}

.amber-text.text-darken-4
{
    color: #ff6f00!important;
}

.amber.accent-1
{
    background-color: #ffe57f!important;
}

.amber-text.text-accent-1
{
    color: #ffe57f!important;
}

.amber.accent-2
{
    background-color: #ffd740!important;
}

.amber-text.text-accent-2
{
    color: #ffd740!important;
}

.amber.accent-3
{
    background-color: #ffc400!important;
}

.amber-text.text-accent-3
{
    color: #ffc400!important;
}

.amber.accent-4
{
    background-color: #ffab00!important;
}

.amber-text.text-accent-4
{
    color: #ffab00!important;
}

.orange.lighten-5
{
    background-color: #fff3e0!important;
}

.orange-text.text-lighten-5
{
    color: #fff3e0!important;
}

.orange.lighten-4
{
    background-color: #ffe0b2!important;
}

.orange-text.text-lighten-4
{
    color: #ffe0b2!important;
}

.orange.lighten-3
{
    background-color: #ffcc80!important;
}

.orange-text.text-lighten-3
{
    color: #ffcc80!important;
}

.orange.lighten-2
{
    background-color: #ffb74d!important;
}

.orange-text.text-lighten-2
{
    color: #ffb74d!important;
}

.orange.lighten-1
{
    background-color: #ffa726!important;
}

.orange-text.text-lighten-1
{
    color: #ffa726!important;
}

.orange
{
    background-color: #ff9800!important;
}

.orange-text
{
    color: #ff9800!important;
}

.orange.darken-1
{
    background-color: #fb8c00!important;
}

.orange-text.text-darken-1
{
    color: #fb8c00!important;
}

.orange.darken-2
{
    background-color: #f57c00!important;
}

.orange-text.text-darken-2
{
    color: #f57c00!important;
}

.orange.darken-3
{
    background-color: #ef6c00!important;
}

.orange-text.text-darken-3
{
    color: #ef6c00!important;
}

.orange.darken-4
{
    background-color: #e65100!important;
}

.orange-text.text-darken-4
{
    color: #e65100!important;
}

.orange.accent-1
{
    background-color: #ffd180!important;
}

.orange-text.text-accent-1
{
    color: #ffd180!important;
}

.orange.accent-2
{
    background-color: #ffab40!important;
}

.orange-text.text-accent-2
{
    color: #ffab40!important;
}

.orange.accent-3
{
    background-color: #ff9100!important;
}

.orange-text.text-accent-3
{
    color: #ff9100!important;
}

.orange.accent-4
{
    background-color: #ff6d00!important;
}

.orange-text.text-accent-4
{
    color: #ff6d00!important;
}

.deep-orange.lighten-5
{
    background-color: #fbe9e7!important;
}

.deep-orange-text.text-lighten-5
{
    color: #fbe9e7!important;
}

.deep-orange.lighten-4
{
    background-color: #ffccbc!important;
}

.deep-orange-text.text-lighten-4
{
    color: #ffccbc!important;
}

.deep-orange.lighten-3
{
    background-color: #ffab91!important;
}

.deep-orange-text.text-lighten-3
{
    color: #ffab91!important;
}

.deep-orange.lighten-2
{
    background-color: #ff8a65!important;
}

.deep-orange-text.text-lighten-2
{
    color: #ff8a65!important;
}

.deep-orange.lighten-1
{
    background-color: #ff7043!important;
}

.deep-orange-text.text-lighten-1
{
    color: #ff7043!important;
}

.deep-orange
{
    background-color: #ff5722!important;
}

.deep-orange-text
{
    color: #ff5722!important;
}

.deep-orange.darken-1
{
    background-color: #f4511e!important;
}

.deep-orange-text.text-darken-1
{
    color: #f4511e!important;
}

.deep-orange.darken-2
{
    background-color: #e64a19!important;
}

.deep-orange-text.text-darken-2
{
    color: #e64a19!important;
}

.deep-orange.darken-3
{
    background-color: #d84315!important;
}

.deep-orange-text.text-darken-3
{
    color: #d84315!important;
}

.deep-orange.darken-4
{
    background-color: #bf360c!important;
}

.deep-orange-text.text-darken-4
{
    color: #bf360c!important;
}

.deep-orange.accent-1
{
    background-color: #ff9e80!important;
}

.deep-orange-text.text-accent-1
{
    color: #ff9e80!important;
}

.deep-orange.accent-2
{
    background-color: #ff6e40!important;
}

.deep-orange-text.text-accent-2
{
    color: #ff6e40!important;
}

.deep-orange.accent-3
{
    background-color: #ff3d00!important;
}

.deep-orange-text.text-accent-3
{
    color: #ff3d00!important;
}

.deep-orange.accent-4
{
    background-color: #dd2c00!important;
}

.deep-orange-text.text-accent-4
{
    color: #dd2c00!important;
}

.brown.lighten-5
{
    background-color: #efebe9!important;
}

.brown-text.text-lighten-5
{
    color: #efebe9!important;
}

.brown.lighten-4
{
    background-color: #d7ccc8!important;
}

.brown-text.text-lighten-4
{
    color: #d7ccc8!important;
}

.brown.lighten-3
{
    background-color: #bcaaa4!important;
}

.brown-text.text-lighten-3
{
    color: #bcaaa4!important;
}

.brown.lighten-2
{
    background-color: #a1887f!important;
}

.brown-text.text-lighten-2
{
    color: #a1887f!important;
}

.brown.lighten-1
{
    background-color: #8d6e63!important;
}

.brown-text.text-lighten-1
{
    color: #8d6e63!important;
}

.brown
{
    background-color: #795548!important;
}

.brown-text
{
    color: #795548!important;
}

.brown.darken-1
{
    background-color: #6d4c41!important;
}

.brown-text.text-darken-1
{
    color: #6d4c41!important;
}

.brown.darken-2
{
    background-color: #5d4037!important;
}

.brown-text.text-darken-2
{
    color: #5d4037!important;
}

.brown.darken-3
{
    background-color: #4e342e!important;
}

.brown-text.text-darken-3
{
    color: #4e342e!important;
}

.brown.darken-4
{
    background-color: #3e2723!important;
}

.brown-text.text-darken-4
{
    color: #3e2723!important;
}

.blue-grey.lighten-5
{
    background-color: #eceff1!important;
}

.blue-grey-text.text-lighten-5
{
    color: #eceff1!important;
}

.blue-grey.lighten-4
{
    background-color: #cfd8dc!important;
}

.blue-grey-text.text-lighten-4
{
    color: #cfd8dc!important;
}

.blue-grey.lighten-3
{
    background-color: #b0bec5!important;
}

.blue-grey-text.text-lighten-3
{
    color: #b0bec5!important;
}

.blue-grey.lighten-2
{
    background-color: #90a4ae!important;
}

.blue-grey-text.text-lighten-2
{
    color: #90a4ae!important;
}

.blue-grey.lighten-1
{
    background-color: #78909c!important;
}

.blue-grey-text.text-lighten-1
{
    color: #78909c!important;
}

.blue-grey
{
    background-color: #607d8b!important;
}

.blue-grey-text
{
    color: #607d8b!important;
}

.blue-grey.darken-1
{
    background-color: #546e7a!important;
}

.blue-grey-text.text-darken-1
{
    color: #546e7a!important;
}

.blue-grey.darken-2
{
    background-color: #455a64!important;
}

.blue-grey-text.text-darken-2
{
    color: #455a64!important;
}

.blue-grey.darken-3
{
    background-color: #37474f!important;
}

.blue-grey-text.text-darken-3
{
    color: #37474f!important;
}

.blue-grey.darken-4
{
    background-color: #263238!important;
}

.blue-grey-text.text-darken-4
{
    color: #263238!important;
}

.grey.lighten-5
{
    background-color: #fafafa!important;
}

.grey-text.text-lighten-5
{
    color: #fafafa!important;
}

.grey.lighten-4
{
    background-color: #f5f5f5!important;
}

.grey-text.text-lighten-4
{
    color: #f5f5f5!important;
}

.grey.lighten-3
{
    background-color: #eee!important;
}

.grey-text.text-lighten-3
{
    color: #eee!important;
}

.grey.lighten-2
{
    background-color: #e0e0e0!important;
}

.grey-text.text-lighten-2
{
    color: #e0e0e0!important;
}

.grey.lighten-1
{
    background-color: #bdbdbd!important;
}

.grey-text.text-lighten-1
{
    color: #bdbdbd!important;
}

.grey
{
    background-color: #9e9e9e!important;
}

.grey-text
{
    color: #9e9e9e!important;
}

.grey.darken-1
{
    background-color: #757575!important;
}

.grey-text.text-darken-1
{
    color: #757575!important;
}

.grey.darken-2
{
    background-color: #616161!important;
}

.grey-text.text-darken-2
{
    color: #616161!important;
}

.grey.darken-3
{
    background-color: #424242!important;
}

.grey-text.text-darken-3
{
    color: #424242!important;
}

.grey.darken-4
{
    background-color: #212121!important;
}

.grey-text.text-darken-4
{
    color: #212121!important;
}

.shades.black
{
    background-color: #000!important;
}

.shades-text.text-black
{
    color: #000!important;
}

.shades.white
{
    background-color: #FFF!important;
}

.shades-text.text-white
{
    color: #FFF!important;
}

.shades.transparent
{
    background-color: transparent!important;
}

.shades-text.text-transparent
{
    color: transparent!important;
}

.black
{
    background-color: #000!important;
}

.black-text
{
    color: #000!important;
}

.white
{
    background-color: #FFF!important;
}

.white-text
{
    color: #FFF!important;
}

.transparent
{
    background-color: transparent!important;
}

.transparent-text
{
    color: transparent!important;
}

.danger-color, .stepper li.warning a .circle
{
    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, .stepper li.active a .circle, .stepper li.completed a .circle
{
    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;
}

.mdb-color
{
    background-color: #45526E!important;
}

.rgba-blue-light
{
    background-color: rgba(3,169,244,.3)!important;
}

.rgba-red-light
{
    background-color: rgba(244,67,54,.3)!important;
}

.rgba-pink-light
{
    background-color: rgba(233,30,99,.3)!important;
}

.rgba-purple-light
{
    background-color: rgba(156,39,176,.3)!important;
}

.rgba-indigo-light
{
    background-color: rgba(63,81,181,.3)!important;
}

.rgba-cyan-light
{
    background-color: rgba(0,188,212,.3)!important;
}

.rgba-teal-light
{
    background-color: rgba(0,150,136,.3)!important;
}

.rgba-green-light
{
    background-color: rgba(76,175,80,.3)!important;
}

.rgba-lime-light
{
    background-color: rgba(205,220,57,.3)!important;
}

.rgba-yellow-light
{
    background-color: rgba(255,235,59,.3)!important;
}

.rgba-orange-light
{
    background-color: rgba(255,152,0,.3)!important;
}

.rgba-brown-light
{
    background-color: rgba(121,85,72,.3)!important;
}

.rgba-grey-light
{
    background-color: rgba(158,158,158,.3)!important;
}

.rgba-bluegrey-light
{
    background-color: rgba(96,125,139,.3)!important;
}

.rgba-black-light
{
    background-color: rgba(0,0,0,.3)!important;
}

.rgba-stylish-light
{
    background-color: rgba(62,69,81,.3)!important;
}

.rgba-white-light
{
    background-color: rgba(255,255,255,.3)!important;
}

.rgba-blue-strong
{
    background-color: rgba(3,169,244,.7)!important;
}

.rgba-red-strong
{
    background-color: rgba(244,67,54,.7)!important;
}

.rgba-pink-strong
{
    background-color: rgba(233,30,99,.7)!important;
}

.rgba-purple-strong
{
    background-color: rgba(156,39,176,.7)!important;
}

.rgba-indigo-strong
{
    background-color: rgba(63,81,181,.7)!important;
}

.rgba-cyan-strong
{
    background-color: rgba(0,188,212,.7)!important;
}

.rgba-teal-strong
{
    background-color: rgba(0,150,136,.7)!important;
}

.rgba-green-strong
{
    background-color: rgba(76,175,80,.7)!important;
}

.rgba-lime-strong
{
    background-color: rgba(205,220,57,.7)!important;
}

.rgba-yellow-strong
{
    background-color: rgba(255,235,59,.7)!important;
}

.rgba-orange-strong
{
    background-color: rgba(255,152,0,.7)!important;
}

.rgba-brown-strong
{
    background-color: rgba(121,85,72,.7)!important;
}

.rgba-grey-strong
{
    background-color: rgba(158,158,158,.7)!important;
}

.rgba-bluegrey-strong
{
    background-color: rgba(96,125,139,.7)!important;
}

.rgba-black-strong
{
    background-color: rgba(0,0,0,.7)!important;
}

.rgba-stylish-strong
{
    background-color: rgba(62,69,81,.7)!important;
}

.rgba-white-strong
{
    background-color: rgba(255,255,255,.7)!important;
}

.rgba-blue-slight
{
    background-color: rgba(3,169,244,.1)!important;
}

.rgba-red-slight
{
    background-color: rgba(244,67,54,.1)!important;
}

.rgba-pink-slight
{
    background-color: rgba(233,30,99,.1)!important;
}

.rgba-purple-slight
{
    background-color: rgba(156,39,176,.1)!important;
}

.rgba-indigo-slight
{
    background-color: rgba(63,81,181,.1)!important;
}

.rgba-cyan-slight
{
    background-color: rgba(0,188,212,.1)!important;
}

.rgba-teal-slight
{
    background-color: rgba(0,150,136,.1)!important;
}

.rgba-green-slight
{
    background-color: rgba(76,175,80,.1)!important;
}

.rgba-lime-slight
{
    background-color: rgba(205,220,57,.1)!important;
}

.rgba-yellow-slight
{
    background-color: rgba(255,235,59,.1)!important;
}

.rgba-orange-slight
{
    background-color: rgba(255,152,0,.1)!important;
}

.rgba-brown-slight
{
    background-color: rgba(121,85,72,.1)!important;
}

.rgba-grey-slight
{
    background-color: rgba(158,158,158,.1)!important;
}

.rgba-bluegrey-slight
{
    background-color: rgba(96,125,139,.1)!important;
}

.rgba-black-slight
{
    background-color: rgba(0,0,0,.1)!important;
}

.rgba-stylish-slight
{
    background-color: rgba(62,69,81,.1)!important;
}

.rgba-white-slight
{
    background-color: rgba(255,255,255,.1)!important;
}

.blue-gradient, .blue-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#062a64 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#062a64 100%);
    background: linear-gradient(135deg,#000 0,#062a64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#062a64', GradientType=1 );
}

.red-gradient, .red-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#7d0000 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#7d0000 100%);
    background: linear-gradient(135deg,#000 0,#7d0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#7d0000', GradientType=1 );
}

.green-gradient, .green-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#003830 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#003830 100%);
    background: linear-gradient(135deg,#000 0,#003830 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003830', GradientType=1 );
}

.purple-gradient, .purple-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#650696 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#650696 100%);
    background: linear-gradient(135deg,#000 0,#650696 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#650696', GradientType=1 );
}

.dark-gradient, .dark-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#2e2e2e 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#2e2e2e 100%);
    background: linear-gradient(135deg,#000 0,#2e2e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2e2e2e', GradientType=1 );
}

.grey-gradient, .grey-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#4b515d 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#4b515d 100%);
    background: linear-gradient(135deg,#000 0,#4b515d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4b515d', GradientType=1 );
}

.mdb-gradient, .mdb-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#3f729b 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#3f729b 100%);
    background: linear-gradient(135deg,#000 0,#3f729b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3f729b', GradientType=1 );
}

.deep-orange-gradient, .deep-orange-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#8a1a00 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#8a1a00 100%);
    background: linear-gradient(135deg,#000 0,#8a1a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a1a00', GradientType=1 );
}

.graphite-gradient, .graphite-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#37474f 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#37474f 100%);
    background: linear-gradient(135deg,#000 0,#37474f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#37474f', GradientType=1 );
}

.pink-gradient, .pink-skin .side-nav
{
    background: #000;
    background: -moz-linear-gradient(-45deg,#000 0,#880e4f 100%);
    background: -webkit-linear-gradient(-45deg,#000 0,#880e4f 100%);
    background: linear-gradient(135deg,#000 0,#880e4f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#880e4f', GradientType=1 );
}

.parallax, .video-full
{
    background-size: cover;
}

.card-cascade-2, .card-cascade.wider, .md-pills, .section .map-container img, .z-depth-0
{
    box-shadow: none!important;
}

    #toast-container > div, .author-box, .btn, .btn-floating, .card, .card-cascade-2 .card-block, .card-cascade.wider .card-block, .card-wrapper .back, .card-wrapper .front, .chip, .dropdown-content, .dropdown-menu, .jumbotron, .list-group, .navbar, .pager li a, .pagination .active .page-link, .popover, .pricing-card .price .version, .section-blog-fw .view, .side-nav, .social-list, .tag, .z-depth-1
    {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    }

        .btn-amber.active, .btn-blue-grey.active, .btn-brown.active, .btn-cyan.active, .btn-danger.active, .btn-dark-green.active, .btn-deep-orange.active, .btn-deep-purple.active, .btn-default.active, .btn-elegant.active, .btn-floating.btn-flat.active, .btn-floating:hover, .btn-indigo.active, .btn-info.active, .btn-light-green.active, .btn-lime.active, .btn-mdb.active, .btn-orange.active, .btn-pink.active, .btn-primary.active, .btn-purple.active, .btn-secondary.active, .btn-secondary.dropdown-toggle, .btn-success.active, .btn-unique.active, .btn-warning.active, .btn-yellow.active, .btn:hover, .card .form-header, .colorful-select .dropdown-content li.active span, .comments-list .tag, .inline-ul-img li img, .md-pills .nav-item .nav-link.active, .media img, .pager li a:hover, .picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover, .pricing-card .header, .reply-form .tag, .section .view, .section img, .side-modal .modal-dialog, .tooltip .tooltip-inner, .z-depth-1-half, ul.instagram-photos li img
        {
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        }

    .card-cascade .view, .card-cascade-2 .view, .card-overlay, .colorful-select .dropdown-content li a:hover, .colorful-select .dropdown-content li span:hover, .comments-list img, .dropdown .dropdown-menu .dropdown-item:hover, .nav-tabs, .reply-form img, .section .author-box, .section .jumbotron, .testimonial-carousel .testimonial .avatar img, .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
{
    transition: box-shadow .55s;
    box-shadow: 0;
}

    #toast-container > :hover, .hoverable:hover
    {
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    }

    .hoverable:hover
    {
        transition: box-shadow .45s;
    }

a
{
    color: #0275d8;
    cursor: pointer;
}

ul
{
    padding: 0;
}

.alert, .author-box, .breadcrumb, .card, .card .card-header, .dropdown-menu, .file-custom, .input-group-addon, .jumbotron, .list-group .list-group-item, .modal-content, .nav .nav-link, .nav-tabs, .navbar, .navbar-toggler, .page-item:first-child .page-link, .page-item:last-child .page-link, .pagination-lg .page-item:first-child .page-link, .pagination-lg .page-item:last-child .page-link, .pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:last-child .page-link, .popover, .tag, .tooltip-inner, img
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu, .input-group-addon, .pagination .page-item .page-link, .popover
{
    border: 0;
}

.pagination .active .page-link
{
    border-radius: 2px;
    transition: all .2s linear;
}

.pagination .page-link, .pagination .page-link:hover
{
    transition: all .3s linear;
}

    .pagination .page-link:focus
    {
        background-color: transparent;
    }

.pagination.pg-blue .active .page-link
{
    background-color: #4285F4;
}

.pagination.pg-red .active .page-link
{
    background-color: #f44;
}

.pagination.pg-teal .active .page-link
{
    background-color: #2BBBAD;
}

.pagination.pg-darkgrey .active .page-link
{
    background-color: #37474F;
}

.pagination.pg-dark .active .page-link
{
    background-color: #2E2E2E;
}

.pagination.pg-bluegrey .active .page-link
{
    background-color: #3F729B;
}

.pagination.pg-amber .active .page-link
{
    background-color: #ff6f00;
}

.pagination.pg-purple .active .page-link
{
    background-color: #5e35b1;
}

.pager .disabled > a, .pager a
{
    color: #fff;
}

.pager.pg-blue li a
{
    background-color: #4285F4;
}

    .pager.pg-blue li a:focus, .pager.pg-blue li a:hover
    {
        background-color: #4285F4;
        color: #fff;
    }

.pager.pg-red li a
{
    background-color: #f44;
}

    .pager.pg-red li a:focus, .pager.pg-red li a:hover
    {
        background-color: #f44;
        color: #fff;
    }

.pager.pg-teal li a
{
    background-color: #2BBBAD;
}

    .pager.pg-teal li a:focus, .pager.pg-teal li a:hover
    {
        background-color: #2BBBAD;
        color: #fff;
    }

.pager.pg-darkgrey li a
{
    background-color: #37474F;
}

    .pager.pg-darkgrey li a:focus, .pager.pg-darkgrey li a:hover
    {
        background-color: #37474F;
        color: #fff;
    }

.pager.pg-dark li a
{
    background-color: #2E2E2E;
}

    .pager.pg-dark li a:focus, .pager.pg-dark li a:hover
    {
        background-color: #2E2E2E;
        color: #fff;
    }

.pager.pg-bluegrey li a
{
    background-color: #3F729B;
}

    .pager.pg-bluegrey li a:focus, .pager.pg-bluegrey li a:hover
    {
        background-color: #3F729B;
        color: #fff;
    }

.pager.pg-amber li a
{
    background-color: #ff6f00;
}

    .pager.pg-amber li a:focus, .pager.pg-amber li a:hover
    {
        background-color: #ff6f00;
        color: #fff;
    }

.pager.pg-purple li a
{
    background-color: #5e35b1;
}

    .pager.pg-purple li a:focus, .pager.pg-purple li a:hover
    {
        background-color: #5e35b1;
        color: #fff;
    }

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover
{
    background-color: inerhit!important;
}

.modal-footer .btn + .btn
{
    margin-bottom: 6px;
}

body.modal-open
{
    overflow: inherit;
    padding-right: 0!important;
}

body
{
    overflow: auto!important;
    font-family: Roboto,sans-serif;
}

.card-columns .card
{
    margin: 2px;
}

.parallax
{
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    padding-top: 3em;
    padding-bottom: 3em;
}

.nav-pills.horizontal-spy .nav-item .active
{
    border-bottom: 2px solid #45526E;
    border-left: none;
}

.nav-pills.horizontal-spy .nav-item:hover
{
    background-color: transparent;
    color: #45526E;
    font-weight: 500;
    border-left: none;
}

.card-block h3, .card-block h5
{
    margin-bottom: 1rem;
    font-weight: 400;
}

.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover
{
    background-color: transparent;
    color: #000;
}

.disabled
{
    cursor: not-allowed!important;
}

.video-fluid
{
    height: auto;
    width: 100%;
}

.video-full
{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.card-block h5
{
    font-size: 1rem;
}

.divider-new, .text-fluid, h1, h2, h3, h4, h5, h6
{
    font-weight: 300;
}

.card-block p
{
    margin-bottom: 1rem;
}

.tooltip .tooltip-inner
{
    padding: .4rem .8rem;
}

@font-face
{
    font-family: Roboto;
    src: local(Roboto Thin),url(../font/roboto/Roboto-Thin.eot);
    src: url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"),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: local(Roboto Light),url(../font/roboto/Roboto-Light.eot);
    src: url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"),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: local(Roboto Regular),url(../font/roboto/Roboto-Regular.eot);
    src: url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"),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.eot);
    src: url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"),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.eot);
    src: url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"),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;
}

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

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

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

@media only screen and (min-width:360px)
{
    .text-fluid
    {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width:390px)
{
    .text-fluid
    {
        font-size: 1.224rem;
    }
}

@media only screen and (min-width:420px)
{
    .text-fluid
    {
        font-size: 1.248rem;
    }
}

@media only screen and (min-width:450px)
{
    .text-fluid
    {
        font-size: 1.272rem;
    }
}

@media only screen and (min-width:480px)
{
    .text-fluid
    {
        font-size: 1.296rem;
    }
}

@media only screen and (min-width:510px)
{
    .text-fluid
    {
        font-size: 1.32rem;
    }
}

@media only screen and (min-width:540px)
{
    .text-fluid
    {
        font-size: 1.344rem;
    }
}

@media only screen and (min-width:570px)
{
    .text-fluid
    {
        font-size: 1.368rem;
    }
}

@media only screen and (min-width:600px)
{
    .text-fluid
    {
        font-size: 1.392rem;
    }
}

@media only screen and (min-width:630px)
{
    .text-fluid
    {
        font-size: 1.416rem;
    }
}

@media only screen and (min-width:660px)
{
    .text-fluid
    {
        font-size: 1.44rem;
    }
}

@media only screen and (min-width:690px)
{
    .text-fluid
    {
        font-size: 1.464rem;
    }
}

@media only screen and (min-width:720px)
{
    .text-fluid
    {
        font-size: 1.488rem;
    }
}

@media only screen and (min-width:750px)
{
    .text-fluid
    {
        font-size: 1.512rem;
    }
}

@media only screen and (min-width:780px)
{
    .text-fluid
    {
        font-size: 1.536rem;
    }
}

@media only screen and (min-width:810px)
{
    .text-fluid
    {
        font-size: 1.56rem;
    }
}

@media only screen and (min-width:840px)
{
    .text-fluid
    {
        font-size: 1.584rem;
    }
}

@media only screen and (min-width:870px)
{
    .text-fluid
    {
        font-size: 1.608rem;
    }
}

@media only screen and (min-width:900px)
{
    .text-fluid
    {
        font-size: 1.632rem;
    }
}

@media only screen and (min-width:930px)
{
    .text-fluid
    {
        font-size: 1.656rem;
    }
}

@media only screen and (min-width:960px)
{
    .text-fluid
    {
        font-size: 1.68rem;
    }
}

@media only screen and (max-width:360px)
{
    .text-fluid
    {
        font-size: 1.2rem;
    }
}

p.lead
{
    font-weight: 400;
}

blockquote p
{
    font-size: .9rem;
    padding-left: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media only screen and (max-width:768px)
{
    .h1-responsive, .section .section-heading, .section-heading h1
    {
        font-size: 150%;
        font-weight: 500;
    }

    .h2-responsive, .section-blog-fw h2
    {
        font-size: 145%;
    }

    .h3-responsive, .h4-responsive, .h5-responsive
    {
        font-size: 135%;
    }
}

@media only screen and (min-width:768px)
{
    .h1-responsive, .section .section-heading, .section-heading h1
    {
        font-size: 170%;
    }

    .h2-responsive, .section-blog-fw h2
    {
        font-size: 140%;
    }

    .h3-responsive, .h4-responsive, .h5-responsive
    {
        font-size: 125%;
    }
}

@media only screen and (min-width:992px)
{
    .h1-responsive, .section .section-heading, .section-heading h1
    {
        font-size: 200%;
    }

    .h2-responsive, .section-blog-fw h2
    {
        font-size: 170%;
    }

    .h3-responsive
    {
        font-size: 140%;
    }

    .h4-responsive, .h5-responsive
    {
        font-size: 125%;
    }
}

@media only screen and (min-width:1200px)
{
    .h1-responsive, .section .section-heading, .section-heading h1
    {
        font-size: 250%;
    }

    .h2-responsive, .section-blog-fw h2
    {
        font-size: 200%;
    }

    .h3-responsive
    {
        font-size: 170%;
    }

    .h4-responsive
    {
        font-size: 140%;
    }

    .h5-responsive
    {
        font-size: 125%;
    }
}

.section
{
    margin-bottom: 2rem;
}

    .section .section-heading
    {
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

    .section .section-description
    {
        color: #757575;
        margin-bottom: 4rem;
        margin-left: 15%;
        margin-right: 15%;
        text-align: center;
    }

@media (max-width:992px)
{
    .section .section-description
    {
        margin-left: 5%;
        margin-right: 5%;
    }
}

.section.extra-margins a, .section.extra-margins h4, .section.extra-margins h5
{
    margin-bottom: 1rem;
}

.section h4
{
    font-weight: 400;
}

.section h5 .fa
{
    margin-right: 8px;
}

.section hr
{
    margin-top: 1rem;
    margin-bottom: 3rem;
}

@media (min-width:992px)
{
    .section hr
    {
        display: none;
    }
}

.section .contact-icons
{
    text-align: center;
}

    .section .contact-icons li
    {
        margin-bottom: 2.2rem;
    }

    .section .contact-icons .fa
    {
        font-size: 2.2rem;
        margin-bottom: .6rem;
        color: #424242;
    }

.between-sections
{
    margin-bottom: 4rem;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated
{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite
    {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge
    {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY
    {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes bounce
{
    20%,53%,80%,from,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce
{
    20%,53%,80%,from,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%,43%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce
{
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash
{
    50%,from,to
    {
        opacity: 1;
    }

    25%,75%
    {
        opacity: 0;
    }
}

@keyframes flash
{
    50%,from,to
    {
        opacity: 1;
    }

    25%,75%
    {
        opacity: 0;
    }
}

.flash
{
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse
{
    from,to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
}

@keyframes pulse
{
    from,to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }
}

.pulse
{
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand
{
    from,to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30%
    {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40%
    {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65%
    {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75%
    {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }
}

@keyframes rubberBand
{
    from,to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30%
    {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40%
    {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65%
    {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75%
    {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }
}

.rubberBand
{
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake
{
    from,to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

@keyframes shake
{
    from,to
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

.shake
{
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake
{
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-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;
}
/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 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;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

    .waves-effect .waves-ripple
    {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        background: -webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        background: -moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s 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) translate(0,0);
        -moz-transform: scale(0) translate(0,0);
        -ms-transform: scale(0) translate(0,0);
        -o-transform: scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
        pointer-events: none;
    }

    .waves-effect.waves-light .waves-ripple
    {
        background: rgba(255,255,255,.4);
        background: -webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: -o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: -moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
        background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%);
    }

    .waves-effect.waves-classic .waves-ripple
    {
        background: rgba(0,0,0,.2);
    }

    .waves-effect.waves-classic.waves-light .waves-ripple
    {
        background: rgba(255,255,255,.4);
    }

.waves-notransition
{
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}

.waves-button, .waves-circle
{
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%);
}

.dotted-scrollspy, .vertical-center
{
    -webkit-transform: translateY(-50%);
}

.waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited
{
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}

.waves-button
{
    padding: .85em 1.1em;
    border-radius: .2em;
}

.waves-button-input
{
    margin: 0;
    padding: .85em 1.1em;
}

.waves-input-wrapper
{
    border-radius: .2em;
    vertical-align: bottom;
}

.btn .fa, .btn-floating, .picker__box, .product-table td, .switch label .lever
{
    vertical-align: middle;
}

.waves-input-wrapper.waves-button
{
    padding: 0;
}

.waves-input-wrapper .waves-button-input
{
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.waves-circle
{
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
}

.waves-float
{
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
    box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.btn, .pager li a
{
    transition: .2s ease-out;
}

.waves-float:active
{
    -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3);
    box-shadow: 0 8px 20px 1px rgba(0,0,0,.3);
}

.waves-block
{
    display: block;
}

@media only screen and (max-width:992px)
{
    .center-on-small-only
    {
        text-align: center;
    }

        .card .center-on-small-only img, .center-on-small-only .card img, .center-on-small-only .comments-list img, .center-on-small-only .img-fluid, .center-on-small-only .reply-form img, .center-on-small-only .section .view, .center-on-small-only .section img, .comments-list .center-on-small-only img, .reply-form .center-on-small-only img, .section .center-on-small-only .view, .section .center-on-small-only img
        {
            display: inline;
        }
}

.card .card-circle, .card-overlay, .flex-center, .section.team-section .avatar, .testimonial-carousel .testimonial .avatar
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .card .card-circle p, .card-overlay p, .flex-center p, .section.team-section .avatar p, .testimonial-carousel .testimonial .avatar p
    {
        margin: 0;
    }

    .card .card-circle ul, .card-overlay ul, .flex-center ul, .section.team-section .avatar ul, .testimonial-carousel .testimonial .avatar ul
    {
        text-align: center;
    }

        .card .card-circle ul li, .card-overlay ul li, .flex-center ul li, .section.team-section .avatar ul li, .testimonial-carousel .testimonial .avatar ul li
        {
            margin-bottom: 1rem;
        }

.vertical-center
{
    position: relative;
    top: 50%;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.card img, .comments-list img, .img-fluid, .reply-form img, .section .view, .section img
{
    display: block;
    max-width: 100%;
    height: auto;
}

.card .rating > li, .inline-ul > li
{
    display: inline;
}

.list-inline-div > div
{
    display: inline-block;
}

.hr-light
{
    background-color: #fff;
    height: .5px;
}

.hr-dark
{
    background-color: #666;
    height: .5px;
}

.divider-new::after, .divider-new::before
{
    content: '';
    height: 1.5px;
    background: #666;
}

.divider-new
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 45px;
    margin-bottom: 45px;
}

    .divider-new h2
    {
        margin-top: 5px;
    }

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

.btn, .btn-flat, .classic-tabs li a, footer.page-footer .title
{
    text-transform: uppercase;
}

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

.st-mdb
{
    border-left: 4px solid #45526E;
}

    .st-mdb small
    {
        border-left: 2px solid #45526E;
    }

.divider-short
{
    max-width: 50px;
    border-color: #4285F4;
    border-width: 3px;
}

.blockquote .bq-title
{
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.blockquote p
{
    font-size: 1.1rem;
}

.bq-primary
{
    border-left: 3px solid #4285F4;
}

    .bq-primary .bq-title
    {
        color: #4285F4;
    }

.bq-warning
{
    border-left: 3px solid #fb3;
}

    .bq-warning .bq-title
    {
        color: #fb3;
    }

.bq-danger
{
    border-left: 3px solid #f44;
}

    .bq-danger .bq-title
    {
        color: #f44;
    }

.bq-success
{
    border-left: 3px solid #00C851;
}

    .bq-success .bq-title
    {
        color: #00C851;
    }

.pt-4
{
    padding-top: 4rem!important;
}

.pt-5
{
    padding-top: 5rem!important;
}

.pt-6
{
    padding-top: 6rem!important;
}

.pb-4
{
    padding-bottom: 4rem!important;
}

.pb-5
{
    padding-bottom: 5rem!important;
}

.pb-6
{
    padding-bottom: 6rem!important;
}

.mt-4
{
    margin-top: 4rem!important;
}

.mt-5
{
    margin-top: 5rem!important;
}

.mt-6
{
    margin-top: 6rem!important;
}

.mb-4
{
    margin-bottom: 4rem!important;
}

.mb-5
{
    margin-bottom: 5rem!important;
}

.mb-6
{
    margin-bottom: 6rem!important;
}

@media (max-width:992px)
{
    .mb-r
    {
        margin-bottom: 2rem!important;
    }
}

@media (min-width:992px)
{
    .mb-r
    {
        margin-bottom: 3rem!important;
    }
}

.mb-m
{
    margin-bottom: 1rem;
}

@media (min-width:62em)
{
    .mb-m
    {
        margin-bottom: 0;
    }
}

.no-height
{
    height: 0;
}

button:focus
{
    outline: 0!important;
}

.btn
{
    font-size: .8rem;
    border-radius: 2px;
    border: 0;
    color: #fff!important;
    margin: 6px;
    white-space: normal!important;
}

    .btn.btn-lg
    {
        font-size: .9rem;
        padding: 1rem 2.4rem;
    }

    .btn.btn-md
    {
        font-size: .7rem;
        padding: .7rem 1.6rem;
    }

    .btn.btn-sm
    {
        font-size: .6rem;
        padding: .5rem 1.6rem;
    }

    .btn:hover
    {
        color: #fff;
    }

    .btn.active, .btn:active, .btn:focus
    {
        outline: 0;
        color: #fff;
    }

    .btn .fa
    {
        font-size: 1.1rem;
        position: relative;
        margin-top: -2px;
    }

        .btn .fa.right
        {
            margin-left: 3px;
        }

        .btn .fa.left
        {
            margin-right: 3px;
        }

.btn-group .btn
{
    margin: 0;
}

.btn-block
{
    margin: inherit;
}

.btn-secondary
{
    background-color: #a6c;
}

    .btn-secondary:focus, .btn-secondary:hover
    {
        background-color: #b579d2!important;
        color: #fff;
    }

    .btn-secondary.active
    {
        background-color: #739!important;
    }

        .btn-secondary.active:focus, .btn-secondary.active:hover
        {
            color: #fff;
        }

    .btn-secondary.dropdown-toggle
    {
        color: #fff!important;
        background-color: #a6c!important;
    }

        .btn-secondary.dropdown-toggle:hover
        {
            color: #fff;
            background-color: #b579d2!important;
        }

        .btn-secondary.dropdown-toggle:focus
        {
            color: #fff;
            background-color: #a6c;
        }

    .btn-secondary:active:hover
    {
        background-color: #b579d2!important;
    }

.btn-primary
{
    background: #905a2b;
}

    .btn-primary:focus, .btn-primary:hover
    {
        background-color: #5a95f5!important;
    }

    .btn-primary.active
    {
        background-color: #0b51c5!important;
    }

.btn-default
{
    background: #2BBBAD;
}

    .btn-default:focus, .btn-default:hover
    {
        background-color: #30cfc0!important;
    }

    .btn-default.active
    {
        background-color: #186860!important;
    }

.btn-success
{
    background: #00C851;
}

    .btn-success:focus, .btn-success:hover
    {
        background-color: #00d255!important;
    }

    .btn-success.active
    {
        background-color: #006228!important;
    }

.btn-info
{
    background: #33b5e5;
}

    .btn-info:focus, .btn-info:hover
    {
        background-color: #4abde8!important;
    }

    .btn-info.active
    {
        background-color: #14799e!important;
    }

.btn-warning
{
    background: #F80;
}

    .btn-warning:focus, .btn-warning:hover
    {
        background-color: #ff961f!important;
    }

    .btn-warning.active
    {
        background-color: #c80!important;
    }

.btn-danger
{
    background: #C00;
}

    .btn-danger:focus, .btn-danger:hover
    {
        background-color: #db0000!important;
    }

    .btn-danger.active
    {
        background-color: maroon!important;
    }

.btn-link
{
    background-color: transparent;
    color: #000!important;
}

    .btn-link:focus, .btn-link:hover
    {
        background-color: transparent;
        color: #000;
    }

.btn-outline-primary
{
    border: 2px solid #4285F4;
    color: #0d47a1!important;
    background-color: transparent;
}

    .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:focus, .btn-outline-primary:hover
    {
        color: #4285F4;
        border-color: #4285F4;
        background-color: transparent;
    }

.btn-outline-secondary
{
    border: 2px solid #a6c;
    color: #93C!important;
    background-color: transparent;
}

    .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary:focus, .btn-outline-secondary:hover
    {
        color: #a6c;
        border: 2px solid #a6c;
        background-color: transparent;
    }

.btn-outline-default
{
    border: 2px solid #2BBBAD;
    color: #00695c!important;
    background-color: transparent;
}

    .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default:focus, .btn-outline-default:hover
    {
        color: #2BBBAD;
        border-color: #2BBBAD;
        background-color: transparent;
    }

.btn-outline-success
{
    border: 2px solid #00C851;
    color: #007E33!important;
    background-color: transparent;
}

    .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success:focus, .btn-outline-success:hover
    {
        color: #00C851;
        border-color: #00C851;
        background-color: transparent;
    }

.btn-outline-info
{
    border: 2px solid #33b5e5;
    color: #09C!important;
    background-color: transparent;
}

    .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:focus, .btn-outline-info:hover
    {
        color: #33b5e5;
        border-color: #33b5e5;
        background-color: transparent;
    }

.btn-outline-warning
{
    border: 2px solid #fb3;
    color: #F80!important;
    background-color: transparent;
}

    .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning:focus, .btn-outline-warning:hover
    {
        border-color: #fb3;
        color: #fb3;
        background-color: transparent;
    }

.btn-outline-danger
{
    border: 2px solid #f44;
    color: #C00!important;
    background-color: transparent;
}

    .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger:focus, .btn-outline-danger:hover
    {
        color: #f44;
        border-color: #f44;
        background-color: transparent;
    }

.btn-outline-white
{
    border: 2px solid #fff;
    color: #fff!important;
    background-color: transparent;
}

    .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white:focus, .btn-outline-white:hover
    {
        color: #e6e6e6;
        border-color: #fff;
        background-color: transparent;
    }

.btn-outline-black
{
    border: 2px solid #000;
    color: #000!important;
    background-color: transparent;
}

    .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black:focus, .btn-outline-black:hover
    {
        color: #000;
        border-color: #000;
        background-color: transparent;
    }

.pager li a
{
    border: 0;
}

.btn-elegant
{
    background: #2E2E2E;
}

    .btn-elegant:focus, .btn-elegant:hover
    {
        background-color: #3b3b3b!important;
    }

    .btn-elegant.active
    {
        background-color: #000!important;
    }

.btn-unique
{
    background: #1C2331;
}

    .btn-unique:focus, .btn-unique:hover
    {
        background-color: #252f41!important;
    }

    .btn-unique.active
    {
        background-color: #000!important;
    }

.btn-pink
{
    background: #e91e63;
}

    .btn-pink:focus, .btn-pink:hover
    {
        background-color: #eb3573!important;
    }

    .btn-pink.active
    {
        background-color: #930e3b!important;
    }

.btn-purple
{
    background: #4a148c;
}

    .btn-purple:focus, .btn-purple:hover
    {
        background-color: #5617a2!important;
    }

    .btn-purple.active
    {
        background-color: #1b0733!important;
    }

.btn-deep-purple
{
    background: #311b92;
}

    .btn-deep-purple:focus, .btn-deep-purple:hover
    {
        background-color: #381fa8!important;
    }

    .btn-deep-purple.active
    {
        background-color: #140b3c!important;
    }

.btn-indigo
{
    background: #1a237e;
}

    .btn-indigo:focus, .btn-indigo:hover
    {
        background-color: #1e2993!important;
    }

    .btn-indigo.active
    {
        background-color: #090c29!important;
    }

.btn-cyan
{
    background: #00acc1;
}

    .btn-cyan:focus, .btn-cyan:hover
    {
        background-color: #00c3db!important;
    }

    .btn-cyan.active
    {
        background-color: #00515b!important;
    }

.btn-light-green
{
    background: #7cb342;
}

    .btn-light-green:focus, .btn-light-green:hover
    {
        background-color: #89be50!important;
    }

    .btn-light-green.active
    {
        background-color: #486827!important;
    }

.btn-dark-green
{
    background: #007E33;
}

    .btn-dark-green:focus, .btn-dark-green:hover
    {
        background-color: #00983d!important;
    }

    .btn-dark-green.active
    {
        background-color: #00180a!important;
    }

.btn-lime
{
    background: #afb42b;
}

    .btn-lime:focus, .btn-lime:hover
    {
        background-color: #c3c930!important;
    }

    .btn-lime.active
    {
        background-color: #5f6217!important;
    }

.btn-yellow
{
    background: #fbc02d;
}

    .btn-yellow:focus, .btn-yellow:hover
    {
        background-color: #fbc846!important;
    }

    .btn-yellow.active
    {
        background-color: #be8904!important;
    }

.btn-amber
{
    background: #ff6f00;
}

    .btn-amber:focus, .btn-amber:hover
    {
        background-color: #ff7d1a!important;
    }

    .btn-amber.active
    {
        background-color: #994300!important;
    }

.btn-orange
{
    background: #e65100;
}

    .btn-orange:focus, .btn-orange:hover
    {
        background-color: #ff5a00!important;
    }

    .btn-orange.active
    {
        background-color: #802d00!important;
    }

.btn-deep-orange
{
    background: #bf360c;
}

    .btn-deep-orange:focus, .btn-deep-orange:hover
    {
        background-color: #d73d0e!important;
    }

    .btn-deep-orange.active
    {
        background-color: #5f1b06!important;
    }

.btn-brown
{
    background: #6d4c41;
}

    .btn-brown:focus, .btn-brown:hover
    {
        background-color: #7d574b!important;
    }

    .btn-brown.active
    {
        background-color: #2d1f1b!important;
    }

.btn-blue-grey
{
    background: #607d8b;
}

    .btn-blue-grey:focus, .btn-blue-grey:hover
    {
        background-color: #6b8a99!important;
    }

    .btn-blue-grey.active
    {
        background-color: #36474f!important;
    }

.btn-mdb
{
    background: #45526E;
}

    .btn-mdb:focus, .btn-mdb:hover
    {
        background-color: #4f5e7e!important;
    }

    .btn-mdb.active
    {
        background-color: #1e232f!important;
    }

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea.md-textarea
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    outline: 0;
    height: 2.1rem;
    width: 100%;
    font-size: 1rem;
    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=search]:disabled, input[type=search][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.md-textarea:disabled, textarea.md-textarea[readonly=readonly]
    {
        color: rgba(0,0,0,.46);
        border-bottom: 1px dotted rgba(0,0,0,.46);
        background-color: transparent;
    }

        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=search]:disabled + label, input[type=search][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.md-textarea:disabled + label, textarea.md-textarea[readonly=readonly] + label
        {
            color: rgba(0,0,0,.46);
            background-color: transparent;
        }

    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=search]: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.md-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=search]: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.md-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=search].valid, input[type=search]: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.md-textarea.valid, textarea.md-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=search].valid + label:after, input[type=search]: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.md-textarea.valid + label:after, textarea.md-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=search].invalid, input[type=search]: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.md-textarea.invalid, textarea.md-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=search].invalid + label:after, input[type=search]: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.md-textarea.invalid + label:after, textarea.md-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=search] + label:after, input[type=tel] + label:after, input[type=text] + label:after, input[type=time] + label:after, input[type=url] + label:after, textarea.md-textarea + label:after
    {
        display: block;
        content: "";
        position: absolute;
        top: 65px;
        opacity: 0;
        transition: .2s opacity ease-out,.2s color ease-out;
    }


.form-control
{
    padding: .5rem 0 .6rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    margin-top: .2rem;
    margin-bottom: 1rem;
}

.md-form, .md-form .btn
{
    margin-bottom: 1.5rem;
}

.form-control:focus
{
    background: 0 0;
}

.form-control:disabled, .form-control[readonly]
{
    background-color: transparent;
    border-bottom: 1px solid #e0e0e0;
}

.md-form
{
    position: relative;
}

    .md-form label
    {
        color: #757575;
        position: absolute;
        top: .8rem;
        left: 0;
        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;
    }

        .md-form label.active
        {
            font-size: .8rem;
            -webkit-transform: translateY(-140%);
            -moz-transform: translateY(-140%);
            -ms-transform: translateY(-140%);
            -o-transform: translateY(-140%);
            transform: translateY(-140%);
        }

    .md-form .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;
    }

        .md-form .prefix.active
        {
            color: #4285F4;
        }

        .md-form .prefix ~ input, .md-form .prefix ~ textarea
        {
            margin-left: 3rem;
            width: 92%;
            width: calc(100% - 3rem);
        }

        .md-form .prefix ~ textarea
        {
            padding-top: .8rem;
        }

        .md-form .prefix ~ label
        {
            margin-left: 3rem;
        }

@media only screen and (max-width:992px)
{
    .md-form .prefix ~ input
    {
        width: 86%;
        width: calc(100% - 3rem);
    }
}

@media only screen and (max-width:600px)
{
    .md-form .prefix ~ input
    {
        width: 80%;
        width: calc(100% - 3rem);
    }
}

.list-group-item, textarea
{
    width: 100%;
}

.md-form .input-group
{
    border: 1px solid #eee;
}

    .md-form .input-group .form-control
    {
        margin: 0;
    }

    .md-form .input-group ::-webkit-input-placeholder
    {
        padding-left: 7px;
        padding-top: 2px;
    }

    .md-form .input-group :-moz-placeholder
    {
        padding-left: 7px;
        padding-top: 2px;
    }

    .md-form .input-group ::-moz-placeholder
    {
        padding-left: 7px;
        padding-top: 2px;
    }

    .md-form .input-group :-ms-input-placeholder
    {
        padding-left: 7px;
        padding-top: 2px;
    }

.form-inline fieldset
{
    margin-right: 1.5rem;
}

textarea
{
    height: 3rem;
    background-color: transparent;
}

    textarea.md-textarea
    {
        overflow-y: hidden;
        padding: 1.6rem 0;
        resize: none;
        min-height: 3rem;
    }

.hiddendiv
{
    display: none;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
}

.input-dark-bg ::-webkit-input-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.input-dark-bg :-moz-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.input-dark-bg ::-moz-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.input-dark-bg :-ms-input-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.input-dark-bg input[type=text]
{
    border-bottom: 1px solid #fff;
}

.input-dark-bg .form-control
{
    color: #fff;
}

.input-light-bg ::-webkit-input-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.input-light-bg :-moz-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.input-light-bg ::-moz-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.input-light-bg :-ms-input-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.input-light-bg input[type=text]
{
    border-bottom: 1px solid #1C2331;
}

.input-light-bg .form-control
{
    color: #1C2331;
}

.form-inline .form-group
{
    margin-right: 2rem;
}

i.btn-primary
{
    background: #4285F4!important;
}

i.btn-default
{
    background: #2BBBAD!important;
}

i.btn-success
{
    background: #00C851!important;
}

i.btn-info
{
    background: #33b5e5!important;
}

i.btn-warning
{
    background: #F80!important;
}

i.btn-danger
{
    background: #C00!important;
}

.card
{
    border: 0;
}

    .card .card-title a
    {
        color: #424242;
        transition: .4s;
    }

        .card .card-title a, .card .card-title a:hover
        {
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -o-transition: .4s;
            -ms-transition: .4s;
        }

            .card .card-title a:hover
            {
                color: #616161;
                transition: .4s;
            }

    .card img
    {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .card .card-footer
    {
        padding-bottom: 0;
    }

.author-box, .jumbotron
{
    background-color: #fff;
    padding: 2rem;
}

    .jumbotron.m-1, .jumbotron.m-2, .jumbotron.m-3, .m-1.author-box, .m-2.author-box, .m-3.author-box, .section-blog-fw .author-box, .section-blog-fw .jumbotron
    {
        z-index: 50;
        position: relative;
        margin-left: 3%;
        margin-right: 3%;
    }

    .jumbotron.m-1, .m-1.author-box, .section-blog-fw .author-box, .section-blog-fw .jumbotron
    {
        margin-top: -20px;
    }

    .jumbotron.m-2, .m-2.author-box
    {
        margin-top: -30px;
    }

    .jumbotron.m-3, .m-3.author-box
    {
        margin-top: -40px;
    }

.edge-header
{
    display: block;
    height: 278px;
    background-color: #ccc;
}

.free-bird
{
    margin-top: -100px;
}

.navbar form
{
    float: right;
}

    .navbar form input
    {
        margin: 0 5px 1px 8px;
        height: 1rem;
    }

.full-bg-img, .img-overlay:after, .view .content, .view .mask
{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.navbar .navbar-nav .nav-item
{
    margin-left: 0;
}

    .navbar .navbar-nav .nav-item a
    {
        padding-right: 8px;
        padding-left: 8px;
        font-weight: 300;
    }

.navbar .navbar-toggler
{
    float: right;
    background: 0 0;
    border-width: 0;
}

    .navbar .breadcrumb, .navbar .navbar-toggler:focus
    {
        background-color: inherit;
    }

.navbar .breadcrumb
{
    margin: 0;
    font-weight: 300;
}

.navbar .nav-flex-icons
{
    float: right;
    display: flex;
}

@media only screen and (max-width:992px)
{
    .navbar.mobile-nofixed
    {
        position: relative;
    }
}

.navbar.navbar-dark .navbar-brand, .navbar.navbar-dark .navbar-brand:hover
{
    color: #fff;
}

.navbar.navbar-dark .breadcrumb a, .navbar.navbar-dark .navbar-nav .nav-item a
{
    color: #fff;
    transition: .35s;
}

    .navbar.navbar-dark .breadcrumb a:hover, .navbar.navbar-dark .navbar-nav .nav-item a:hover
    {
        transition: .35s;
        color: rgba(255,255,255,.75);
    }

.navbar.navbar-dark .breadcrumb.active, .navbar.navbar-dark .navbar-nav .nav-item.active
{
    background-color: rgba(255,255,255,.1);
}

.navbar.navbar-dark .breadcrumb .dropdown-menu a, .navbar.navbar-dark .navbar-nav .nav-item .dropdown-menu a
{
    color: #212121;
    padding: 10px;
}

.navbar.navbar-dark .nav-link, .navbar.navbar-dark .navbar-toggler
{
    color: #fff;
}

.navbar.navbar-light .breadcrumb a, .navbar.navbar-light .breadcrumb a:hover, .navbar.navbar-light .nav-item a, .navbar.navbar-light .nav-item a:hover
{
    transition: .35s;
    color: #212121;
}

.navbar.navbar-light .breadcrumb.active, .navbar.navbar-light .nav-item.active
{
    background-color: rgba(158,158,158,.2);
}

.navbar.navbar-light .breadcrumb .dropdown-menu a, .navbar.navbar-light .nav-item .dropdown-menu a
{
    color: #000;
    padding: 10px;
}

.navbar.navbar-light .navbar-toggler
{
    color: #000;
}

@media (max-width:544px)
{
    .navbar .navbar-toggleable-xs .navbar-brand
    {
        float: none;
        margin-left: 8px;
    }

    .navbar .navbar-toggleable-xs ul, .navbar .navbar-toggleable-xs ul li
    {
        float: none;
    }

    .navbar .navbar-toggleable-xs form
    {
        float: left;
    }

    .navbar .navbar-toggleable-xs .nav-item
    {
        margin-left: 0;
    }
}

@media (max-width:768px)
{
    .navbar .navbar-toggleable-sm .navbar-brand, .navbar .navbar-toggleable-sm ul, .navbar .navbar-toggleable-sm ul li
    {
        float: none;
    }

    .navbar .navbar-toggleable-sm form
    {
        float: left;
        padding-left: 4px;
    }

    .navbar .navbar-toggleable-sm .nav-item
    {
        margin-left: 0;
    }
}

.navbar-dark form ::-webkit-input-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.navbar-dark form :-moz-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.navbar-dark form ::-moz-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.navbar-dark form :-ms-input-placeholder
{
    color: #fff!important;
    font-weight: 300;
}

.navbar-dark form input[type=text]
{
    border-bottom: 1px solid #fff;
}

.navbar-dark form .form-control
{
    color: #fff;
}

.navbar-light form ::-webkit-input-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.navbar-light form :-moz-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.navbar-light form ::-moz-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.navbar-light form :-ms-input-placeholder
{
    color: #1C2331!important;
    font-weight: 300;
}

.navbar-light form input[type=text]
{
    border-bottom: 1px solid #1C2331;
}

.navbar-light form .form-control
{
    color: #1C2331;
}

.view
{
    overflow: hidden;
    position: relative;
    cursor: default;
}

    .view .content, .view .mask
    {
        position: absolute;
        overflow: hidden;
    }

    .view img, .view video
    {
        display: block;
        position: relative;
    }

.full-bg-img
{
    position: absolute;
    overflow: hidden;
}

.overlay:hover .mask
{
    opacity: 1;
}

.overlay img, .overlay video
{
    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 .full-bg-img, .hm-blue-light .mask
{
    background-color: rgba(3,169,244,.3);
}

.hm-red-light .full-bg-img, .hm-red-light .mask
{
    background-color: rgba(244,67,54,.3);
}

.hm-pink-light .full-bg-img, .hm-pink-light .mask
{
    background-color: rgba(233,30,99,.3);
}

.hm-purple-light .full-bg-img, .hm-purple-light .mask
{
    background-color: rgba(156,39,176,.3);
}

.hm-indigo-light .full-bg-img, .hm-indigo-light .mask
{
    background-color: rgba(63,81,181,.3);
}

.hm-cyan-light .full-bg-img, .hm-cyan-light .mask
{
    background-color: rgba(0,188,212,.3);
}

.hm-teal-light .full-bg-img, .hm-teal-light .mask
{
    background-color: rgba(0,150,136,.3);
}

.hm-green-light .full-bg-img, .hm-green-light .mask
{
    background-color: rgba(76,175,80,.3);
}

.hm-lime-light .full-bg-img, .hm-lime-light .mask
{
    background-color: rgba(205,220,57,.3);
}

.hm-yellow-light .full-bg-img, .hm-yellow-light .mask
{
    background-color: rgba(255,235,59,.3);
}

.hm-orange-light .full-bg-img, .hm-orange-light .mask
{
    background-color: rgba(255,152,0,.3);
}

.hm-brown-light .full-bg-img, .hm-brown-light .mask
{
    background-color: rgba(121,85,72,.3);
}

.hm-grey-light .full-bg-img, .hm-grey-light .mask
{
    background-color: rgba(158,158,158,.3);
}

.hm-bluegrey-light .full-bg-img, .hm-bluegrey-light .mask
{
    background-color: rgba(96,125,139,.3);
}

.hm-black-light .full-bg-img, .hm-black-light .mask
{
    background-color: rgba(0,0,0,.3);
}

.hm-stylish-light .full-bg-img, .hm-stylish-light .mask
{
    background-color: rgba(62,69,81,.3);
}

.hm-white-light .full-bg-img, .hm-white-light .mask
{
    background-color: rgba(255,255,255,.3);
}

.hm-blue-strong .full-bg-img, .hm-blue-strong .mask
{
    background-color: rgba(3,169,244,.7);
}

.hm-red-strong .full-bg-img, .hm-red-strong .mask
{
    background-color: rgba(244,67,54,.7);
}

.hm-pink-strong .full-bg-img, .hm-pink-strong .mask
{
    background-color: rgba(233,30,99,.7);
}

.hm-purple-strong .full-bg-img, .hm-purple-strong .mask
{
    background-color: rgba(156,39,176,.7);
}

.hm-indigo-strong .full-bg-img, .hm-indigo-strong .mask
{
    background-color: rgba(63,81,181,.7);
}

.hm-cyan-strong .full-bg-img, .hm-cyan-strong .mask
{
    background-color: rgba(0,188,212,.7);
}

.hm-teal-strong .full-bg-img, .hm-teal-strong .mask
{
    background-color: rgba(0,150,136,.7);
}

.hm-green-strong .full-bg-img, .hm-green-strong .mask
{
    background-color: rgba(76,175,80,.7);
}

.hm-lime-strong .full-bg-img, .hm-lime-strong .mask
{
    background-color: rgba(205,220,57,.7);
}

.hm-yellow-strong .full-bg-img, .hm-yellow-strong .mask
{
    background-color: rgba(255,235,59,.7);
}

.hm-orange-strong .full-bg-img, .hm-orange-strong .mask
{
    background-color: rgba(255,152,0,.7);
}

.hm-brown-strong .full-bg-img, .hm-brown-strong .mask
{
    background-color: rgba(121,85,72,.7);
}

.hm-grey-strong .full-bg-img, .hm-grey-strong .mask
{
    background-color: rgba(158,158,158,.7);
}

.hm-bluegrey-strong .full-bg-img, .hm-bluegrey-strong .mask
{
    background-color: rgba(96,125,139,.7);
}

.hm-black-strong .full-bg-img, .hm-black-strong .mask
{
    background-color: rgba(0,0,0,.7);
}

.hm-stylish-strong .full-bg-img, .hm-stylish-strong .mask
{
    background-color: rgba(62,69,81,.7);
}

.hm-white-strong .full-bg-img, .hm-white-strong .mask
{
    background-color: rgba(255,255,255,.7);
}

.hm-blue-slight .full-bg-img, .hm-blue-slight .mask
{
    background-color: rgba(3,169,244,.1);
}

.hm-red-slight .full-bg-img, .hm-red-slight .mask
{
    background-color: rgba(244,67,54,.1);
}

.hm-pink-slight .full-bg-img, .hm-pink-slight .mask
{
    background-color: rgba(233,30,99,.1);
}

.hm-purple-slight .full-bg-img, .hm-purple-slight .mask
{
    background-color: rgba(156,39,176,.1);
}

.hm-indigo-slight .full-bg-img, .hm-indigo-slight .mask
{
    background-color: rgba(63,81,181,.1);
}

.hm-cyan-slight .full-bg-img, .hm-cyan-slight .mask
{
    background-color: rgba(0,188,212,.1);
}

.hm-teal-slight .full-bg-img, .hm-teal-slight .mask
{
    background-color: rgba(0,150,136,.1);
}

.hm-green-slight .full-bg-img, .hm-green-slight .mask
{
    background-color: rgba(76,175,80,.1);
}

.hm-lime-slight .full-bg-img, .hm-lime-slight .mask
{
    background-color: rgba(205,220,57,.1);
}

.hm-yellow-slight .full-bg-img, .hm-yellow-slight .mask
{
    background-color: rgba(255,235,59,.1);
}

.hm-orange-slight .full-bg-img, .hm-orange-slight .mask
{
    background-color: rgba(255,152,0,.1);
}

.hm-brown-slight .full-bg-img, .hm-brown-slight .mask
{
    background-color: rgba(121,85,72,.1);
}

.hm-grey-slight .full-bg-img, .hm-grey-slight .mask
{
    background-color: rgba(158,158,158,.1);
}

.hm-bluegrey-slight .full-bg-img, .hm-bluegrey-slight .mask
{
    background-color: rgba(96,125,139,.1);
}

.hm-black-slight .full-bg-img, .hm-black-slight .mask
{
    background-color: rgba(0,0,0,.1);
}

.hm-stylish-slight .full-bg-img, .hm-stylish-slight .mask
{
    background-color: rgba(62,69,81,.1);
}

.hm-white-slight .full-bg-img, .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;
}

.img-overlay
{
    position: relative;
}

    .img-overlay:after
    {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,.17);
        transition: background .4s;
    }

    .img-overlay:hover:after
    {
        background: rgba(0,0,0,.35);
    }

    .img-overlay.light:after
    {
        background: rgba(255,255,255,.17);
    }

    .img-overlay.light:hover:after
    {
        background: rgba(255,255,255,.35);
    }

    .img-overlay.blue:after
    {
        background: rgba(0,145,234,.17);
    }

    .img-overlay.blue:hover:after
    {
        background: rgba(0,145,234,.35);
    }

    .img-overlay.green:after
    {
        background: rgba(76,175,80,.17);
    }

    .img-overlay.green:hover:after
    {
        background: rgba(76,175,80,.35);
    }

    .img-overlay.red:after
    {
        background: rgba(213,0,0,.17);
    }

    .img-overlay.red:hover:after
    {
        background: rgba(213,0,0,.35);
    }

footer.page-footer
{
    margin-top: 20px;
    padding-top: 20px;
    background-color: #3E4551;
    color: #fff;
}

    footer.page-footer .footer-copyright
    {
        overflow: hidden;
        height: 50px;
        line-height: 50px;
        color: rgba(255,255,255,.8);
        background-color: rgba(0,0,0,.2);
        text-align: center;
    }

[type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=checkbox] + label
{
    -khtml-user-select: none;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding-left: 35px;
    display: inline-block;
    line-height: 25px;
}

footer.page-footer a
{
    color: #fff;
}

footer.page-footer .call-to-action
{
    text-align: center;
    padding-top: 1.3rem;
    padding-bottom: .5rem;
}

    footer.page-footer .call-to-action ul li
    {
        display: inline-block;
        padding-right: 10px;
    }

footer.page-footer .social-section
{
    text-align: center;
}

    footer.page-footer .social-section ul li
    {
        display: inline-block;
    }

ul.instagram-photos li
{
    display: inline-block;
    max-width: 100px;
    margin: 4px;
}

    ul.instagram-photos li img
    {
        margin: 0;
    }

.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 .carousel-item
{
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active
{
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right
    {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right
{
    opacity: 1;
}

.carousel-fade .carousel-control
{
    z-index: 2;
}

@media all and (transform-3d),(-webkit-transform-3d)
{
    .carousel-fade .carousel-inner > .carousel-item.active.left, .carousel-fade .carousel-inner > .carousel-item.active.right, .carousel-fade .carousel-inner > .carousel-item.next, .carousel-fade .carousel-inner > .carousel-item.prev
    {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

        .carousel-fade .carousel-inner > .carousel-item.active, .carousel-fade .carousel-inner > .carousel-item.next.left, .carousel-fade .carousel-inner > .carousel-item.prev.right
        {
            opacity: 1;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }
}

[type=radio]:checked, [type=radio]:not(:checked)
{
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

    [type=radio]:checked + label, [type=radio]:not(:checked) + label
    {
        position: relative;
        height: 25px;
        -webkit-transition: .28s ease;
        -moz-transition: .28s ease;
        -o-transition: .28s ease;
        -ms-transition: .28s ease;
        transition: .28s ease;
    }

[type=radio] + label:after, [type=radio] + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    transition: .28s ease;
}

[type=radio]:not(:checked) + label:before
{
    border-radius: 50%;
    border: 2px solid #5a5a5a;
}

[type=radio]:not(:checked) + label:after
{
    border-radius: 50%;
    border: 2px solid #5a5a5a;
    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

[type=radio]:checked + label:before
{
    border-radius: 50%;
    border: 2px solid transparent;
}

[type=radio]:checked + label:after
{
    border-radius: 50%;
    border: 2px solid #4285F4;
    background-color: #4285F4;
    z-index: 0;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

[type=radio].with-gap:checked + label:before
{
    border-radius: 50%;
    border: 2px solid #4285F4;
}

[type=radio].with-gap:checked + label:after
{
    border-radius: 50%;
    border: 2px solid #4285F4;
    background-color: #4285F4;
    z-index: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}

[type=radio].with-gap:disabled:checked + label:before
{
    border: 2px solid rgba(0,0,0,.46);
}

[type=radio].with-gap:disabled:checked + label:after
{
    border: none;
    background-color: rgba(0,0,0,.46);
}

[type=radio]:disabled:checked + label:before, [type=radio]:disabled:not(:checked) + label:before
{
    background-color: transparent;
    border-color: rgba(0,0,0,.46);
}

[type=radio]:disabled + label
{
    color: rgba(0,0,0,.46);
}

[type=radio]:disabled:not(:checked) + label:before
{
    border-color: rgba(0,0,0,.46);
}

[type=radio]:disabled:checked + label:after
{
    background-color: rgba(0,0,0,.46);
    border-color: #BDBDBD;
}
[type=checkbox] + label
{
    position: relative;
    height: 25px;
}

    [type=checkbox] + label:before
    {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        z-index: 0;
        border: 2px solid #5a5a5a;
        border-radius: 1px;
        margin-top: 2px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
    }

[type=checkbox]:not(:checked):disabled + label:before
{
    border: none;
    background-color: rgba(0,0,0,.46);
}

[type=checkbox]:checked + label:before
{
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #4285F4;
    border-bottom: 2px solid #4285F4;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox]:checked:disabled + label:before
{
    border-right: 2px solid rgba(0,0,0,.46);
    border-bottom: 2px solid rgba(0,0,0,.46);
}

[type=checkbox]:indeterminate + label:before
{
    left: -10px;
    top: -11px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #4285F4;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox]:indeterminate:disabled + label:before
{
    border-right: 2px solid rgba(0,0,0,.46);
    background-color: transparent;
}

[type=checkbox].filled-in + label:after
{
    border-radius: 2px;
}

[type=checkbox].filled-in + label:after, [type=checkbox].filled-in + label:before
{
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1;
}

[type=checkbox].filled-in:not(:checked) + label:before
{
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type=checkbox].filled-in:not(:checked) + label:after
{
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0;
}

[type=checkbox].filled-in:checked + label:before
{
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox].filled-in:checked + label:after
{
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #a6c;
    background-color: #a6c;
    z-index: 0;
}

[type=checkbox].filled-in:disabled:not(:checked) + label:before
{
    background-color: transparent;
    border: 2px solid transparent;
}

[type=checkbox].filled-in:disabled:not(:checked) + label:after
{
    border-color: transparent;
    background-color: #BDBDBD;
}

[type=checkbox].filled-in:disabled:checked + label:before
{
    background-color: transparent;
}

[type=checkbox].filled-in:disabled:checked + label:after
{
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}

[type=checkbox].filled-in-danger + label:after
{
    border-radius: 2px;
}

[type=checkbox].filled-in-danger + label:after, [type=checkbox].filled-in-danger + label:before
{
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
    z-index: 1;
}

[type=checkbox].filled-in-danger:not(:checked) + label:before
{
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type=checkbox].filled-in-danger:not(:checked) + label:after
{
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0;
}

[type=checkbox].filled-in-danger:checked + label:before
{
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type=checkbox].filled-in-danger:checked + label:after
{
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    background-color: red;
    z-index: 0;
}

.select-label
{
    position: absolute;
}

.select-wrapper
{
    position: relative;
}

    .select-wrapper input.select-dropdown
    {
        position: relative;
        cursor: pointer;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #ccc;
        outline: 0;
        height: 3rem;
        line-height: 3rem;
        width: 100%;
        font-size: 1rem;
        margin: 0 0 15px;
        padding: 0;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    .select-wrapper .select-dropdown
    {
        -o-user-select: none;
        user-select: none;
    }

    .select-wrapper .select-dropdown, .select-wrapper input.select-dropdown:disabled, .switch, .switch *
    {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .select-wrapper span.caret
    {
        color: initial;
        position: absolute;
        right: 0;
        top: 16px;
        font-size: 10px;
    }

        .select-wrapper span.caret.disabled
        {
            color: rgba(0,0,0,.46);
        }

    .select-wrapper + label
    {
        position: absolute;
        top: -14px;
        font-size: .8rem;
    }

select
{
    display: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    select.browser-default
    {
        display: block;
    }

.switch label .lever, .switch label .lever:after
{
    content: "";
    display: inline-block;
}

select:disabled
{
    color: rgba(0,0,0,.3);
}

.select-wrapper input.select-dropdown:disabled
{
    color: rgba(0,0,0,.3);
    cursor: default;
    border-bottom: 1px solid rgba(0,0,0,.3);
}

.select-wrapper i
{
    color: rgba(0,0,0,.3);
}

.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup
{
    color: rgba(0,0,0,.3);
    background-color: transparent!important;
    cursor: context-menu;
}

.select-dropdown li img
{
    height: 40px;
    width: 40px;
    margin: 5px 15px;
    float: right;
}

.select-dropdown li.optgroup
{
    border-top: 1px solid #eee;
}

    .select-dropdown li.optgroup.selected > span
    {
        color: rgba(0,0,0,.7);
    }

    .select-dropdown li.optgroup > span
    {
        color: rgba(0,0,0,.4);
    }

    .select-dropdown li.optgroup ~ li:not(.optgroup)
    {
        padding-left: 1rem;
    }

.multiple-select-dropdown li [type=checkbox] + label
{
    height: 10px;
}

.switch, .switch *
{
    -khtml-user-select: none;
}

    .switch label
    {
        cursor: pointer;
    }

        .switch label input[type=checkbox]
        {
            opacity: 0;
            width: 0;
            height: 0;
        }

            .switch label input[type=checkbox]:checked + .lever
            {
                background-color: #dccfe2;
            }

                .switch label input[type=checkbox]:checked + .lever:after
                {
                    background-color: #a6c;
                }

        .switch label .lever
        {
            position: relative;
            width: 40px;
            height: 15px;
            background-color: #818181;
            border-radius: 15px;
            transition: background .3s ease;
            margin: 0 16px;
        }

            .switch label .lever:after
            {
                position: absolute;
                width: 21px;
                height: 21px;
                background-color: #F1F1F1;
                border-radius: 21px;
                box-shadow: 0 1px 3px 1px rgba(0,0,0,.4);
                left: -5px;
                top: -3px;
                transition: left .3s ease,background .3s ease,box-shadow .1s ease;
            }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after
{
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(170,102,204,.1);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:after
{
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.08);
}

.progress, .progress .progress-bar, .pswp__button
{
    box-shadow: none;
}

.switch label input[type=checkbox]:checked + .lever:after
{
    left: 24px;
}

.switch input[type=checkbox][disabled] + .lever
{
    cursor: default;
}

.btn-floating, .card .card-reveal .card-title, .card-wrapper .back .card-title, .dropdown-content li, .file-field span, input[type=range], input[type=range] + .thumb
{
    cursor: pointer;
}

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after
{
    background-color: #BDBDBD;
}

.file-field
{
    position: relative;
}

    .file-field .file-path-wrapper
    {
        overflow: hidden;
        padding-left: 10px;
        height: 2.5rem;
    }

    .file-field input.file-path
    {
        width: 100%;
        height: 2.1rem;
    }

    .file-field .btn
    {
        float: left;
        line-height: 3rem;
    }

    .file-field input[type=file]
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 1px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.range-field, input[type=range]
{
    position: relative;
}

.btn-file
{
    padding-top: 1px;
}

input[type=range]
{
    background-color: transparent;
    outline: 0;
    width: 100%;
    margin: 15px 0;
    padding: 0;
}

    input[type=range] + .thumb
    {
        position: absolute;
        border: none;
        height: 0;
        width: 0;
        border-radius: 50%;
        background-color: #4285F4;
        top: 10px;
        margin-left: -6px;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

        input[type=range] + .thumb .value
        {
            display: block;
            width: 30px;
            text-align: center;
            color: #4285F4;
            font-size: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        input[type=range] + .thumb.active
        {
            border-radius: 50% 50% 50% 0;
        }

            input[type=range] + .thumb.active .value
            {
                color: #fff;
                margin-left: -1px;
                margin-top: 8px;
                font-size: 10px;
            }

    input[type=range]:focus
    {
        outline: 0;
    }

    input[type=range]::-webkit-slider-runnable-track
    {
        height: 3px;
        background: #c2c0c2;
        border: none;
    }

    input[type=range]::-webkit-slider-thumb
    {
        -webkit-appearance: none;
        border: none;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background-color: #4285F4;
        transform-origin: 50% 50%;
        margin: -5px 0 0;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        -ms-transition: .3s;
        transition: .3s;
    }

    input[type=range]:focus::-webkit-slider-runnable-track
    {
        background: #ccc;
    }

input[type=range]
{
    border: 1px solid #fff;
}

    input[type=range]::-moz-range-track
    {
        height: 3px;
        background: #ddd;
        border: none;
    }

    input[type=range]::-moz-range-thumb
    {
        border: none;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background: #4285F4;
        margin-top: -5px;
    }

    input[type=range]:-moz-focusring
    {
        outline: #fff solid 1px;
        outline-offset: -1px;
    }

    input[type=range]:focus::-moz-range-track
    {
        background: #ccc;
    }

    input[type=range]::-ms-track
    {
        height: 3px;
        background: 0 0;
        border-color: transparent;
        border-width: 6px 0;
        color: transparent;
    }

    input[type=range]::-ms-fill-lower
    {
        background: #777;
    }

    input[type=range]::-ms-fill-upper
    {
        background: #ddd;
    }

    input[type=range]::-ms-thumb
    {
        border: none;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        background: #4285F4;
    }

    input[type=range]:focus::-ms-fill-lower
    {
        background: #888;
    }

    input[type=range]:focus::-ms-fill-upper
    {
        background: #ccc;
    }

.input-group .input-group-addon
{
    background-color: #e0e0e0;
}

    .input-group .input-group-addon [type=checkbox] + label
    {
        padding-left: 18px;
        height: 13px;
    }

    .input-group .input-group-addon [type=radio] + label
    {
        padding-left: 24px;
        height: 13px;
    }

.input-group ::-webkit-input-placeholder
{
    padding-left: 1rem;
}

.input-group :-moz-placeholder
{
    padding-left: 1rem;
}

.input-group ::-moz-placeholder
{
    padding-left: 1rem;
}

.input-group :-ms-input-placeholder
{
    padding-left: 1rem;
}

.input-group span
{
    z-index: 10;
}

.input-group .form-control
{
    margin-top: 3px;
}

.nav-tabs
{
    border: 0;
    padding: .7rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: -20px;
    z-index: 2;
    position: relative;
}

    .nav-tabs .nav-item + .nav-item, .tabs-5 li
    {
        margin-left: 0;
    }

    .nav-tabs .nav-link
    {
        border: 0;
        color: #fff;
    }

        .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover
        {
            background-color: rgba(255,255,255,.2);
            color: #fff;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            -ms-transition: all 1s;
            transition: all 1s;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
        }

.md-pills li
{
    padding: 10px;
}

.md-pills .nav-link
{
    color: #666;
    text-align: center;
}

.md-pills .nav-item .nav-link
{
    border-radius: 2px;
}

    .md-pills .nav-item .nav-link, .md-pills .nav-item .nav-link.active
    {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
    }

        .md-pills .nav-item .nav-link:hover
        {
            background-color: rgba(158,158,158,.3);
            transition: all .4s;
        }

        .md-pills .nav-item .nav-link.active, .md-pills .nav-item .nav-link:hover
        {
            -webkit-transition: all .4s;
            -moz-transition: all .4s;
            -o-transition: all .4s;
            -ms-transition: all .4s;
        }

        .md-pills .nav-item .nav-link.active
        {
            color: #fff;
            border-radius: 2px;
            transition: all .4s;
        }

.md-pills.pills-primary .nav-item .nav-link.active
{
    background-color: #4285F4;
}

.md-pills.pills-danger .nav-item .nav-link.active
{
    background-color: #C00;
}

.md-pills.pills-default .nav-item .nav-link.active
{
    background-color: #2BBBAD;
}

.md-pills.pills-secondary .nav-item .nav-link.active
{
    background-color: #a6c;
}

.md-pills.pills-success .nav-item .nav-link.active
{
    background-color: #00C851;
}

.md-pills.pills-info .nav-item .nav-link.active
{
    background-color: #33b5e5;
}

.md-pills.pills-warning .nav-item .nav-link.active
{
    background-color: #F80;
}

.md-pills.pills-ins .nav-item .nav-link.active
{
    background-color: #3F729B;
}

.tab-content
{
    padding: 2rem 1rem 1rem;
    z-index: 1;
}

    .tab-content.vertical
    {
        padding-top: 0;
    }

.tabs-5 li
{
    width: 20%;
}

.tabs-4 li
{
    width: 25%;
}

.tabs-3 li
{
    width: 33.3%;
}

.tabs-2 li
{
    width: 50%;
}

.tabs-2, .tabs-3, .tabs-4, .tabs-5
{
    text-align: center;
}

.tabs-wrapper
{
    overflow-x: hidden;
}

.classic-tabs
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
}

@media (min-width:62rem)
{
    .classic-tabs
    {
        overflow-x: hidden;
    }
}

.classic-tabs li
{
    -webkit-box-flex: 1 0 30%;
    -moz-box-flex: 1 0 30%;
    -webkit-flex: 1 0 30%;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
}

    .classic-tabs li a
    {
        display: block;
        padding: 20px 24px;
        font-size: 13px;
        color: rgba(255,255,255,.7);
        text-align: center;
    }

        .classic-tabs li a.active
        {
            border-bottom: 2px solid #ffeb3b;
            color: #fff;
        }

@media (min-width:62em)
{
    .classic-tabs li
    {
        flex: inherit;
    }

        .classic-tabs li:first-child
        {
            margin-left: 56px;
        }
}

.classic-tabs.tabs-grey
{
    background-color: #546e7a;
}

    .classic-tabs.tabs-grey li a.active
    {
        border-color: #fff;
    }

.classic-tabs.tabs-cyan
{
    background-color: #00bcd4;
}

    .classic-tabs.tabs-cyan li a.active
    {
        border-color: #ffeb3b;
    }

.classic-tabs.tabs-pink
{
    background-color: #ec407a;
}

    .classic-tabs.tabs-pink li a.active
    {
        border-color: #673ab7;
    }

.classic-tabs.tabs-orange
{
    background-color: #ffa000;
}

    .classic-tabs.tabs-orange li a.active
    {
        border-color: #e53935;
    }

.classic-tabs.tabs-green
{
    background-color: #7cb342;
}

    .classic-tabs.tabs-green li a.active
    {
        border-color: #1565c0;
    }

.classic-tabs.tabs-primary
{
    background-color: #4285F4;
}

    .classic-tabs.tabs-primary li a.active
    {
        border-color: #fff;
    }

.table a
{
    margin-left: 1rem;
}

.table fieldset
{
    margin-bottom: 0;
}

    .table fieldset label
    {
        height: 8px;
    }

.product-table img
{
    max-height: 150px;
    min-width: 50px;
}

.inline-ul-img li
{
    display: inline;
}

.progress, .streak
{
    overflow: hidden;
    position: relative;
    display: block;
}

.inline-ul-img li img
{
    max-width: 100px;
    margin: 8px;
}

.streak
{
    background: #e5e5e5;
    height: 250px;
}

    .streak.streak-lg
    {
        height: 400px;
    }

    .streak.streak-photo
    {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
    }

    .streak.no-flex
    {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
        height: auto;
    }

    .card .streak .card-circle ul, .card .streak .card-circle ul li h1, .card .streak .card-circle ul li h2, .card .streak .card-circle ul li h3, .card .streak .card-circle ul li h4, .card .streak .card-circle ul li h5, .card .streak .card-circle ul li:last-child, .section.team-section .streak .avatar ul, .section.team-section .streak .avatar ul li h1, .section.team-section .streak .avatar ul li h2, .section.team-section .streak .avatar ul li h3, .section.team-section .streak .avatar ul li h4, .section.team-section .streak .avatar ul li h5, .section.team-section .streak .avatar ul li:last-child, .streak .card .card-circle ul, .streak .card .card-circle ul li h1, .streak .card .card-circle ul li h2, .streak .card .card-circle ul li h3, .streak .card .card-circle ul li h4, .streak .card .card-circle ul li h5, .streak .card .card-circle ul li:last-child, .streak .card-overlay ul, .streak .card-overlay ul li h1, .streak .card-overlay ul li h2, .streak .card-overlay ul li h3, .streak .card-overlay ul li h4, .streak .card-overlay ul li h5, .streak .card-overlay ul li:last-child, .streak .flex-center ul, .streak .flex-center ul li h1, .streak .flex-center ul li h2, .streak .flex-center ul li h3, .streak .flex-center ul li h4, .streak .flex-center ul li h5, .streak .flex-center ul li:last-child, .streak .section.team-section .avatar ul, .streak .section.team-section .avatar ul li h1, .streak .section.team-section .avatar ul li h2, .streak .section.team-section .avatar ul li h3, .streak .section.team-section .avatar ul li h4, .streak .section.team-section .avatar ul li h5, .streak .section.team-section .avatar ul li:last-child, .streak .testimonial-carousel .testimonial .avatar ul, .streak .testimonial-carousel .testimonial .avatar ul li h1, .streak .testimonial-carousel .testimonial .avatar ul li h2, .streak .testimonial-carousel .testimonial .avatar ul li h3, .streak .testimonial-carousel .testimonial .avatar ul li h4, .streak .testimonial-carousel .testimonial .avatar ul li h5, .streak .testimonial-carousel .testimonial .avatar ul li:last-child, .testimonial-carousel .testimonial .streak .avatar ul, .testimonial-carousel .testimonial .streak .avatar ul li h1, .testimonial-carousel .testimonial .streak .avatar ul li h2, .testimonial-carousel .testimonial .streak .avatar ul li h3, .testimonial-carousel .testimonial .streak .avatar ul li h4, .testimonial-carousel .testimonial .streak .avatar ul li h5, .testimonial-carousel .testimonial .streak .avatar ul li:last-child
    {
        margin-bottom: 0;
    }

.boxed-gallery .col-md-3, .boxed-gallery .col-md-6
{
    padding: .36rem .5rem;
}

@media (min-width:768px)
{
    .boxed-gallery.right-aligned .col-md-3, .boxed-gallery.right-aligned .col-md-6
    {
        float: right;
    }
}

.progress
{
    height: 4px;
    border-radius: 0;
    background: #0d47a1;
    width: 100%;
}

    .progress .progress-bar-animated
    {
        -webkit-transition: width 2s ease-in-out;
        transition: width 2s ease-in-out;
    }

    .progress .indeterminate
    {
        background-color: #90caf9;
    }

        .progress .indeterminate:after, .progress .indeterminate:before
        {
            content: '';
            top: 0;
            bottom: 0;
            position: absolute;
            background-color: inherit;
            left: 0;
            will-change: left,right;
        }

        .progress .indeterminate:before
        {
            -webkit-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
            -moz-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
            -ms-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
            -o-animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
        }

        .progress .indeterminate:after
        {
            -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            -moz-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            -ms-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            -o-animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            animation: indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
            -webkit-animation-delay: 1.15s;
            -moz-animation-delay: 1.15s;
            -ms-animation-delay: 1.15s;
            -o-animation-delay: 1.15s;
            animation-delay: 1.15s;
        }

@-webkit-keyframes indeterminate
{
    0%
    {
        left: -35%;
        right: 100%;
    }

    100%,60%
    {
        left: 100%;
        right: -90%;
    }
}

@-moz-keyframes indeterminate
{
    0%
    {
        left: -35%;
        right: 100%;
    }

    100%,60%
    {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate
{
    0%
    {
        left: -35%;
        right: 100%;
    }

    100%,60%
    {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short
{
    0%
    {
        left: -200%;
        right: 100%;
    }

    100%,60%
    {
        left: 107%;
        right: -8%;
    }
}

@-moz-keyframes indeterminate-short
{
    0%
    {
        left: -200%;
        right: 100%;
    }

    100%,60%
    {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short
{
    0%
    {
        left: -200%;
        right: 100%;
    }

    100%,60%
    {
        left: 107%;
        right: -8%;
    }
}

.preloader-wrapper
{
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
}

    .preloader-wrapper.small
    {
        width: 36px;
        height: 36px;
    }

    .preloader-wrapper.big
    {
        width: 64px;
        height: 64px;
    }

    .preloader-wrapper.active
    {
        -webkit-animation: container-rotate 1568ms linear infinite;
        animation: container-rotate 1568ms linear infinite;
    }

@-webkit-keyframes container-rotate
{
    to
    {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes container-rotate
{
    to
    {
        transform: rotate(360deg);
    }
}

.spinner-layer
{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.spinner-blue, .spinner-blue-only
{
    border-color: #4285f4;
}

.spinner-red, .spinner-red-only
{
    border-color: #db4437;
}

.spinner-yellow, .spinner-yellow-only
{
    border-color: #f4b400;
}

.spinner-green, .spinner-green-only
{
    border-color: #0f9d58;
}

.circle-clipper, .circle-clipper .circle, .gap-patch
{
    height: 100%;
    border-color: inherit;
}

.active .spinner-layer.spinner-blue
{
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,blue-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
}

.active .spinner-layer.spinner-red
{
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,red-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
}

.active .spinner-layer.spinner-yellow
{
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
}

.active .spinner-layer.spinner-green
{
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,green-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;
}

.active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-green-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only
{
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate
{
    12.5%
    {
        -webkit-transform: rotate(135deg);
    }

    25%
    {
        -webkit-transform: rotate(270deg);
    }

    37.5%
    {
        -webkit-transform: rotate(405deg);
    }

    50%
    {
        -webkit-transform: rotate(540deg);
    }

    62.5%
    {
        -webkit-transform: rotate(675deg);
    }

    75%
    {
        -webkit-transform: rotate(810deg);
    }

    87.5%
    {
        -webkit-transform: rotate(945deg);
    }

    to
    {
        -webkit-transform: rotate(1080deg);
    }
}

@keyframes fill-unfill-rotate
{
    12.5%
    {
        transform: rotate(135deg);
    }

    25%
    {
        transform: rotate(270deg);
    }

    37.5%
    {
        transform: rotate(405deg);
    }

    50%
    {
        transform: rotate(540deg);
    }

    62.5%
    {
        transform: rotate(675deg);
    }

    75%
    {
        transform: rotate(810deg);
    }

    87.5%
    {
        transform: rotate(945deg);
    }

    to
    {
        transform: rotate(1080deg);
    }
}

@-webkit-keyframes blue-fade-in-out
{
    100%,25%,90%,from
    {
        opacity: 1;
    }

    26%,89%
    {
        opacity: 0;
    }
}

@keyframes blue-fade-in-out
{
    100%,25%,90%,from
    {
        opacity: 1;
    }

    26%,89%
    {
        opacity: 0;
    }
}

@-webkit-keyframes red-fade-in-out
{
    15%,51%,from
    {
        opacity: 0;
    }

    25%,50%
    {
        opacity: 1;
    }
}

@keyframes red-fade-in-out
{
    15%,51%,from
    {
        opacity: 0;
    }

    25%,50%
    {
        opacity: 1;
    }
}

@-webkit-keyframes yellow-fade-in-out
{
    40%,76%,from
    {
        opacity: 0;
    }

    50%,75%
    {
        opacity: 1;
    }
}

@keyframes yellow-fade-in-out
{
    40%,76%,from
    {
        opacity: 0;
    }

    50%,75%
    {
        opacity: 1;
    }
}

@-webkit-keyframes green-fade-in-out
{
    100%,65%,from
    {
        opacity: 0;
    }

    75%,90%
    {
        opacity: 1;
    }
}

@keyframes green-fade-in-out
{
    100%,65%,from
    {
        opacity: 0;
    }

    75%,90%
    {
        opacity: 1;
    }
}

.gap-patch
{
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    overflow: hidden;
}

    .gap-patch .circle
    {
        width: 1000%;
        left: -450%;
    }

.circle-clipper
{
    display: inline-block;
    position: relative;
    width: 50%;
    overflow: hidden;
}

    .circle-clipper .circle
    {
        width: 200%;
        border-width: 3px;
        border-style: solid;
        border-bottom-color: transparent!important;
        border-radius: 50%;
        -webkit-animation: none;
        animation: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .circle-clipper.left .circle
    {
        left: 0;
        border-right-color: transparent!important;
        -webkit-transform: rotate(129deg);
        transform: rotate(129deg);
    }

    .circle-clipper.right .circle
    {
        left: -100%;
        border-left-color: transparent!important;
        -webkit-transform: rotate(-129deg);
        transform: rotate(-129deg);
    }

.active .circle-clipper.left .circle
{
    -webkit-animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
}

.active .circle-clipper.right .circle
{
    -webkit-animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;
}

@-webkit-keyframes left-spin
{
    from,to
    {
        -webkit-transform: rotate(130deg);
    }

    50%
    {
        -webkit-transform: rotate(-5deg);
    }
}

@keyframes left-spin
{
    from,to
    {
        transform: rotate(130deg);
    }

    50%
    {
        transform: rotate(-5deg);
    }
}

@-webkit-keyframes right-spin
{
    from,to
    {
        -webkit-transform: rotate(-130deg);
    }

    50%
    {
        -webkit-transform: rotate(5deg);
    }
}

@keyframes right-spin
{
    from,to
    {
        transform: rotate(-130deg);
    }

    50%
    {
        transform: rotate(5deg);
    }
}

#spinnerContainer.cooldown
{
    -webkit-animation: container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(.4,0,.2,1);
    animation: container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(.4,0,.2,1);
}

@-webkit-keyframes fade-out
{
    from
    {
        opacity: 1;
    }

    to
    {
        opacity: 0;
    }
}

@keyframes fade-out
{
    from
    {
        opacity: 1;
    }

    to
    {
        opacity: 0;
    }
}

#mdb-preloader
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 9998;
    height: 100%;
    width: 100%;
}

.accordion .panel
{
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #eee;
}

.accordion .fa-angle-down
{
    float: right;
}

.collapsible-body
{
    display: none;
}

.btn-floating, .btn-floating i
{
    color: #fff;
    display: inline-block;
    line-height: 37px;
}

.btn-floating
{
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    padding: 0;
    background-color: #a6c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition: .3s;
    margin: 10px;
}

.btn-flat, .btn-flat:focus
{
    background-color: transparent;
}

.btn-floating i
{
    width: inherit;
    text-align: center;
    font-size: 1.6rem;
}

.card .card-data ul li, .card .card-review ul li
{
    display: inline;
}

.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, .btn-floating.wishlist, .card .card-share .social-reveal .btn-floating
{
    height: 47px;
    width: 47px;
    line-height: 0;
}

    .btn-floating.btn-small .fa, .btn-floating.btn-small .material-icons, .btn-floating.wishlist .fa, .btn-floating.wishlist .material-icons, .card .card-share .social-reveal .btn-floating .fa, .card .card-share .social-reveal .btn-floating .material-icons
    {
        font-size: 18px;
        margin-top: 5px;
    }

.btn-fab
{
    margin: 0;
    padding: 15px;
    font-size: 26px;
    width: 56px;
    height: 56px;
}

    .btn-fab, .btn-fab .ripple-wrapper
    {
        border-radius: 100%;
    }

        .btn-fab.btn-mini
        {
            width: 40px;
            height: 40px;
            padding: 13px;
            font-size: 15px;
        }

.fixed-action-btn
{
    position: fixed;
    right: 23px;
    bottom: 23px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 998;
}

    .fixed-action-btn ul
    {
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
    }

        .fixed-action-btn ul li
        {
            margin-bottom: 15px;
        }

        .fixed-action-btn ul a.btn-floating
        {
            opacity: 0;
        }

.btn-flat
{
    position: relative;
    padding: 8px 30px;
    border: none;
    margin: 10px;
    outline: 0!important;
}

.btn-rounded
{
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    -ms-border-radius: 10em;
    -o-border-radius: 10em;
    border-radius: 10em;
}

.nav-pills.md-pills .nav-item .active
{
    border: none;
    background-color: #4285F4;
    color: #fff;
}

.nav-pills.md-pills .nav-item:hover
{
    background-color: red;
    color: #45526E;
    font-weight: 500;
    border-left: none;
}

.counter
{
    position: absolute;
    margin-left: -23px;
    margin-top: -1px;
    background-color: red;
    color: #fff;
    padding: 1px 7px;
    font-size: 11px;
    z-index: 2;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -o-border-radius: 10rem;
    border-radius: 10rem;
}

.social-counters .btn
{
    margin-left: 9px;
}

.btn-fb
{
    background-color: #3B5998;
}

    .btn-fb:focus, .btn-fb:hover
    {
        background-color: #4264aa;
    }

.btn-gplus
{
    background-color: #DD4B39;
}

    .btn-gplus:focus, .btn-gplus:hover
    {
        background-color: #e15f4f;
    }

.btn-tw
{
    background-color: #55ACEE;
}

    .btn-tw:focus, .btn-tw:hover
    {
        background-color: #6cb7f0;
    }

.btn-li
{
    background-color: #0082CA;
}

    .btn-li:focus, .btn-li:hover
    {
        background-color: #0092e4;
    }

.yt-bg
{
    background-color: #CD201F;
}

    .yt-bg:focus, .yt-bg:hover
    {
        background-color: #de2827;
    }

.ins-bg
{
    background-color: #3F729B;
}

    .ins-bg:focus, .ins-bg:hover
    {
        background-color: #467fad;
    }

.btn-pin
{
    background-color: #C61118;
}

    .btn-pin:focus, .btn-pin:hover
    {
        background-color: #dd131b;
    }

.btn-ins
{
    background-color: #3F729B;
}

    .btn-ins:focus, .btn-ins:hover
    {
        background-color: #467fad;
    }

.btn-yt
{
    background-color: #CD201F;
}

    .btn-yt:focus, .btn-yt:hover
    {
        background-color: #de2827;
    }

.btn-vk
{
    background-color: #4C75A3;
}

    .btn-vk:focus, .btn-vk:hover
    {
        background-color: #5882b1;
    }

.btn-git
{
    background-color: #4183C4;
}

    .btn-git:focus, .btn-git:hover
    {
        background-color: #5490ca;
    }

.btn-comm
{
    background-color: #30CFC0;
}

    .btn-comm:focus, .btn-comm:hover
    {
        background-color: #45d4c6;
    }

.btn-email
{
    background-color: #4B515D;
}

    .btn-email:focus, .btn-email:hover
    {
        background-color: #565d6b;
    }

.btn-dribbble
{
    background-color: #C32361;
}

    .btn-dribbble:focus, .btn-dribbble:hover
    {
        background-color: #d8276c;
    }

.btn-so
{
    background-color: #f69c55;
}

    .btn-so:focus, .btn-so:hover
    {
        background-color: #f7aa6d;
    }

.icons-sm
{
    padding: .5rem;
    margin: .5rem;
    font-size: 1.5rem;
}

.fb-ic
{
    color: #3B5998!important;
}

    .fb-ic:focus, .fb-ic:hover
    {
        color: #3B5998;
    }

.gplus-ic
{
    color: #DD4B39!important;
}

    .gplus-ic:focus, .gplus-ic:hover
    {
        color: #DD4B39;
    }

.tw-ic
{
    color: #55ACEE!important;
}

    .tw-ic:focus, .tw-ic:hover
    {
        color: #55ACEE;
    }

.li-ic
{
    color: #0082CA!important;
}

    .li-ic:focus, .li-ic:hover
    {
        color: #0082CA;
    }

.yt-ic
{
    color: #CD201F!important;
}

    .yt-ic:focus, .yt-ic:hover
    {
        color: #CD201F;
    }

.dribbble-ic
{
    color: #C32361!important;
}

    .dribbble-ic:focus, .dribbble-ic:hover
    {
        color: #C32361;
    }

.ins-ic
{
    color: #3F729B!important;
}

    .ins-ic:focus, .ins-ic:hover
    {
        color: #3F729B;
    }

.pin-ic
{
    color: #C61118!important;
}

    .pin-ic:focus, .pin-ic:hover
    {
        color: #C61118;
    }

.vk-ic
{
    color: #4C75A3!important;
}

    .vk-ic:focus, .vk-ic:hover
    {
        color: #4C75A3;
    }

.git-ic
{
    color: #4183C4!important;
}

    .git-ic:focus, .git-ic:hover
    {
        color: #4183C4;
    }

.email-ic
{
    color: #4B515D!important;
}

    .email-ic:focus, .email-ic:hover
    {
        color: #4B515D;
    }

.comm-ic
{
    color: #30CFC0!important;
}

    .comm-ic:focus, .comm-ic:hover
    {
        color: #30CFC0;
    }

.drib-ic
{
    color: #C32361!important;
}

    .drib-ic:focus, .drib-ic:hover
    {
        color: #C32361;
    }

.so-ic
{
    color: #f69c55!important;
}

    .so-ic:focus, .so-ic:hover
    {
        color: #f69c55;
    }

.social-list
{
    width: auto;
    padding: 1rem;
}

    .social-list li
    {
        margin-top: 15px;
    }

    .social-list .fa
    {
        margin-right: 20px;
        font-size: 20px;
    }

    .social-list .fa-facebook
    {
        margin-right: 26px;
    }

    .social-list a
    {
        font-size: 20px;
    }

.personal-sm
{
    margin-bottom: 10px;
}

    .personal-sm a
    {
        padding: 5px;
    }

        .personal-sm a:first-of-type
        {
            padding-left: 0;
        }

        .personal-sm a .fa
        {
            -webkit-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -o-transition-duration: .2s;
            -ms-transition-duration: .2s;
            transition-duration: .2s;
        }

        .personal-sm a:hover .fa
        {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

@media only screen and (max-width:500px)
{
    .personal-sm a
    {
        padding: 2px;
    }
}

.card .card-data
{
    background-color: #3E4551;
    color: #fff;
    text-align: center;
    height: auto;
    padding: 10px;
}

    .card .card-data ul
    {
        margin-bottom: 0;
        font-size: .9rem;
    }

        .card .card-data ul li .fa-clock-o
        {
            margin-left: 10px;
        }

        .card .card-data ul a
        {
            color: #fff;
        }

            .card .card-data ul a .fa
            {
                margin-left: 5px;
                margin-right: 3px;
            }

.card .rating
{
    color: #ffa000;
}

.card .btn-action
{
    margin: -23px 20px;
    float: right;
    background-color: #4B515D;
    height: 47px;
    width: 47px;
    line-height: 0;
}

    .card .btn-action .fa, .card .btn-action .material-icons
    {
        font-size: 18px;
        margin-top: 5px;
    }

.card .card-review
{
    margin-top: -1px;
    background-color: #000;
    color: #fff;
    padding: 50px 20px 20px;
}

    .card .card-review ul
    {
        margin-bottom: 0;
        font-size: .9rem;
    }

        .card .card-review ul a
        {
            color: #fff;
        }

            .card .card-review ul a .fa
            {
                margin-left: 5px;
                margin-right: 3px;
            }

.card .activator
{
    float: right;
    padding: 1rem;
    margin-right: 10px;
    font-size: 1.2rem;
    color: #000;
}

.card .link-text
{
    text-align: right;
    color: #000;
}

.card.card-dark .activator, .card.card-dark .card-block a
{
    color: #fff;
}

.card .link-text i
{
    margin-left: 4px;
}

.card.card-dark .card-block
{
    background-color: #2E2E2E;
    color: #fff;
}

    .card.card-dark .card-block hr
    {
        background-color: #666;
    }

.card .card-reveal
{
    position: absolute;
    background-color: #fff;
    width: 100%;
    overflow-y: auto;
    top: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    padding: 1rem;
}

    .card .card-reveal .card-title i
    {
        color: #9e9e9e;
        position: absolute;
        right: 10px;
    }

    .card .card-reveal .content, .card .card-share
    {
        position: relative;
    }

        .card .card-reveal .content h4
        {
            margin-top: 20px;
            margin-bottom: 15px;
        }

        .card .card-reveal .content h5
        {
            margin-top: 30px;
        }

        .card .card-share .social-reveal
        {
            position: absolute;
            top: -28px;
            right: 30px;
            visibility: hidden;
            width: auto;
            transform: translateZ(0);
            transform: translateX(0);
            transition: transform .35s ease;
        }

            .card .card-share .social-reveal .btn-floating
            {
                margin: .3rem;
            }

        .card .card-share .social-reveal-active
        {
            z-index: 11;
            visibility: visible;
            transform: translateZ(0);
            transform: translateX(-48px);
            transition: transform .35s ease;
        }

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right, .pswp__caption--fake
{
    visibility: hidden;
}

.card.ovf-hidden
{
    overflow: hidden;
}

.card .card-footer
{
    font-size: 1.3rem;
    background-color: transparent;
}

    .card .card-footer .left
    {
        float: left;
    }

        .card .card-footer .left .discount
        {
            text-decoration: line-through;
            color: #9e9e9e;
            font-size: 1.1rem;
        }

    .card .card-footer .right
    {
        float: right;
        display: flex;
    }

        .card .card-footer .right a
        {
            color: #9e9e9e;
            margin-left: 1rem;
            transition: .4s;
        }

            .card .card-footer .right a, .card .card-footer .right a:hover
            {
                -webkit-transition: .4s;
                -moz-transition: .4s;
                -o-transition: .4s;
                -ms-transition: .4s;
            }

                .card .card-footer .right a:hover
                {
                    color: #d50000;
                    transition: .4s;
                }

                .card .card-footer .right a.active
                {
                    color: #d50000;
                }

.card-wrapper
{
    margin: .5rem 0 1rem;
    height: 500px;
    position: relative;
    perspective: 800px;
}

    .card-wrapper .face
    {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #fff;
    }

        .card-wrapper .face h4
        {
            margin-bottom: 15px;
        }

        .card-wrapper .face h5
        {
            margin-top: 30px;
        }

        .card-wrapper .face .content
        {
            text-align: left;
            padding: 15px;
        }

            .card-wrapper .face .content p
            {
                margin-bottom: 30px;
            }

            .card-wrapper .face .content .rotate-btn
            {
                padding: 1rem;
                margin-right: -8px;
                float: right;
                font-size: 1.2rem;
                color: #000;
            }

    .card-wrapper .card-up
    {
        overflow: hidden;
        height: 50%;
    }

        .card-wrapper .card-up img
        {
            min-width: 400px;
        }

    .card-wrapper .avatar
    {
        border-radius: 50%;
        display: block;
        height: 120px;
        margin: -65px auto 0;
        overflow: hidden;
        width: 120px;
    }

        .card-wrapper .avatar img
        {
            border: 5px solid #fff;
            background: #FFF;
            width: 100%;
        }

    .card-wrapper .card-rotating
    {
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
    }

    .card-wrapper .fa-repeat, .card-wrapper .fa-undo
    {
        font-size: 20px;
        margin-top: 30px;
    }

    .card-wrapper .fa-undo
    {
        margin-top: 30px;
    }

    .card-wrapper .back, .card-wrapper .front
    {
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
    }

    .card-wrapper .back, .card-wrapper .front, .pswp, .pswp__bg, .pswp__container, .pswp__img--placeholder, .pswp__share-modal, .pswp__share-tooltip, .pswp__zoom-wrap
    {
        -webkit-backface-visibility: hidden;
    }

    .card-wrapper .back
    {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        padding: 1rem;
    }

        .card-wrapper .back .card-title i
        {
            color: #9e9e9e;
            position: absolute;
            right: 20px;
        }

    .card-wrapper .card-rotating.effect__click.flipped .front
    {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .card-wrapper .card-rotating.effect__click.flipped .back
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

.card-data
{
    height: auto;
    padding: 10px 10px 10px 0;
}

    .card-data ul
    {
        margin-bottom: 0;
        font-size: .9rem;
    }

        .card-data ul li
        {
            display: inline;
        }

.card-cascade, .card-cascade-2
{
    display: inline-block;
}

.card-data ul a
{
    color: #666;
}

    .card-data ul a .fa
    {
        margin-left: 5px;
        margin-right: 3px;
    }

.card-overlay
{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 1.5rem;
    border-radius: 2px;
}

    .card-overlay p
    {
        margin-bottom: 1rem;
    }

.section-heading
{
    text-align: center;
}

    .section-heading h1
    {
        margin-top: 2rem;
        margin-bottom: 3rem;
    }

    .section-heading p
    {
        margin-bottom: 3rem;
        margin-right: 15%;
        margin-left: 15%;
    }

.card-cascade.narrower .view, .card-cascade.wider .card-block
{
    margin-left: 4%;
    margin-right: 4%;
}

.card-cascade .view
{
    border-radius: 4px;
}

.card-cascade .view, .card-cascade-2 .view
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.card-cascade.narrower
{
    margin-top: 20px;
}

    .card-cascade.narrower .view
    {
        margin-top: -20px;
    }

.card-cascade .card-block
{
    padding-top: 1.8rem;
}

.card-cascade-2 .view
{
    margin-left: 0;
    margin-right: 0;
    margin-top: -20px;
    border-radius: 4px;
}

.card-cascade-2 .card-block
{
    margin-left: 10px;
    margin-right: 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
    {
        clear: both;
        color: rgba(0,0,0,.87);
        line-height: 1.5rem;
        width: 100%;
        text-align: left;
        text-transform: none;
    }

        .dropdown-content li.active, .dropdown-content li:hover
        {
            background-color: #eee;
        }

        .dropdown-content li > a, .dropdown-content li > span
        {
            font-size: 1.2rem;
            color: #4285F4;
            display: block;
            padding: 1rem;
        }

.colorful-select .dropdown-content, .dropdown .dropdown-menu
{
    padding: .5rem;
}

.dropdown-content li > a > i
{
    height: inherit;
    line-height: inherit;
}

.pswp, .pswp__bg, .pswp__scroll-wrap
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.colorful-select .dropdown-content li.active span
{
    color: #fff!important;
}

.colorful-select .dropdown-content li a:hover, .colorful-select .dropdown-content li span:hover
{
    color: #fff!important;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-primary .dropdown-content li a:hover, .dropdown-primary .dropdown-content li span:hover, .dropdown-primary .dropdown-content li.active
{
    background-color: #4285F4;
}

.dropdown-danger .dropdown-content li a:hover, .dropdown-danger .dropdown-content li span:hover, .dropdown-danger .dropdown-content li.active
{
    background-color: #C00;
}

.dropdown-default .dropdown-content li a:hover, .dropdown-default .dropdown-content li span:hover, .dropdown-default .dropdown-content li.active
{
    background-color: #2BBBAD;
}

.dropdown-secondary .dropdown-content li a:hover, .dropdown-secondary .dropdown-content li span:hover, .dropdown-secondary .dropdown-content li.active
{
    background-color: #a6c;
}

.dropdown-success .dropdown-content li a:hover, .dropdown-success .dropdown-content li span:hover, .dropdown-success .dropdown-content li.active
{
    background-color: #00C851;
}

.dropdown-info .dropdown-content li a:hover, .dropdown-info .dropdown-content li span:hover, .dropdown-info .dropdown-content li.active
{
    background-color: #33b5e5;
}

.dropdown-warning .dropdown-content li a:hover, .dropdown-warning .dropdown-content li span:hover, .dropdown-warning .dropdown-content li.active
{
    background-color: #fb3;
}

.dropdown-ins .dropdown-content li a:hover, .dropdown-ins .dropdown-content li span:hover, .dropdown-ins .dropdown-content li.active
{
    background-color: #3F729B;
}

.dropdown-dark .dropdown-content li a:hover, .dropdown-dark .dropdown-content li span:hover, .dropdown-dark .dropdown-content li.active
{
    background-color: #2E2E2E;
}

.dropdown .dropdown-menu.dd-right
{
    left: -100px;
}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover
{
    background-color: #4285F4;
}

.dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover
{
    background-color: #C00;
}

.dropdown .dropdown-menu.dropdown-default .dropdown-item:hover
{
    background-color: #2BBBAD;
}

.dropdown .dropdown-menu.dropdown-secondary .dropdown-item:hover
{
    background-color: #a6c;
}

.dropdown .dropdown-menu.dropdown-success .dropdown-item:hover
{
    background-color: #00C851;
}

.dropdown .dropdown-menu.dropdown-info .dropdown-item:hover
{
    background-color: #33b5e5;
}

.dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover
{
    background-color: #F80;
}

.dropdown .dropdown-menu.dropdown-ins .dropdown-item:hover
{
    background-color: #3F729B;
}

.dropdown .dropdown-menu.dropdown-dark .dropdown-item:hover
{
    background-color: #2E2E2E;
}

.dropdown .dropdown-menu .dropdown-item
{
    padding: 1rem;
    margin-left: 0;
}

    .dropdown .dropdown-menu .dropdown-item:hover
    {
        border-radius: 2px;
        color: #fff!important;
        transition: all .1s linear;
    }

.dropdown-menu.animated
{
    -webkit-animation-duration: .55s;
    animation-duration: .55s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp
{
    display: none;
    left: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    outline: 0;
}

.pswp--open, .pswp__button
{
    display: block;
}

.pswp *
{
    box-sizing: border-box;
}

.pswp img
{
    max-width: none;
}

.pswp--animate_opacity
{
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}

.pswp--zoom-allowed .pswp__img
{
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img
{
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img
{
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.pswp__scroll-wrap
{
    left: 0;
    overflow: hidden;
}

.pswp__container, .pswp__zoom-wrap
{
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container, .pswp__img
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap
{
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4,0,.22,1);
}

.pswp__bg
{
    left: 0;
    background: #000;
    opacity: 0;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap
{
    -webkit-transition: none;
    transition: none;
}

.pswp__item
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img
{
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder--blank
{
    background: #222;
}

.pswp--ie .pswp__img
{
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0;
}

.pswp__error-msg
{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

    .pswp__error-msg a
    {
        color: #CCC;
        text-decoration: underline;
    }

.pswp__share-tooltip a, .pswp__share-tooltip a:hover
{
    text-decoration: none;
    color: #000;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button
{
    position: relative;
    cursor: pointer;
    overflow: visible;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
}

    .pswp__button:focus, .pswp__button:hover
    {
        opacity: 1;
    }

    .pswp__button:active
    {
        outline: 0;
        opacity: .9;
    }

    .pswp__button::-moz-focus-inner
    {
        padding: 0;
        border: 0;
    }

.pswp__ui--over-close .pswp__button--close
{
    opacity: 1;
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before
{
    background: url(../img/lightbox/default-skin.png) no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio:1.1),(min-resolution:105dpi),(min-resolution:1.1dppx)
{
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before
    {
        background-image: url(../img/lightbox/default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right
    {
        background: 0 0;
    }
}

.pswp__button--close
{
    background-position: 0 -44px;
}

.pswp__button--share
{
    background-position: -44px -44px;
}

.pswp__button--fs
{
    display: none;
}

.pswp--supports-fs .pswp__button--fs
{
    display: block;
}

.pswp--fs .pswp__button--fs
{
    background-position: -44px 0;
}

.pswp__button--zoom
{
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom
{
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom
{
    background-position: -132px 0;
}

.pswp__button--arrow--left, .pswp__button--arrow--right
{
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left
{
    left: 0;
}

.pswp__button--arrow--right
{
    right: 0;
}

    .pswp__button--arrow--left:before, .pswp__button--arrow--right:before
    {
        content: '';
        top: 35px;
        background-color: rgba(0,0,0,.3);
        height: 30px;
        width: 32px;
        position: absolute;
    }

.pswp__button--arrow--left:before
{
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before
{
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter, .pswp__share-modal
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pswp__share-modal
{
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
}

.pswp__share-modal--hidden
{
    display: none;
}

.pswp__share-tooltip
{
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    transform: translateY(6px);
    transition: transform .25s;
    will-change: transform;
}

    .pswp__share-tooltip a
    {
        display: block;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 18px;
    }

        .pswp__share-tooltip a:first-child
        {
            border-radius: 2px 2px 0 0;
        }

        .pswp__share-tooltip a:last-child
        {
            border-radius: 0 0 2px 2px;
        }

.pswp__share-modal--fade-in
{
    opacity: 1;
}

    .pswp__share-modal--fade-in .pswp__share-tooltip
    {
        transform: translateY(0);
    }

.pswp--touch .pswp__share-tooltip a
{
    padding: 16px 12px;
}

a.pswp__share--facebook:before
{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

.ps-container.ps-in-scrolling, .ps-container:hover.ps-in-scrolling
{
    pointer-events: none;
}

.pswp__counter, .pswp__preloader
{
    position: absolute;
    height: 44px;
    top: 0;
}

.pswp__caption--empty, .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter
{
    display: none;
}

a.pswp__share--facebook:hover
{
    background: #3E5C9A;
    color: #FFF;
}

    a.pswp__share--facebook:hover:before
    {
        border-bottom-color: #3E5C9A;
    }

a.pswp__share--twitter:hover
{
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover
{
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover
{
    background: #DDD;
}

.pswp__counter
{
    left: 0;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px;
}

.pswp__caption
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

    .pswp__caption small
    {
        font-size: 11px;
        color: #BBB;
    }

.pswp__caption__center
{
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__ui
{
    visibility: visible;
}

.pswp__preloader
{
    width: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp--css_animation .pswp__preloader--active, .pswp__preloader--active
{
    opacity: 1;
}

.pswp__preloader__icn
{
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active .pswp__preloader__icn
{
    background: url(../img/lightbox/preloader.gif) no-repeat;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn
{
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut
{
    animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
}

.pswp--css_animation .pswp__preloader__icn
{
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut
{
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut
{
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0;
}

.side-nav .about, .side-nav .social
{
    border-bottom: 1px solid rgba(153,153,153,.298039);
}

@media screen and (max-width:1024px)
{
    .pswp__preloader
    {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

.double-nav .breadcrumb-dn, .modal-ext .modal-content .options
{
    float: left;
}

@keyframes clockwise
{
    0%
    {
        transform: rotate(0);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes donut-rotate
{
    0%,100%
    {
        transform: rotate(0);
    }

    50%
    {
        transform: rotate(-140deg);
    }
}

.pswp__ui
{
    -webkit-font-smoothing: auto;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar
{
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar
{
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}

.pswp__caption, .pswp__top-bar
{
    background-color: rgba(0,0,0,.5);
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar
{
    background-color: rgba(0,0,0,.3);
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar
{
    opacity: 0;
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar
{
    opacity: .001;
}

.pswp__element--disabled
{
    display: none!important;
}

.pswp--minimal--dark .pswp__top-bar
{
    background: 0 0;
}

.mdb-lightbox figure
{
    margin: 0;
}

    .card .mdb-lightbox figure img, .comments-list .mdb-lightbox figure img, .mdb-lightbox figure .card img, .mdb-lightbox figure .comments-list img, .mdb-lightbox figure .img-fluid, .mdb-lightbox figure .reply-form img, .mdb-lightbox figure .section .view, .mdb-lightbox figure .section img, .reply-form .mdb-lightbox figure img, .section .mdb-lightbox figure .view, .section .mdb-lightbox figure img
    {
        display: inline;
    }

    .mdb-lightbox figure img
    {
        cursor: zoom-in;
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        -o-transition: opacity .4s;
        -ms-transition: opacity .4s;
        transition: opacity .4s;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

        .mdb-lightbox figure img:hover
        {
            opacity: .8;
        }

.mdb-lightbox.no-margin .col-lg-1, .mdb-lightbox.no-margin .col-lg-10, .mdb-lightbox.no-margin .col-lg-11, .mdb-lightbox.no-margin .col-lg-12, .mdb-lightbox.no-margin .col-lg-2, .mdb-lightbox.no-margin .col-lg-3, .mdb-lightbox.no-margin .col-lg-4, .mdb-lightbox.no-margin .col-lg-5, .mdb-lightbox.no-margin .col-lg-6, .mdb-lightbox.no-margin .col-lg-7, .mdb-lightbox.no-margin .col-lg-8, .mdb-lightbox.no-margin .col-lg-9, .mdb-lightbox.no-margin .col-md-1, .mdb-lightbox.no-margin .col-md-10, .mdb-lightbox.no-margin .col-md-11, .mdb-lightbox.no-margin .col-md-12, .mdb-lightbox.no-margin .col-md-2, .mdb-lightbox.no-margin .col-md-3, .mdb-lightbox.no-margin .col-md-4, .mdb-lightbox.no-margin .col-md-5, .mdb-lightbox.no-margin .col-md-6, .mdb-lightbox.no-margin .col-md-7, .mdb-lightbox.no-margin .col-md-8, .mdb-lightbox.no-margin .col-md-9, .mdb-lightbox.no-margin .col-sm-1, .mdb-lightbox.no-margin .col-sm-10, .mdb-lightbox.no-margin .col-sm-11, .mdb-lightbox.no-margin .col-sm-12, .mdb-lightbox.no-margin .col-sm-2, .mdb-lightbox.no-margin .col-sm-3, .mdb-lightbox.no-margin .col-sm-4, .mdb-lightbox.no-margin .col-sm-5, .mdb-lightbox.no-margin .col-sm-6, .mdb-lightbox.no-margin .col-sm-7, .mdb-lightbox.no-margin .col-sm-8, .mdb-lightbox.no-margin .col-sm-9, .mdb-lightbox.no-margin .col-xl-1, .mdb-lightbox.no-margin .col-xl-10, .mdb-lightbox.no-margin .col-xl-11, .mdb-lightbox.no-margin .col-xl-12, .mdb-lightbox.no-margin .col-xl-2, .mdb-lightbox.no-margin .col-xl-3, .mdb-lightbox.no-margin .col-xl-4, .mdb-lightbox.no-margin .col-xl-5, .mdb-lightbox.no-margin .col-xl-6, .mdb-lightbox.no-margin .col-xl-7, .mdb-lightbox.no-margin .col-xl-8, .mdb-lightbox.no-margin .col-xl-9, .mdb-lightbox.no-margin .col-xs-1, .mdb-lightbox.no-margin .col-xs-10, .mdb-lightbox.no-margin .col-xs-11, .mdb-lightbox.no-margin .col-xs-12, .mdb-lightbox.no-margin .col-xs-2, .mdb-lightbox.no-margin .col-xs-3, .mdb-lightbox.no-margin .col-xs-4, .mdb-lightbox.no-margin .col-xs-5, .mdb-lightbox.no-margin .col-xs-6, .mdb-lightbox.no-margin .col-xs-7, .mdb-lightbox.no-margin .col-xs-8, .mdb-lightbox.no-margin .col-xs-9
{
    padding: 0;
}

.mdb-lightbox .col-lg-1, .mdb-lightbox .col-lg-10, .mdb-lightbox .col-lg-11, .mdb-lightbox .col-lg-12, .mdb-lightbox .col-lg-2, .mdb-lightbox .col-lg-3, .mdb-lightbox .col-lg-4, .mdb-lightbox .col-lg-5, .mdb-lightbox .col-lg-6, .mdb-lightbox .col-lg-7, .mdb-lightbox .col-lg-8, .mdb-lightbox .col-lg-9, .mdb-lightbox .col-md-1, .mdb-lightbox .col-md-10, .mdb-lightbox .col-md-11, .mdb-lightbox .col-md-12, .mdb-lightbox .col-md-2, .mdb-lightbox .col-md-3, .mdb-lightbox .col-md-4, .mdb-lightbox .col-md-5, .mdb-lightbox .col-md-6, .mdb-lightbox .col-md-7, .mdb-lightbox .col-md-8, .mdb-lightbox .col-md-9, .mdb-lightbox .col-sm-1, .mdb-lightbox .col-sm-10, .mdb-lightbox .col-sm-11, .mdb-lightbox .col-sm-12, .mdb-lightbox .col-sm-2, .mdb-lightbox .col-sm-3, .mdb-lightbox .col-sm-4, .mdb-lightbox .col-sm-5, .mdb-lightbox .col-sm-6, .mdb-lightbox .col-sm-7, .mdb-lightbox .col-sm-8, .mdb-lightbox .col-sm-9, .mdb-lightbox .col-xl-1, .mdb-lightbox .col-xl-10, .mdb-lightbox .col-xl-11, .mdb-lightbox .col-xl-12, .mdb-lightbox .col-xl-2, .mdb-lightbox .col-xl-3, .mdb-lightbox .col-xl-4, .mdb-lightbox .col-xl-5, .mdb-lightbox .col-xl-6, .mdb-lightbox .col-xl-7, .mdb-lightbox .col-xl-8, .mdb-lightbox .col-xl-9, .mdb-lightbox .col-xs-1, .mdb-lightbox .col-xs-10, .mdb-lightbox .col-xs-11, .mdb-lightbox .col-xs-12, .mdb-lightbox .col-xs-2, .mdb-lightbox .col-xs-3, .mdb-lightbox .col-xs-4, .mdb-lightbox .col-xs-5, .mdb-lightbox .col-xs-6, .mdb-lightbox .col-xs-7, .mdb-lightbox .col-xs-8, .mdb-lightbox .col-xs-9
{
    padding: .5rem;
}

.side-nav
{
    position: fixed;
    width: 240px;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    height: calc(100%+ 60px);
    height: -moz-calc(100%);
    padding-bottom: 60px;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(-105%);
    color: #fff;
}

    .side-nav.right-aligned
    {
        right: 0;
        left: auto;
        transform: translateX(100%);
    }

    .side-nav .collapsible
    {
        margin: 0;
    }

        .side-nav .collapsible > li
        {
            padding-right: 1rem;
            padding-left: 1rem;
            border-radius: 2px;
        }

        .side-nav .collapsible a.active, .side-nav .collapsible a:hover, .side-nav .collapsible > li
        {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
        }

        .side-nav .collapsible a
        {
            margin-bottom: 5px;
            color: #fff;
            font-weight: 300;
            font-size: .9rem;
            height: 45px;
            line-height: 45px;
        }

            .side-nav .collapsible a.active, .side-nav .collapsible a:hover
            {
                border-radius: 2px;
            }

        .side-nav .collapsible .fa
        {
            font-size: 1.2rem;
            margin-right: 13px;
        }

    .side-nav .collapsible-body a
    {
        padding-left: 30px;
        height: 45px;
        line-height: 45px;
    }

    .side-nav a
    {
        display: block;
        font-size: 1rem;
        height: 56px;
        line-height: 56px;
        padding-left: 20px;
    }

    .side-nav .logo-wrapper
    {
        height: 140px;
    }

        .side-nav .logo-wrapper a
        {
            height: 140px;
            width: 240px;
            padding: 0;
        }

        .side-nav .logo-wrapper img
        {
            padding: 20% 50px;
        }

@media (max-height:910px)
{
    .side-nav .logo-wrapper, .side-nav .logo-wrapper a
    {
        height: 80px;
    }

        .side-nav .logo-wrapper img
        {
            padding: 7% 50px;
        }
}

.side-nav .about
{
    padding: 1rem;
}

    .side-nav .about p
    {
        margin-bottom: 0;
        text-align: center;
    }

.side-nav .social
{
    padding: 0;
    text-align: center;
}

    .side-nav .social li
    {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .side-nav .social a
    {
        padding: 0 .6rem;
        margin: 0;
    }

.side-nav .search-form
{
    padding: 0;
}

    .side-nav .search-form ::-webkit-input-placeholder
    {
        color: #fff!important;
    }

    .side-nav .search-form :-moz-placeholder
    {
        color: #fff!important;
    }

    .side-nav .search-form ::-moz-placeholder
    {
        color: #fff!important;
    }

    .side-nav .search-form :-ms-input-placeholder
    {
        color: #fff!important;
    }

    .side-nav .search-form input[type=text]
    {
        border-bottom: 1px solid #fff;
        font-weight: 300;
        padding-left: 30px;
    }

    .side-nav .search-form .form-control
    {
        color: #fff;
    }

.side-nav .sn-avatar-wrapper
{
    padding-left: 33%;
    padding-right: 33%;
    padding-top: 10%;
}

    .side-nav .sn-avatar-wrapper img
    {
        margin: 0;
        padding: 0;
        max-width: 90px;
        -webkit-border-radius: 5rem;
        -moz-border-radius: 5rem;
        -ms-border-radius: 5rem;
        -o-border-radius: 5rem;
        border-radius: 5rem;
    }

@media only screen and (max-height:910px)
{
    .side-nav .sn-avatar-wrapper
    {
        padding-left: 40%;
        padding-right: 40%;
        padding-top: 3%;
    }

        .side-nav .sn-avatar-wrapper img
        {
            max-width: 50px;
        }
}

.side-nav .sn-ad-avatar-wrapper
{
    height: auto;
    margin-bottom: 0;
}

    .side-nav .sn-ad-avatar-wrapper img
    {
        max-width: 60px;
        padding: 20px 10px;
        float: left;
    }

    .side-nav .sn-ad-avatar-wrapper p
    {
        font-size: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0;
    }

.side-nav .fa-angle-down.rotate-icon
{
    position: absolute;
    right: 0;
    top: 13px;
}

.light-side-nav .logo-wrapper, .light-side-nav .logo-wrapper a
{
    height: 80px;
}

    .light-side-nav .logo-wrapper img
    {
        padding: 7% 50px;
    }

.colorful-side-nav .collapsible > li, .dark-side-nav .collapsible > li, .stylish-side-nav .collapsible > li
{
    padding: 0;
}

.light-side-nav .collapsible a, .light-side-nav p
{
    color: #1C2331;
}

.colorful-side-nav .social a, .colorful-side-nav p, .dark-side-nav .collapsible a, .dark-side-nav .social a, .dark-side-nav p, .stylish-side-nav .collapsible a, .stylish-side-nav .social a, .stylish-side-nav p
{
    color: #fff;
}

.light-side-nav .social
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.light-side-nav .navbar-form
{
    margin: 10px;
}

.dark-side-nav
{
    background-color: #212121;
}

    .dark-side-nav .logo-wrapper
    {
        background: url("http://mdbootstrap.com/images/regular/nature/img%20(17).jpg") center center no-repeat;
        background-size: cover;
    }

    .dark-side-nav li
    {
        background-color: #212121;
    }

        .dark-side-nav .collapsible a.active, .dark-side-nav .collapsible a:active, .dark-side-nav li.active, .dark-side-nav li:hover
        {
            background-color: #2E2E2E;
        }

    .dark-side-nav .collapsible a
    {
        margin: 0;
    }

    .dark-side-nav .social
    {
        border-top: 1px solid #4B515D;
        border-bottom: 1px solid #4B515D;
    }

.colorful-side-nav
{
    background-color: #00695c;
}

    .colorful-side-nav .logo-wrapper
    {
        background: url("http://mdbootstrap.com/images/regular/nature/img%20(23).jpg") center center no-repeat;
        background-size: cover;
    }

    .colorful-side-nav li
    {
        background-color: #00695c;
    }

        .colorful-side-nav .collapsible a.active, .colorful-side-nav .collapsible a:active, .colorful-side-nav li.active, .colorful-side-nav li:hover
        {
            background-color: #008372;
        }

    .colorful-side-nav .collapsible a
    {
        margin: 0;
        color: #fff;
    }

    .colorful-side-nav .social
    {
        border-top: 1px solid #26a69a;
        border-bottom: 1px solid #26a69a;
    }

.stylish-side-nav
{
    background-color: #3E4551;
}

    .stylish-side-nav .logo-wrapper
    {
        background: url("http://mdbootstrap.com/images/regular/nature/img%20(26).jpg") center center no-repeat;
        background-size: cover;
    }

    .stylish-side-nav li
    {
        background-color: #3E4551;
    }

        .stylish-side-nav .collapsible a.active, .stylish-side-nav .collapsible a:active, .stylish-side-nav li.active, .stylish-side-nav li:hover
        {
            background-color: #4B515D;
        }

    .stylish-side-nav .collapsible a
    {
        margin: 0;
    }

    .stylish-side-nav .social
    {
        border-top: 1px solid #4B515D;
        border-bottom: 1px solid #4B515D;
    }

.drag-target
{
    height: 100%;
    width: 10px;
    position: fixed;
    top: 0;
    z-index: 998;
}

.side-nav.fixed
{
    left: 0;
    transform: translateX(0);
    position: fixed;
}

    .side-nav.fixed.right-aligned
    {
        right: 0;
        left: auto;
    }

#sidenav-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
    will-change: opacity;
}

.side-nav .double-navbar .bc-min
{
    padding: 5px 10px;
}

    .side-nav .double-navbar .bc-min .button-collapse
    {
        padding-left: 0;
    }

.light-side-nav .search-form ::-webkit-input-placeholder
{
    color: #1C2331!important;
}

.light-side-nav .search-form :-moz-placeholder
{
    color: #1C2331!important;
}

.light-side-nav .search-form ::-moz-placeholder
{
    color: #1C2331!important;
}

.light-side-nav .search-form :-ms-input-placeholder
{
    color: #1C2331!important;
}

.light-side-nav .search-form input[type=text]
{
    border-bottom: 1px solid #1C2331;
}

.light-side-nav .search-form .form-control
{
    color: #1C2331;
}

@media only screen and (min-width:768px)
{
    .scrolling-navbar
    {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .scrolling-navbar .navbar-nav > li
        {
            transition-duration: 1s;
        }

    .top-nav-collapse
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}




md-backdrop.md-opaque {
    opacity: .8;
}
.double-nav, .scrolling-navbar
{
    z-index: 75;
}

.double-nav
{
    color: #fff;
}

    .double-nav a
    {
        color: #fff;
        font-size: 15px;
        font-weight: 300;
    }

    .double-nav .dropdown .dropdown-menu a
    {
        padding: 1rem;
        color: #616161;
    }

    .double-nav .breadcrumb-dn p
    {
        margin: 0;
        padding-top: 6px;
        padding-left: 1rem;
        font-weight: 300;
    }

    .double-nav .button-collapse
    {
        position: absolute;
        top: 1px;
        left: 10px;
        font-size: 1.5rem;
    }

@media only screen and (min-width:1440px)
{
    .double-nav .button-collapse
    {
        display: none;
    }
}

@media only screen and (max-width:993px)
{
    .double-nav .breadcrumb-dn
    {
        display: none;
    }
}

@media only screen and (max-width:992px)
{
    .side-nav.fixed
    {
        transform: translateX(-105%);
    }

        .side-nav.fixed.right-aligned
        {
            transform: translateX(105%);
        }

    .double-nav .nav-icons li a
    {
        font-size: .7rem;
        margin-right: 3px;
    }

        .double-nav .nav-icons li a .fa
        {
            font-size: 1.3rem;
        }
}

.double-nav .nav-counter
{
    position: absolute;
    margin-left: -10px;
    margin-top: -5px;
    background-color: red;
    color: #fff;
    padding: 1px 5px;
    font-size: 10px;
    z-index: 222;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    -o-border-radius: 10rem;
    border-radius: 10rem;
}

.double-nav .nav-icons
{
    padding: 0;
    margin: 0;
    text-align: right;
}

    .carousel-multi-item .controls-top, .cart-modal .table, .cart-modal th, .collection-card .stripe, .double-nav .nav-icons li, .min-chart, .modal-ext .modal-content .modal-header, .product-panel .modal-header, .ql-modal .modal-header, .stepper li a, .stepper li a .circle
    {
        text-align: center;
    }

    .double-nav .nav-icons li
    {
        display: inline-block;
    }

        .double-nav .nav-icons li a
        {
            color: #fff;
            font-size: .7rem;
            margin-right: 3px;
        }

            .double-nav .nav-icons li a .fa
            {
                font-size: 1.3rem;
            }

.navbar .nav-item .nav-link .fa
{
    padding-left: 3px;
    padding-right: 3px;
}

.navbar .nav-item.avatar, .navbar .nav-item.avatar .dropdown-toggle
{
    padding: 0;
}

    .navbar .nav-item.avatar.active
    {
        background-color: transparent!important;
    }

    .navbar .nav-item.avatar .dropdown-toggle img
    {
        height: 35px;
    }

    .navbar .nav-item.avatar .dropdown-toggle:after
    {
        display: none;
    }

@media only screen and (max-width:992px)
{
    .double-nav
    {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media only screen and (max-width:768px)
{
    .double-nav .container
    {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:992px)
{
    .navbar .navbar-desktop
    {
        display: none;
    }
}

@media (min-width:1440px)
{
    .navbar .button-collapse
    {
        display: none;
    }
}

@media (max-width:1440px)
{
    .navbar .button-collapse
    {
        display: block;
        position: relative;
        font-size: 1.4rem;
        margin-right: 10px;
        margin-left: 10px;
    }
}

.header-breadcrumb
{
    padding-top: .425rem;
    padding-bottom: .425rem;
    font-size: 15px;
}

    .header-breadcrumb .breadcrumb-item.active, .header-breadcrumb .breadcrumb-item:before
    {
        color: #fff;
    }

.carousel-multi-item
{
    margin-bottom: 100px;
}

    .carousel-multi-item .carousel-indicators li
    {
        height: 20px;
        width: 20px;
        background-color: #4285F4;
        margin-bottom: -60px;
    }

    .carousel-multi-item .carousel-indicators .active
    {
        height: 25px;
        width: 25px;
        background-color: #4285F4;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .carousel-multi-item .controls-top
    {
        margin-bottom: 30px;
    }

        .carousel-multi-item .controls-top .btn-floating
        {
            background: #4285F4;
        }

    .carousel-multi-item .carousel-indicators
    {
        margin-bottom: -2em;
    }

    .carousel-multi-item .card
    {
        margin: 1px;
    }

    .carousel-multi-item .card-cascade.narrower
    {
        margin-top: 20px;
        margin-bottom: 5px;
    }

@media only screen and (max-width:992px)
{
    .carousel-multi-item .carousel-indicators li
    {
        margin-bottom: -30px;
    }
}

.carousel-thumbnails
{
    margin-bottom: 80px;
}

    .carousel-thumbnails .carousel-indicators
    {
        margin-bottom: -90px;
        position: absolute;
    }

        .carousel-thumbnails .carousel-indicators li
        {
            height: auto;
            width: auto;
            border: none;
        }

        .carousel-thumbnails .carousel-indicators .active
        {
            height: auto;
            width: auto;
            background-color: #fff;
            opacity: .5;
        }

        .carousel-thumbnails .carousel-indicators img
        {
            width: 100px;
            height: 50px;
            overflow: hidden;
        }

@media only screen and (max-width:600px)
{
    .carousel-thumbnails
    {
        margin-bottom: 60px;
    }

        .carousel-thumbnails .carousel-indicators
        {
            margin-bottom: -60px;
        }

            .carousel-thumbnails .carousel-indicators img
            {
                width: 50px;
                height: 25px;
            }
}

.modal-ext .modal-content .modal-body .text-xs-center fieldset
{
    margin-top: 20px;
}

.modal-ext .modal-content .call
{
    margin-top: 1rem;
}

.modal-ext .modal-content .modal-body
{
    padding: 2rem 2rem 1rem;
}

.modal-cart li p
{
    margin: 5px;
    font-weight: 400;
}

    .modal-cart li p .tag
    {
        margin-left: 10px;
        margin-top: 3px;
        font-weight: 400;
        position: absolute;
    }

    .modal-cart li p .quantity
    {
        font-size: 16px;
        margin-right: 7px;
        font-weight: 300;
    }

.modal-cart .cartPageLink
{
    margin-left: 10px;
}

    .modal-cart .cartPageLink a
    {
        text-decoration: underline;
        color: #666;
    }

.modal-cart .total
{
    float: right;
    font-weight: 400;
}

.cf-phone
{
    margin-left: 7px;
}

.side-modal
{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

    .side-modal .modal-dialog
    {
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 400px;
        margin: 10px;
    }

@media (max-width:760px)
{
    .side-modal .modal-dialog
    {
        display: none;
    }
}

.side-modal .modal-header
{
    padding: 1rem;
}

    .side-modal .modal-header .heading
    {
        margin: 0;
        padding: 0;
    }

.side-modal .modal-content
{
    border: none;
}

.side-modal.fade:not(.in) .modal-dialog
{
    -webkit-transform: translate3d(25%,0,0);
    transform: translate3d(25%,0,0);
}

.transparent-bd
{
    opacity: 0!important;
}

.toast-title
{
    font-weight: 700;
}

.toast-message
{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a, .toast-message label
    {
        color: #fff;
    }

        .toast-message a:hover
        {
            color: #ccc;
            text-decoration: none;
        }

.toast-close-button
{
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:focus, .toast-close-button:hover
    {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

button.toast-close-button
{
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center
{
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center
{
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width
{
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width
{
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left
{
    top: 12px;
    left: 12px;
}

.toast-top-right
{
    top: 12px;
    right: 12px;
}

.toast-bottom-right
{
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left
{
    bottom: 12px;
    left: 12px;
}

#toast-container
{
    position: fixed;
    z-index: 999999;
}

    #toast-container *
    {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div
    {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        background-position: 15px center;
        background-repeat: no-repeat;
        color: #fff;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

    #toast-container > :hover
    {
        transition: .45s;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #toast-container > .toast-info
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
    }

    #toast-container > .toast-error
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important;
    }

    #toast-container > .toast-success
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important;
    }

    #toast-container > .toast-warning
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important;
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div
    {
        width: 300px;
        margin: auto;
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div
    {
        width: 96%;
        margin: auto;
    }

.toast
{
    background-color: #030303;
}

.toast-success
{
    background-color: #51a351;
}

.toast-error
{
    background-color: #bd362f;
}

.toast-info
{
    background-color: #2f96b4;
}

.toast-warning
{
    background-color: #f89406;
}

.toast-progress
{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

@media all and (max-width:240px)
{
    #toast-container > div
    {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button
    {
        right: -.2em;
        top: -.2em;
    }
}

@media all and (min-width:241px) and (max-width:480px)
{
    #toast-container > div
    {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button
    {
        right: -.2em;
        top: -.2em;
    }
}

@media all and (min-width:481px) and (max-width:768px)
{
    #toast-container > div
    {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

.nav-pills .nav-item a
{
    color: #666;
}

.nav-pills .nav-item .active, .nav-pills .nav-item .active:active, .nav-pills .nav-item .active:focus, .nav-pills .nav-item .active:hover, .nav-pills .nav-item:hover
{
    background-color: transparent;
    color: #45526E;
    font-weight: 500;
}

.nav-pills .nav-item .active
{
    border-left: 2px solid #45526E;
}

.nav-pills .nav-item:hover
{
    border-left: 1px solid #45526E;
}

.nav-pills .nav-item + .nav-item
{
    margin-left: 0;
}

@media only screen and (max-width:769px)
{
    .sticky, .sticky-placeholder
    {
        display: none;
    }
}

#scrollspy
{
    width: 120px;
}

@media only screen and (max-width:992px)
{
    .col-lg-4 .sticky, .col-md-4 .sticky, .col-xl-4 .sticky
    {
        width: 200px;
    }
}

@media only screen and (min-width:992px)
{
    .col-md-4 .sticky .col-lg-4 .sticky, .col-xl-4 .sticky
    {
        width: 400px;
    }
}

@media only screen and (min-width:1200px)
{
    .col-md-4 .sticky
    {
        width: 300px;
    }
}

@media only screen and (min-width:1400px)
{
    .col-md-4 .sticky
    {
        width: 350px;
    }
}

.dotted-scrollspy
{
    display: block;
    position: fixed;
    top: 50%;
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0,0,0,.55);
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}

    .dotted-scrollspy li
    {
        display: block;
        padding: 0 16px;
    }

        .dotted-scrollspy li:first-child
        {
            padding-top: 10px;
        }

        .dotted-scrollspy li:last-child
        {
            padding-bottom: 10px;
        }

        .dotted-scrollspy li a span
        {
            display: block;
            background-color: rgba(255,255,255,.54);
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }

.min-chart, .percent
{
    display: inline-block;
}

.dotted-scrollspy li a.active span
{
    background: #fff;
}

.min-chart
{
    position: relative;
    width: 110px;
    height: 110px;
    margin-top: 50px;
    margin-bottom: 50px;
}

    .min-chart canvas
    {
        position: absolute;
        top: 0;
        left: 0;
    }

.percent
{
    line-height: 110px;
    z-index: 2;
}

    .percent:after
    {
        content: '%';
        margin-left: .1em;
        font-size: .8em;
    }

.rotate-element
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-angle-down.rotate-icon
{
    -webkit-transition: all 150ms ease-in 0s;
    -moz-transition: all 150ms ease-in 0s;
    -o-transition: all 150ms ease-in 0s;
    -ms-transition: all 150ms ease-in 0s;
    transition: all 150ms ease-in 0s;
}

.ps-container
{
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none;
}

@supports (-ms-overflow-style:none)
{
    .ps-container;

{
    overflow: auto!important;
}

}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none)
{
    .ps-container
    {
        overflow: auto!important;
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail
{
    display: block;
    background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail
{
    background-color: #eee;
    opacity: .5;
}

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x
    {
        background-color: #999;
    }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail
{
    background-color: #eee;
    opacity: .5;
}

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y
    {
        background-color: #999;
    }

.ps-container > .ps-scrollbar-x-rail
{
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    bottom: 0;
    height: 15px;
}

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x
    {
        position: absolute;
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        bottom: 2px;
        height: 6px;
    }

    .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x
    {
        height: 11px;
    }

.ps-container > .ps-scrollbar-y-rail
{
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    right: 0;
    width: 15px;
}

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y
    {
        position: absolute;
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        right: 2px;
        width: 6px;
    }

    .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y
    {
        width: 11px;
    }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail
{
    background-color: #eee;
    opacity: .5;
}

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x
    {
        background-color: #999;
    }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail
{
    background-color: #eee;
    opacity: .5;
}

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y
    {
        background-color: #999;
    }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail
{
    opacity: .6;
}

    .ps-container:hover > .ps-scrollbar-x-rail:hover
    {
        background-color: #eee;
        opacity: .5;
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x
        {
            background-color: #999;
        }

    .ps-container:hover > .ps-scrollbar-y-rail:hover
    {
        background-color: #eee;
        opacity: .5;
    }

        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y
        {
            background-color: #999;
        }

.product-card .tag
{
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(244,67,54,.7);
    font-size: 1.4rem;
}

.product-card .action-buttons
{
    position: absolute;
    right: 5px;
    top: 5px;
}

    .product-card .action-buttons .activator
    {
        float: none;
        padding: 0;
        margin-right: 0;
        font-size: 1rem;
    }

    .product-card .action-buttons .btn-floating
    {
        display: block;
        background-color: #4285F4;
        height: 37px;
        width: 37px;
        line-height: 0;
    }

        .product-card .action-buttons .btn-floating .fa, .product-card .action-buttons .btn-floating .material-icons
        {
            font-size: 14px;
            margin-top: 1px;
        }

.product-card .rating
{
    position: absolute;
    margin-top: -16px;
    right: 10px;
    background-color: #0d47a1;
    padding: .4rem 1rem;
    font-size: .8rem;
}

    .product-card .rating:hover .fa
    {
        color: gold;
        transition: all .4s linear;
    }

.product-card .card-block .card-text, .product-card .card-block .card-title
{
    padding-bottom: .6rem;
    border-bottom: 1px solid #e0e0e0;
}

.product-card .cta
{
    text-align: center;
    padding-bottom: 1rem;
}

    .product-card .cta p
    {
        font-size: 1.3rem;
        color: green;
    }

        .product-card .cta p span
        {
            color: #000;
            text-decoration: line-through;
        }

.product-panel .modal-dialog, .ql-modal .modal-dialog
{
    max-width: none;
    width: auto;
    margin: 2rem;
}

.product-panel .price .tag, .ql-modal .price .tag
{
    background-color: rgba(244,67,54,.7);
    font-size: 1.4rem;
    display: inline-block;
    margin-left: 1rem;
}

.product-panel .price p, .ql-modal .price p
{
    display: inline-block;
    font-size: 1.3rem;
}

    .product-panel .price p .price-before, .ql-modal .price p .price-before
    {
        color: #000;
        text-decoration: line-through;
        margin-left: .5rem;
    }

    .product-panel .price p .price-after, .ql-modal .price p .price-after
    {
        font-size: 1.7rem;
        color: green;
    }

.product-panel .media img, .ql-modal .media img
{
    max-width: 60px;
}

@media (max-width:1200px)
{
    .ql-modal
    {
        padding-left: 0;
    }

        .ql-modal .modal-dialog
        {
            margin: 0;
        }
}

.wishlist
{
    background-color: #f44;
}

.collection-card .stripe
{
    position: absolute;
    bottom: 3rem;
    width: 100%;
    padding: 1.2rem;
}

    .collection-card .stripe.dark
    {
        background-color: rgba(0,0,0,.7);
    }

        .collection-card .stripe.dark a p
        {
            color: #eee;
        }

    .collection-card .stripe.light
    {
        background-color: rgba(255,255,255,.7);
    }

        .collection-card .stripe.light a p
        {
            color: #424242;
        }

    .collection-card .stripe a p
    {
        padding: 0;
        margin: 0;
        letter-spacing: 4px;
        font-size: 1rem;
    }

.cart-modal .table .total
{
    text-transform: uppercase;
    font-weight: 600;
}

.chip, .chips .input
{
    display: inline-block;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
}

.cart-modal .table .fa-remove
{
    color: #4285F4;
}

.blue-skin .primary-color, .blue-skin .stepper li.active a .circle, .blue-skin .stepper li.completed a .circle, .stepper li.active a .blue-skin .circle, .stepper li.completed a .blue-skin .circle
{
    background-color: #062A64!important;
}

.blue-skin .navbar, .blue-skin .page-footer
{
    background-color: #072e6e;
}

.blue-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/blue.jpg) center center no-repeat;
    background-size: cover;
}

.blue-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #5a95f5;
}

.blue-skin .side-nav .social a:hover
{
    background-color: #062a64;
    transition: all .3s linear;
}

.blue-skin .side-nav .collapsible li a:hover, .blue-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.blue-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .blue-skin .side-nav .collapsible li a.active
    {
        background-color: #062A64;
    }

    .blue-skin .side-nav .collapsible li a:hover
    {
        background-color: #062c69;
        transition: all .3s linear;
    }

.blue-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.blue-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #062a64;
}

.blue-skin .btn-primary
{
    background: #4285F4;
}

    .blue-skin .btn-primary:focus, .blue-skin .btn-primary:hover
    {
        background-color: #5a95f5!important;
    }

    .blue-skin .btn-primary.active
    {
        background-color: #0b51c5!important;
    }

.blue-skin .btn-secondary
{
    background: #5C4AF5;
}

    .blue-skin .btn-secondary:focus, .blue-skin .btn-secondary:hover
    {
        background-color: #7262f6!important;
    }

    .blue-skin .btn-secondary.active
    {
        background-color: #200bce!important;
    }

.blue-skin .btn-default, .blue-skin .card .btn-action
{
    background: #0d47a1;
}

    .blue-skin .btn-default:focus, .blue-skin .btn-default:hover, .blue-skin .card .btn-action:focus, .blue-skin .card .btn-action:hover
    {
        background-color: #0f51b9!important;
    }

    .blue-skin .btn-default.active, .blue-skin .card .btn-action.active
    {
        background-color: #051d43!important;
    }

.blue-skin .btn-primary-outline
{
    border: 2px solid #4285F4;
    color: #4285F4!important;
}

.blue-skin .btn-secondary-outline
{
    border: 2px solid #5C4AF5;
    color: #5C4AF5!important;
}

.blue-skin .btn-default-outline
{
    border: 2px solid #0d47a1;
    color: #0d47a1!important;
}

.blue-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.blue-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #0d47a1;
    border-color: #0d47a1;
}

.blue-skin .card-header, .blue-skin .carousel-multi-item .carousel-indicators li, .blue-skin .carousel-multi-item .carousel-indicators li.active, .blue-skin .carousel-multi-item .controls-top > a, .blue-skin .form-header, .blue-skin .tag, .blue-skin .top-nav-collapse
{
    background-color: #072e6e;
}

.red-skin .primary-color, .red-skin .stepper li.active a .circle, .red-skin .stepper li.completed a .circle, .stepper li.active a .red-skin .circle, .stepper li.completed a .red-skin .circle
{
    background-color: #79000C!important;
}

.red-skin .navbar
{
    background-color: #900;
}

.red-skin .page-footer
{
    background-color: #4d0000;
}

.red-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/red.jpg) center center no-repeat;
    background-size: cover;
}

.red-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #4d0000;
}

.red-skin .side-nav .social a:hover
{
    background-color: #4d0000;
    transition: all .3s linear;
}

.red-skin .side-nav .collapsible li a:hover, .red-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.red-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .red-skin .side-nav .collapsible li a.active
    {
        background-color: #4d0000;
    }

    .red-skin .side-nav .collapsible li a:hover
    {
        background-color: #4d0000;
        transition: all .3s linear;
    }

.red-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.red-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #900;
}

.red-skin .btn-primary
{
    background: #C00;
}

    .red-skin .btn-primary:focus, .red-skin .btn-primary:hover
    {
        background-color: #e60000!important;
    }

    .red-skin .btn-primary.active
    {
        background-color: #600!important;
    }

.red-skin .btn-secondary
{
    background: #7D2900;
}

    .red-skin .btn-secondary:focus, .red-skin .btn-secondary:hover
    {
        background-color: #973100!important;
    }

    .red-skin .btn-secondary.active
    {
        background-color: #170800!important;
    }

.red-skin .btn-default, .red-skin .card .btn-action
{
    background: #79000C;
}

    .red-skin .btn-default:focus, .red-skin .btn-default:hover, .red-skin .card .btn-action:focus, .red-skin .card .btn-action:hover
    {
        background-color: #93000f!important;
    }

    .red-skin .btn-default.active, .red-skin .card .btn-action.active
    {
        background-color: #130002!important;
    }

.red-skin .btn-primary-outline
{
    border: 2px solid #C00;
    color: #C00!important;
}

.red-skin .btn-secondary-outline
{
    border: 2px solid #7D2900;
    color: #7D2900!important;
}

.red-skin .btn-default-outline
{
    border: 2px solid #79000C;
    color: #79000C!important;
}

.red-skin .dropdown-content li:not(.disabled) span, .red-skin .md-form .prefix.active, .red-skin input[type=email]:focus:not([readonly]) + label, .red-skin input[type=text]:focus:not([readonly]) + label, .red-skin input[type=password]:focus:not([readonly]) + label, .red-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #C00;
}

.red-skin input[type=email]:focus:not([readonly]), .red-skin input[type=text]:focus:not([readonly]), .red-skin input[type=password]:focus:not([readonly]), .red-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #C00;
    box-shadow: 0 1px 0 0 #C00;
}

.red-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #C00;
    border-bottom: 2px solid #C00;
}

.red-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.red-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #C00;
    border-color: #C00;
}

.red-skin .card-header, .red-skin .carousel-multi-item .carousel-indicators li, .red-skin .carousel-multi-item .carousel-indicators li.active, .red-skin .carousel-multi-item .controls-top > a, .red-skin .form-header, .red-skin .tag, .red-skin .top-nav-collapse
{
    background-color: #900;
}

.green-skin .primary-color, .green-skin .stepper li.active a .circle, .green-skin .stepper li.completed a .circle, .stepper li.active a .green-skin .circle, .stepper li.completed a .green-skin .circle
{
    background-color: #003830!important;
}

.green-skin .navbar
{
    background-color: #003830;
}

.green-skin .page-footer
{
    background-color: #001f1a;
}

.green-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/green.jpg) center center no-repeat;
    background-size: cover;
}

.green-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #001f1a;
}

.green-skin .side-nav .social a:hover
{
    background-color: #001f1a;
    transition: all .3s linear;
}

.green-skin .side-nav .collapsible li a:hover, .green-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.green-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .green-skin .side-nav .collapsible li a.active
    {
        background-color: #002923;
    }

    .green-skin .side-nav .collapsible li a:hover
    {
        background-color: #002923;
        transition: all .3s linear;
    }

.green-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.green-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #003830;
}

.green-skin .btn-primary
{
    background: #003830;
}

    .green-skin .btn-primary:focus, .green-skin .btn-primary:hover
    {
        background-color: #005246!important;
    }

    .green-skin .btn-primary.active
    {
        background-color: #000!important;
    }

.green-skin .btn-secondary
{
    background: #294F6F;
}

    .green-skin .btn-secondary:focus, .green-skin .btn-secondary:hover
    {
        background-color: #305c82!important;
    }

    .green-skin .btn-secondary.active
    {
        background-color: #0d1a25!important;
    }

.green-skin .btn-default, .green-skin .card .btn-action
{
    background: #226568;
}

    .green-skin .btn-default:focus, .green-skin .btn-default:hover, .green-skin .card .btn-action:focus, .green-skin .card .btn-action:hover
    {
        background-color: #28787b!important;
    }

    .green-skin .btn-default.active, .green-skin .card .btn-action.active
    {
        background-color: #091a1b!important;
    }

.green-skin .btn-primary-outline
{
    border: 2px solid #003830;
    color: #003830!important;
}

.green-skin .btn-secondary-outline
{
    border: 2px solid #294F6F;
    color: #294F6F!important;
}

.green-skin .btn-default-outline
{
    border: 2px solid #226568;
    color: #226568!important;
}

.green-skin .dropdown-content li:not(.disabled) span, .green-skin .md-form .prefix.active, .green-skin input[type=email]:focus:not([readonly]) + label, .green-skin input[type=text]:focus:not([readonly]) + label, .green-skin input[type=password]:focus:not([readonly]) + label, .green-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #003830;
}

.green-skin input[type=email]:focus:not([readonly]), .green-skin input[type=text]:focus:not([readonly]), .green-skin input[type=password]:focus:not([readonly]), .green-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #003830;
    box-shadow: 0 1px 0 0 #003830;
}

.green-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #003830;
    border-bottom: 2px solid #003830;
}

.green-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.green-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #003830;
    border-color: #003830;
}

.green-skin .card-header, .green-skin .carousel-multi-item .carousel-indicators li, .green-skin .carousel-multi-item .carousel-indicators li.active, .green-skin .carousel-multi-item .controls-top > a, .green-skin .form-header, .green-skin .tag, .green-skin .top-nav-collapse
{
    background-color: #003830;
}

.purple-skin .primary-color, .purple-skin .stepper li.active a .circle, .purple-skin .stepper li.completed a .circle, .stepper li.active a .purple-skin .circle, .stepper li.completed a .purple-skin .circle
{
    background-color: #650696!important;
}

.purple-skin .navbar
{
    background-color: #54057d;
}

.purple-skin .page-footer
{
    background-color: #33034c;
}

.purple-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/purple.jpg) center center no-repeat;
    background-size: cover;
}

.purple-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #33034c;
}

.purple-skin .side-nav .social a:hover
{
    background-color: #440465;
    transition: all .3s linear;
}

.purple-skin .side-nav .collapsible li a:hover, .purple-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.purple-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .purple-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover, .purple-skin .side-nav .collapsible li a.active
    {
        background-color: #54057d;
    }

    .purple-skin .side-nav .collapsible li a:hover
    {
        background-color: #54057d;
        transition: all .3s linear;
    }

.purple-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.purple-skin .btn-primary
{
    background: #650696;
}

    .purple-skin .btn-primary:focus, .purple-skin .btn-primary:hover
    {
        background-color: #7607af!important;
    }

    .purple-skin .btn-primary.active
    {
        background-color: #230234!important;
    }

.purple-skin .btn-secondary
{
    background: #A6007D;
}

    .purple-skin .btn-secondary:focus, .purple-skin .btn-secondary:hover
    {
        background-color: #c00090!important;
    }

    .purple-skin .btn-secondary.active
    {
        background-color: #400030!important;
    }

.purple-skin .btn-default, .purple-skin .card .btn-action
{
    background: #21109C;
}

    .purple-skin .btn-default:focus, .purple-skin .btn-default:hover, .purple-skin .card .btn-action:focus, .purple-skin .card .btn-action:hover
    {
        background-color: #2612b3!important;
    }

    .purple-skin .btn-default.active, .purple-skin .card .btn-action.active
    {
        background-color: #0d073f!important;
    }

.purple-skin .btn-primary-outline
{
    border: 2px solid #650696;
    color: #650696!important;
}

.purple-skin .btn-secondary-outline
{
    border: 2px solid #A6007D;
    color: #A6007D!important;
}

.purple-skin .btn-default-outline
{
    border: 2px solid #21109C;
    color: #21109C!important;
}

.purple-skin .dropdown-content li:not(.disabled) span, .purple-skin .md-form .prefix.active, .purple-skin input[type=email]:focus:not([readonly]) + label, .purple-skin input[type=text]:focus:not([readonly]) + label, .purple-skin input[type=password]:focus:not([readonly]) + label, .purple-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #650696;
}

.purple-skin input[type=email]:focus:not([readonly]), .purple-skin input[type=text]:focus:not([readonly]), .purple-skin input[type=password]:focus:not([readonly]), .purple-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #650696;
    box-shadow: 0 1px 0 0 #650696;
}

.purple-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #650696;
    border-bottom: 2px solid #650696;
}

.purple-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.purple-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #650696;
    border-color: #650696;
}

.purple-skin .card-header, .purple-skin .carousel-multi-item .carousel-indicators li, .purple-skin .carousel-multi-item .carousel-indicators li.active, .purple-skin .carousel-multi-item .controls-top > a, .purple-skin .form-header, .purple-skin .tag, .purple-skin .top-nav-collapse
{
    background-color: #54057d;
}

.dark-skin .primary-color, .dark-skin .stepper li.active a .circle, .dark-skin .stepper li.completed a .circle, .stepper li.active a .dark-skin .circle, .stepper li.completed a .dark-skin .circle
{
    background-color: #2E2E2E!important;
}

.dark-skin .navbar
{
    background-color: #3b3b3b;
}

.dark-skin .page-footer
{
    background-color: #212121;
}

.dark-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/dark.jpg) center center no-repeat;
    background-size: cover;
}

.dark-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #080808;
}

.dark-skin .side-nav .social a:hover
{
    background-color: #2e2e2e;
    transition: all .3s linear;
}

.dark-skin .side-nav .collapsible li a:hover, .dark-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.dark-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .dark-skin .side-nav .collapsible li a.active
    {
        background-color: #2e2e2e;
    }

    .dark-skin .side-nav .collapsible li a:hover
    {
        background-color: #2e2e2e;
        transition: all .3s linear;
    }

.dark-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.dark-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #3b3b3b;
}

.dark-skin .btn-primary
{
    background: #2E2E2E;
}

    .dark-skin .btn-primary:focus, .dark-skin .btn-primary:hover
    {
        background-color: #3b3b3b!important;
    }

    .dark-skin .btn-primary.active
    {
        background-color: #000!important;
    }

.dark-skin .btn-secondary
{
    background: #3F729B;
}

    .dark-skin .btn-secondary:focus, .dark-skin .btn-secondary:hover
    {
        background-color: #467fad!important;
    }

    .dark-skin .btn-secondary.active
    {
        background-color: #223d52!important;
    }

.dark-skin .btn-default, .dark-skin .card .btn-action
{
    background: #676767;
}

    .dark-skin .btn-default:focus, .dark-skin .btn-default:hover, .dark-skin .card .btn-action:focus, .dark-skin .card .btn-action:hover
    {
        background-color: #747474!important;
    }

    .dark-skin .btn-default.active, .dark-skin .card .btn-action.active
    {
        background-color: #343434!important;
    }

.dark-skin .btn-primary-outline
{
    border: 2px solid #2E2E2E;
    color: #2E2E2E!important;
}

.dark-skin .btn-secondary-outline
{
    border: 2px solid #3F729B;
    color: #3F729B!important;
}

.dark-skin .btn-default-outline
{
    border: 2px solid #676767;
    color: #676767!important;
}

.dark-skin .dropdown-content li:not(.disabled) span, .dark-skin .md-form .prefix.active, .dark-skin input[type=email]:focus:not([readonly]) + label, .dark-skin input[type=text]:focus:not([readonly]) + label, .dark-skin input[type=password]:focus:not([readonly]) + label, .dark-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #2E2E2E;
}

.dark-skin input[type=email]:focus:not([readonly]), .dark-skin input[type=text]:focus:not([readonly]), .dark-skin input[type=password]:focus:not([readonly]), .dark-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #2E2E2E;
    box-shadow: 0 1px 0 0 #2E2E2E;
}

.dark-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #2E2E2E;
    border-bottom: 2px solid #2E2E2E;
}

.dark-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.dark-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #2E2E2E;
    border-color: #2E2E2E;
}

.dark-skin .card-header, .dark-skin .carousel-multi-item .carousel-indicators li, .dark-skin .carousel-multi-item .carousel-indicators li.active, .dark-skin .carousel-multi-item .controls-top > a, .dark-skin .form-header, .dark-skin .tag, .dark-skin .top-nav-collapse
{
    background-color: #3b3b3b;
}

.grey-skin .primary-color, .grey-skin .stepper li.active a .circle, .grey-skin .stepper li.completed a .circle, .stepper li.active a .grey-skin .circle, .stepper li.completed a .grey-skin .circle
{
    background-color: #4B515D!important;
}

.grey-skin .navbar
{
    background-color: #565d6b;
}

.grey-skin .page-footer
{
    background-color: #40454f;
}

.grey-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/grey.jpg) center center no-repeat;
    background-size: cover;
}

.grey-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #292c33;
}

.grey-skin .side-nav .social a:hover
{
    background-color: #40454f;
    transition: all .3s linear;
}

.grey-skin .side-nav .collapsible li a:hover, .grey-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.grey-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .grey-skin .side-nav .collapsible li a.active
    {
        background-color: #40454f;
    }

    .grey-skin .side-nav .collapsible li a:hover
    {
        background-color: #40454f;
        transition: all .3s linear;
    }

.grey-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.grey-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #565d6b;
}

.grey-skin .btn-primary
{
    background: #4B515D;
}

    .grey-skin .btn-primary:focus, .grey-skin .btn-primary:hover
    {
        background-color: #565d6b!important;
    }

    .grey-skin .btn-primary.active
    {
        background-color: #1d2025!important;
    }

.grey-skin .btn-secondary
{
    background: #3F729B;
}

    .grey-skin .btn-secondary:focus, .grey-skin .btn-secondary:hover
    {
        background-color: #467fad!important;
    }

    .grey-skin .btn-secondary.active
    {
        background-color: #223d52!important;
    }

.grey-skin .btn-default, .grey-skin .card .btn-action
{
    background: #17202F;
}

    .grey-skin .btn-default:focus, .grey-skin .btn-default:hover, .grey-skin .card .btn-action:focus, .grey-skin .card .btn-action:hover
    {
        background-color: #1f2c40!important;
    }

    .grey-skin .btn-default.active, .grey-skin .card .btn-action.active
    {
        background-color: #000!important;
    }

.grey-skin .btn-primary-outline
{
    border: 2px solid #4B515D;
    color: #4B515D!important;
}

.grey-skin .btn-secondary-outline
{
    border: 2px solid #3F729B;
    color: #3F729B!important;
}

.grey-skin .btn-default-outline
{
    border: 2px solid #17202F;
    color: #17202F!important;
}

.grey-skin .dropdown-content li:not(.disabled) span, .grey-skin .md-form .prefix.active, .grey-skin input[type=email]:focus:not([readonly]) + label, .grey-skin input[type=text]:focus:not([readonly]) + label, .grey-skin input[type=password]:focus:not([readonly]) + label, .grey-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #4B515D;
}

.grey-skin input[type=email]:focus:not([readonly]), .grey-skin input[type=text]:focus:not([readonly]), .grey-skin input[type=password]:focus:not([readonly]), .grey-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #4B515D;
    box-shadow: 0 1px 0 0 #4B515D;
}

.grey-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #4B515D;
    border-bottom: 2px solid #4B515D;
}

.grey-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.grey-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #4B515D;
    border-color: #4B515D;
}

.grey-skin .card-header, .grey-skin .carousel-multi-item .carousel-indicators li, .grey-skin .carousel-multi-item .carousel-indicators li.active, .grey-skin .carousel-multi-item .controls-top > a, .grey-skin .form-header, .grey-skin .tag, .grey-skin .top-nav-collapse
{
    background-color: #565d6b;
}

.mdb-skin .primary-color, .mdb-skin .stepper li.active a .circle, .mdb-skin .stepper li.completed a .circle, .stepper li.active a .mdb-skin .circle, .stepper li.completed a .mdb-skin .circle
{
    background-color: #3F729B!important;
}

.mdb-skin .navbar
{
    background-color: #3f729b;
}

.mdb-skin .page-footer
{
    background-color: #294a65;
}

.mdb-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/mdb.jpg) center center no-repeat;
    background-size: cover;
}

.mdb-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #294a65;
}

.mdb-skin .side-nav .social a:hover
{
    background-color: #294a65;
    transition: all .3s linear;
}

.mdb-skin .side-nav .collapsible li a:hover, .mdb-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.mdb-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .mdb-skin .side-nav .collapsible li a.active
    {
        background-color: #294a65;
    }

    .mdb-skin .side-nav .collapsible li a:hover
    {
        background-color: #294a65;
        transition: all .3s linear;
    }

.mdb-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.mdb-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #3f729b;
}

.mdb-skin .btn-primary
{
    background: #3F729B;
}

    .mdb-skin .btn-primary:focus, .mdb-skin .btn-primary:hover
    {
        background-color: #467fad!important;
    }

    .mdb-skin .btn-primary.active
    {
        background-color: #223d52!important;
    }

.mdb-skin .btn-secondary
{
    background: #1C2331;
}

    .mdb-skin .btn-secondary:focus, .mdb-skin .btn-secondary:hover
    {
        background-color: #252f41!important;
    }

    .mdb-skin .btn-secondary.active
    {
        background-color: #000!important;
    }

.mdb-skin .btn-default, .mdb-skin .card .btn-action
{
    background: #154771;
}

    .mdb-skin .btn-default:focus, .mdb-skin .btn-default:hover, .mdb-skin .card .btn-action:focus, .mdb-skin .card .btn-action:hover
    {
        background-color: #195587!important;
    }

    .mdb-skin .btn-default.active, .mdb-skin .card .btn-action.active
    {
        background-color: #05111b!important;
    }

.mdb-skin .btn-primary-outline
{
    border: 2px solid #3F729B;
    color: #3F729B!important;
}

.mdb-skin .btn-secondary-outline
{
    border: 2px solid #1C2331;
    color: #1C2331!important;
}

.mdb-skin .btn-default-outline
{
    border: 2px solid #154771;
    color: #154771!important;
}

.mdb-skin .dropdown-content li:not(.disabled) span, .mdb-skin .md-form .prefix.active, .mdb-skin input[type=email]:focus:not([readonly]) + label, .mdb-skin input[type=text]:focus:not([readonly]) + label, .mdb-skin input[type=password]:focus:not([readonly]) + label, .mdb-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #3F729B;
}

.mdb-skin input[type=email]:focus:not([readonly]), .mdb-skin input[type=text]:focus:not([readonly]), .mdb-skin input[type=password]:focus:not([readonly]), .mdb-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #3F729B;
    box-shadow: 0 1px 0 0 #3F729B;
}

.mdb-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #3F729B;
    border-bottom: 2px solid #3F729B;
}

.mdb-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.mdb-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #3F729B;
    border-color: #3F729B;
}

.mdb-skin .card-header, .mdb-skin .carousel-multi-item .carousel-indicators li, .mdb-skin .carousel-multi-item .carousel-indicators li.active, .mdb-skin .carousel-multi-item .controls-top > a, .mdb-skin .form-header, .mdb-skin .tag, .mdb-skin .top-nav-collapse
{
    background-color: #3f729b;
}

.deep-orange-skin .primary-color, .deep-orange-skin .stepper li.active a .circle, .deep-orange-skin .stepper li.completed a .circle, .stepper li.active a .deep-orange-skin .circle, .stepper li.completed a .deep-orange-skin .circle
{
    background-color: #8A1A00!important;
}

.deep-orange-skin .navbar, .deep-orange-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #8a1a00;
}

.deep-orange-skin .page-footer
{
    background-color: #3e0c00;
}

.deep-orange-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/deep-orange.jpg) center center no-repeat;
    background-size: cover;
}

.deep-orange-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #3e0c00;
}

.deep-orange-skin .side-nav .social a:hover
{
    background-color: #711500;
    transition: all .3s linear;
}

.deep-orange-skin .side-nav .collapsible li a:hover, .deep-orange-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.deep-orange-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .deep-orange-skin .side-nav .collapsible li a.active
    {
        background-color: #711500;
    }

    .deep-orange-skin .side-nav .collapsible li a:hover
    {
        background-color: #711500;
        transition: all .3s linear;
    }

.deep-orange-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.deep-orange-skin .btn-primary
{
    background: #8A1A00;
}

    .deep-orange-skin .btn-primary:focus, .deep-orange-skin .btn-primary:hover
    {
        background-color: #a41f00!important;
    }

    .deep-orange-skin .btn-primary.active
    {
        background-color: #240700!important;
    }

.deep-orange-skin .btn-secondary
{
    background: #DD6000;
}

    .deep-orange-skin .btn-secondary:focus, .deep-orange-skin .btn-secondary:hover
    {
        background-color: #f76b00!important;
    }

    .deep-orange-skin .btn-secondary.active
    {
        background-color: #773400!important;
    }

.deep-orange-skin .btn-default, .deep-orange-skin .card .btn-action
{
    background: #830012;
}

    .deep-orange-skin .btn-default:focus, .deep-orange-skin .btn-default:hover, .deep-orange-skin .card .btn-action:focus, .deep-orange-skin .card .btn-action:hover
    {
        background-color: #9c0016!important;
    }

    .deep-orange-skin .btn-default.active, .deep-orange-skin .card .btn-action.active
    {
        background-color: #1d0004!important;
    }

.deep-orange-skin .btn-primary-outline
{
    border: 2px solid #8A1A00;
    color: #8A1A00!important;
}

.deep-orange-skin .btn-secondary-outline
{
    border: 2px solid #DD6000;
    color: #DD6000!important;
}

.deep-orange-skin .btn-default-outline
{
    border: 2px solid #830012;
    color: #830012!important;
}

.deep-orange-skin .dropdown-content li:not(.disabled) span, .deep-orange-skin .md-form .prefix.active, .deep-orange-skin input[type=email]:focus:not([readonly]) + label, .deep-orange-skin input[type=text]:focus:not([readonly]) + label, .deep-orange-skin input[type=password]:focus:not([readonly]) + label, .deep-orange-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #8A1A00;
}

.deep-orange-skin input[type=email]:focus:not([readonly]), .deep-orange-skin input[type=text]:focus:not([readonly]), .deep-orange-skin input[type=password]:focus:not([readonly]), .deep-orange-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #8A1A00;
    box-shadow: 0 1px 0 0 #8A1A00;
}

.deep-orange-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #8A1A00;
    border-bottom: 2px solid #8A1A00;
}

.deep-orange-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.deep-orange-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #8A1A00;
    border-color: #8A1A00;
}

.deep-orange-skin .card-header, .deep-orange-skin .carousel-multi-item .carousel-indicators li, .deep-orange-skin .carousel-multi-item .carousel-indicators li.active, .deep-orange-skin .carousel-multi-item .controls-top > a, .deep-orange-skin .form-header, .deep-orange-skin .tag, .deep-orange-skin .top-nav-collapse
{
    background-color: #8a1a00;
}

.graphite-skin .primary-color, .graphite-skin .stepper li.active a .circle, .graphite-skin .stepper li.completed a .circle, .stepper li.active a .graphite-skin .circle, .stepper li.completed a .graphite-skin .circle
{
    background-color: #37474F!important;
}

.graphite-skin .navbar, .graphite-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #37474f;
}

.graphite-skin .page-footer
{
    background-color: #2d3940;
}

.graphite-skin .side-nav .logo-wrapper
{
    background: url(http://mdbootstrap.com/images/sidenavs/graphite.jpg) center center no-repeat;
    background-size: cover;
}

.graphite-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #181e22;
}

.graphite-skin .side-nav .social a:hover
{
    background-color: #2d3940;
    transition: all .3s linear;
}

.graphite-skin .side-nav .collapsible li a:hover, .graphite-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.graphite-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .graphite-skin .side-nav .collapsible li a.active
    {
        background-color: #2d3940;
    }

    .graphite-skin .side-nav .collapsible li a:hover
    {
        background-color: #2d3940;
        transition: all .3s linear;
    }

.graphite-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.graphite-skin .btn-primary
{
    background: #37474F;
}

    .graphite-skin .btn-primary:focus, .graphite-skin .btn-primary:hover
    {
        background-color: #41555e!important;
    }

    .graphite-skin .btn-primary.active
    {
        background-color: #0d1113!important;
    }

.graphite-skin .btn-secondary
{
    background: #453D55;
}

    .graphite-skin .btn-secondary:focus, .graphite-skin .btn-secondary:hover
    {
        background-color: #514864!important;
    }

    .graphite-skin .btn-secondary.active
    {
        background-color: #15121a!important;
    }

.graphite-skin .btn-default, .graphite-skin .card .btn-action
{
    background: #154771;
}

    .graphite-skin .btn-default:focus, .graphite-skin .btn-default:hover, .graphite-skin .card .btn-action:focus, .graphite-skin .card .btn-action:hover
    {
        background-color: #195587!important;
    }

    .graphite-skin .btn-default.active, .graphite-skin .card .btn-action.active
    {
        background-color: #05111b!important;
    }

.graphite-skin .btn-primary-outline
{
    border: 2px solid #37474F;
    color: #37474F!important;
}

.graphite-skin .btn-secondary-outline
{
    border: 2px solid #453D55;
    color: #453D55!important;
}

.graphite-skin .btn-default-outline
{
    border: 2px solid #154771;
    color: #154771!important;
}

.graphite-skin .dropdown-content li:not(.disabled) span, .graphite-skin .md-form .prefix.active, .graphite-skin input[type=email]:focus:not([readonly]) + label, .graphite-skin input[type=text]:focus:not([readonly]) + label, .graphite-skin input[type=password]:focus:not([readonly]) + label, .graphite-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #37474F;
}

.graphite-skin input[type=email]:focus:not([readonly]), .graphite-skin input[type=text]:focus:not([readonly]), .graphite-skin input[type=password]:focus:not([readonly]), .graphite-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #37474F;
    box-shadow: 0 1px 0 0 #37474F;
}

.graphite-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #37474F;
    border-bottom: 2px solid #37474F;
}

.graphite-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.graphite-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #37474F;
    border-color: #37474F;
}

.graphite-skin .carousel-multi-item .carousel-indicators li, .graphite-skin .carousel-multi-item .carousel-indicators li.active, .graphite-skin .carousel-multi-item .controls-top > a, .graphite-skin .top-nav-collapse
{
    background-color: #37474f;
}

.graphite-skin .card-header, .graphite-skin .form-header, .graphite-skin .tag
{
    background-color: #3b4c55;
}

.pink-skin .primary-color, .pink-skin .stepper li.active a .circle, .pink-skin .stepper li.completed a .circle, .stepper li.active a .pink-skin .circle, .stepper li.completed a .pink-skin .circle
{
    background-color: #880e4f!important;
}

.pink-skin .navbar
{
    background-color: #ab1550;
}

.pink-skin .page-footer
{
    background-color: #7e103b;
}

.pink-skin .side-nav .logo-wrapper
{
    background: url("http://mdbootstrap.com/images/regular/nature/img%20(73).jpg") center center no-repeat;
    background-size: cover;
}

.pink-skin .side-nav .sn-avatar-wrapper img
{
    border: 3px solid #7e103b;
}

.pink-skin .side-nav .social a:hover
{
    background-color: #951246;
    transition: all .3s linear;
}

.pink-skin .side-nav .collapsible li a:hover, .pink-skin .side-nav .social a:hover
{
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.pink-skin .side-nav .collapsible li
{
    background-color: transparent;
}

    .pink-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover, .pink-skin .side-nav .collapsible li a.active
    {
        background-color: #ab1550;
    }

    .pink-skin .side-nav .collapsible li a:hover
    {
        background-color: #ab1550;
        transition: all .3s linear;
    }

.pink-skin .side-nav .fa
{
    color: rgba(227,242,253,.64);
}

.pink-skin .dropdown-content li:not(.disabled) span, .pink-skin .md-form .prefix.active, .pink-skin input[type=email]:focus:not([readonly]) + label, .pink-skin input[type=text]:focus:not([readonly]) + label, .pink-skin input[type=password]:focus:not([readonly]) + label, .pink-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #c2185b;
}

.pink-skin .btn-primary
{
    background: #c2185b;
}

    .pink-skin .btn-primary:focus, .pink-skin .btn-primary:hover
    {
        background-color: #d91b66!important;
    }

    .pink-skin .btn-primary.active
    {
        background-color: #670d30!important;
    }

.pink-skin .btn-secondary
{
    background: #303f9f;
}

    .pink-skin .btn-secondary:focus, .pink-skin .btn-secondary:hover
    {
        background-color: #3647b3!important;
    }

    .pink-skin .btn-secondary.active
    {
        background-color: #182051!important;
    }

.pink-skin .btn-default, .pink-skin .card .btn-action
{
    background: #21109C;
}

    .pink-skin .btn-default:focus, .pink-skin .btn-default:hover, .pink-skin .card .btn-action:focus, .pink-skin .card .btn-action:hover
    {
        background-color: #2612b3!important;
    }

    .pink-skin .btn-default.active, .pink-skin .card .btn-action.active
    {
        background-color: #0d073f!important;
    }

.pink-skin input[type=email]:focus:not([readonly]), .pink-skin input[type=text]:focus:not([readonly]), .pink-skin input[type=password]:focus:not([readonly]), .pink-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #c2185b;
    box-shadow: 0 1px 0 0 #c2185b;
}

.pink-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #c2185b;
    border-bottom: 2px solid #c2185b;
}

.pink-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.pink-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #c2185b;
    border-color: #c2185b;
}

.pink-skin .carousel-multi-item .carousel-indicators li, .pink-skin .carousel-multi-item .carousel-indicators li.active, .pink-skin .carousel-multi-item .controls-top > a, .pink-skin .top-nav-collapse
{
    background-color: #c2185b;
}

.pink-skin .card-header, .pink-skin .form-header, .pink-skin .tag
{
    background-color: #cb195f;
}

.light-grey-skin .primary-color, .light-grey-skin .stepper li.active a .circle, .light-grey-skin .stepper li.completed a .circle, .stepper li.active a .light-grey-skin .circle, .stepper li.completed a .light-grey-skin .circle
{
    background-color: #353535!important;
}

.light-grey-skin .navbar
{
    background-color: #686868;
}

.light-grey-skin .page-footer
{
    background-color: #4f4f4f;
}

.light-grey-skin .side-nav
{
    background-color: #686868;
}

    .light-grey-skin .side-nav .logo-wrapper
    {
        background: url("http://mdbootstrap.com/images/regular/nature/img%20(32).jpg") center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .light-grey-skin .side-nav .sn-avatar-wrapper img
    {
        border: 3px solid #4f4f4f;
    }

    .light-grey-skin .side-nav .social a:hover
    {
        background-color: #5c5c5c;
        transition: all .3s linear;
    }

    .light-grey-skin .side-nav .collapsible li a:hover, .light-grey-skin .side-nav .social a:hover
    {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
    }

    .light-grey-skin .side-nav .collapsible li
    {
        background-color: transparent;
    }

        .light-grey-skin .side-nav .collapsible li a.active
        {
            background-color: #4f4f4f;
        }

        .light-grey-skin .side-nav .collapsible li a:hover
        {
            background-color: #424242;
            transition: all .3s linear;
        }

    .light-grey-skin .side-nav .fa
    {
        color: rgba(227,242,253,.64);
    }

.light-grey-skin .dropdown-content li:not(.disabled) span, .light-grey-skin .md-form .prefix.active, .light-grey-skin input[type=email]:focus:not([readonly]) + label, .light-grey-skin input[type=text]:focus:not([readonly]) + label, .light-grey-skin input[type=password]:focus:not([readonly]) + label, .light-grey-skin textarea.md-textarea:focus:not([readonly]) + label
{
    color: #757575;
}

.light-grey-skin .navbar .navbar-nav .dropdown .dropdown-primary .dropdown-item:hover
{
    background-color: #686868;
}

.light-grey-skin .btn-primary
{
    background: #353535;
}

    .light-grey-skin .btn-primary:focus, .light-grey-skin .btn-primary:hover
    {
        background-color: #424242!important;
    }

    .light-grey-skin .btn-primary.active
    {
        background-color: #020202!important;
    }

.light-grey-skin .btn-secondary
{
    background: #3F729B;
}

    .light-grey-skin .btn-secondary:focus, .light-grey-skin .btn-secondary:hover
    {
        background-color: #467fad!important;
    }

    .light-grey-skin .btn-secondary.active
    {
        background-color: #223d52!important;
    }

.light-grey-skin .btn-default, .light-grey-skin .card .btn-action
{
    background: #0F0F0F;
}

    .light-grey-skin .btn-default:focus, .light-grey-skin .btn-default:hover, .light-grey-skin .card .btn-action:focus, .light-grey-skin .card .btn-action:hover
    {
        background-color: #1c1c1c!important;
    }

    .light-grey-skin .btn-default.active, .light-grey-skin .card .btn-action.active
    {
        background-color: #000!important;
    }

.light-grey-skin input[type=email]:focus:not([readonly]), .light-grey-skin input[type=text]:focus:not([readonly]), .light-grey-skin input[type=password]:focus:not([readonly]), .light-grey-skin textarea.md-textarea:focus:not([readonly])
{
    border-color: #757575;
    box-shadow: 0 1px 0 0 #757575;
}

.light-grey-skin input[type=checkbox]:checked + label:before
{
    border-right: 2px solid #757575;
    border-bottom: 2px solid #757575;
}

.light-grey-skin input[type=checkbox].filled-in:checked + label:before
{
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.light-grey-skin input[type=checkbox].filled-in:checked + label:after
{
    background-color: #757575;
    border-color: #757575;
}

.light-grey-skin .carousel-multi-item .carousel-indicators li, .light-grey-skin .carousel-multi-item .carousel-indicators li.active, .light-grey-skin .carousel-multi-item .controls-top > a, .light-grey-skin .top-nav-collapse
{
    background-color: #757575;
}

.light-grey-skin .card-header, .light-grey-skin .form-header, .light-grey-skin .tag
{
    background-color: #7a7a7a;
}

.chip
{
    font-size: 13px;
    color: rgba(0,0,0,.6);
    padding: 0 12px;
    border-radius: 16px;
    background-color: #eceff1;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

    .chip img
    {
        float: left;
        margin: 0 8px 0 -12px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
    }

    .chip .close
    {
        cursor: pointer;
        float: right;
        font-size: 16px;
        line-height: 32px;
        padding-left: 8px;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -o-transition: all .1s linear;
        -ms-transition: all .1s linear;
        transition: all .1s linear;
    }

.chips
{
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    margin-bottom: 30px;
    min-height: 45px;
    outline: 0;
    padding-bottom: 1rem;
    transition: all .3s;
}

    .chips.focus
    {
        border-bottom: 1px solid #4285F4;
        box-shadow: 0 1px 0 0 #4285F4;
    }

    .chips:hover
    {
        cursor: text;
    }

    .chips .tag.selected
    {
        border-bottom: 1px solid #4285F4;
        color: #fff;
    }

    .chips .input
    {
        background: 0 0;
        border: 0;
        color: rgba(0,0,0,.6);
        font-size: 13px;
        margin-right: 20px;
        outline: 0;
        padding: 0!important;
        width: 120px!important;
    }

        .chips .input:focus
        {
            border: 0!important;
            box-shadow: none!important;
        }

.parallax
{
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
    -webkit-perspective-origin-x: 100%;
    perspective-origin-x: 100%;
    padding: 0;
    margin: 0;
}

.parallax-section
{
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: auto;
}

.parallax-layer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform-origin-x: 100%;
    transform-origin-x: 100%;
}

.stepper-horizontal, .stepper-vertical, .stepper-vertical li, .stepper-vertical li a
{
    display: flex;
    position: relative;
}

.parallax-layer-front
{
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 1;
}

.parallax-layer-base
{
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
}

.parallax-layer-back
{
    -webkit-transform: translateZ(-200px) scale(2);
    transform: translateZ(-200px) scale(2);
    z-index: 3;
    margin-left: -10px;
}

.parallax-layer-deep
{
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
    z-index: 2;
}

.stepper li a
{
    padding: 24px;
    font-size: 14px;
}

    .stepper li a .circle
    {
        display: inline-block;
        color: #fff;
        border-radius: 50%;
        background: rgba(0,0,0,.38);
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin-right: 8px;
    }

    .stepper li a .label
    {
        display: inline-block;
        color: rgba(0,0,0,.38);
    }

.stepper li.active a .label, .stepper li.completed a .label
{
    font-weight: 600;
    color: rgba(0,0,0,.87);
}

.stepper-horizontal
{
    justify-content: space-between;
}

    .stepper-horizontal li
    {
        display: flex;
        align-items: center;
        flex: 1;
    }

        .stepper-horizontal li a .label
        {
            margin-top: 10px;
        }

        .stepper-horizontal li:not(:first-child):before, .stepper-horizontal li:not(:last-child):after
        {
            content: '';
            position: relative;
            flex: 1;
            margin: 0;
            height: 1px;
            background-color: rgba(0,0,0,.1);
        }

        .stepper-horizontal li:hover
        {
            background: #ddd;
        }

.stepper-vertical
{
    flex-direction: column;
    justify-content: space-between;
}

    .stepper-vertical li
    {
        align-items: center;
        flex: 1;
        flex-direction: column;
    }

        .stepper-vertical li a
        {
            align-self: flex-start;
        }

            .stepper-vertical li a .circle
            {
                order: 1;
            }

            .stepper-vertical li a .label
            {
                flex-flow: column nowrap;
                order: 2;
            }

        .stepper-vertical li.completed a .label
        {
            font-weight: 500;
        }

        .stepper-vertical li .step-content
        {
            display: block;
            margin-top: 0;
            margin-left: 50px;
            padding: 15px;
        }

            .stepper-vertical li .step-content p
            {
                font-size: .875rem;
            }

        .stepper-vertical li:not(:last-child):after
        {
            content: " ";
            position: absolute;
            width: 1px;
            height: calc(100% - 40px);
            left: 35px;
            top: 55px;
            background-color: rgba(0,0,0,.1);
        }

.picker
{
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
    color: #000;
    position: absolute;
    z-index: 10000;
    user-select: none;
}

.clockpicker-plate, .picker
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.picker__header, .picker__table, .picker__table td, .picker__table th
{
    text-align: center;
}

.picker__input
{
    cursor: default;
}

.picker__holder
{
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    -webkit-transition: background .15s ease-out,top 0s .15s;
    -moz-transition: background .15s ease-out,top 0s .15s;
    transition: background .15s ease-out,top 0s .15s;
    -webkit-backface-visibility: hidden;
}
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__frame, .picker__holder
{
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
}

.picker__frame
{
    position: absolute;
    min-width: 256px;
    width: 300px;
    max-height: 350px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

@media (min-height:40.125em)
{
    .picker__frame
    {
        margin-bottom: 7.5%;
    }
}

.picker__wrap
{
    display: table;
    width: 100%;
    height: 100%;
}

@media (min-height:28.875em)
{
    .picker__frame
    {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%;
    }

    .picker__wrap
    {
        display: block;
    }
}

.picker__box
{
    background: #fff;
    display: table-cell;
    padding: 0;
}

@media (min-height:28.875em)
{
    .picker__box
    {
        display: block;
        border: 1px solid #777;
        border-top-color: #898989;
        border-bottom-width: 0;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24);
        -moz-box-shadow: 0 12px 36px 16px rgba(0,0,0,.24);
        box-shadow: 0 12px 36px 16px rgba(0,0,0,.24);
    }
}

.picker--opened .picker__holder
{
    top: 0;
    zoom: 1;
    background: rgba(0,0,0,.32);
    -webkit-transition: background .15s ease-out;
    -moz-transition: background .15s ease-out;
    transition: background .15s ease-out;
}

.picker--opened .picker__frame
{
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media (min-height:35.875em)
{
    .picker--opened .picker__frame
    {
        top: 10%;
        bottom: 20%auto;
    }
}

.picker__input.picker__input--active
{
    border-color: #E3F2FD;
}

.picker__frame
{
    margin: 0 auto;
    max-width: 325px;
}

@media (min-height:38.875em)
{
    .picker--opened .picker__frame
    {
        top: 10%;
        bottom: auto;
    }
}

.picker__header
{
    position: relative;
    margin-bottom: 20px;
}

.picker__month, .picker__year
{
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em;
}

.picker__select--month, .picker__select--year
{
    height: 2em;
    padding: 0;
    margin-left: .25em;
    margin-right: .25em;
}

    .picker__select--month.browser-default
    {
        display: inline;
        background-color: #FFF;
        width: 40%;
    }

    .picker__select--year.browser-default
    {
        display: inline;
        background-color: #FFF;
        width: 25%;
    }

    .picker__select--month:focus, .picker__select--year:focus
    {
        border-color: rgba(0,0,0,.05);
    }

.picker__nav--next, .picker__nav--prev
{
    position: absolute;
    padding: .5em 1.55em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    bottom: 0;
}

.picker__nav--prev
{
    left: -1em;
    padding-right: 1.25em;
}

.picker__nav--next
{
    right: -1em;
    padding-left: 1.25em;
}

.picker__nav--disabled, .picker__nav--disabled:before, .picker__nav--disabled:before:hover, .picker__nav--disabled:hover
{
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
}

.picker__table
{
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 1rem;
    width: 100%;
}

    .picker__table td
    {
        margin: 0;
        padding: 0;
    }

.picker__weekday
{
    width: 14.285714286%;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500;
}

@media (min-height:33.875em)
{
    .picker__weekday
    {
        padding-bottom: .5em;
    }
}

.picker__day--today
{
    position: relative;
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent;
}

.picker__day--disabled:before
{
    border-top-color: #aaa;
}

.picker__day--infocus:hover
{
    cursor: pointer;
    color: #000;
    font-weight: 500;
}

.picker__day--outfocus
{
    display: none;
    padding: .75rem 0;
    color: #fff;
}

    .picker__day--outfocus:hover
    {
        cursor: pointer;
        color: #ddd;
        font-weight: 500;
    }

.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover
{
    cursor: pointer;
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover
{
    background: #0089ec;
}

.picker--focused .picker__day--disabled, .picker__day--disabled, .picker__day--disabled:hover
{
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default;
}

.picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover
{
    background: #bbb;
}

.picker__footer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.picker__button--clear, .picker__button--close, .picker__button--today
{
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: 1rem 0 .7rem;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase;
}

    .picker__button--clear:hover, .picker__button--close:hover, .picker__button--today:hover
    {
        cursor: pointer;
        color: #000;
        background: #b1dcfb;
        border-bottom-color: #b1dcfb;
    }

    .picker__button--clear:focus, .picker__button--close:focus, .picker__button--today:focus
    {
        background: #b1dcfb;
        border-color: rgba(0,0,0,.05);
        outline: 0;
    }

    .picker__button--clear:before, .picker__button--close:before, .picker__button--today:before
    {
        position: relative;
        display: inline-block;
        height: 0;
    }

    .picker__button--clear:before, .picker__button--today:before
    {
        content: " ";
        margin-right: .45em;
    }

    .picker__button--today:before
    {
        top: -.05em;
        width: 0;
        border-top: .66em solid #0059bc;
        border-left: .66em solid transparent;
    }

    .picker__button--clear:before
    {
        top: -.25em;
        width: .66em;
        border-top: 3px solid #e20;
    }

    .picker__button--close:before
    {
        content: "\D7";
        top: -.1em;
        vertical-align: top;
        font-size: 1.1em;
        margin-right: .35em;
        color: #777;
    }

    .picker__button--today[disabled], .picker__button--today[disabled]:hover
    {
        background: #f5f5f5;
        border-color: #f5f5f5;
        color: #ddd;
        cursor: default;
    }

        .picker__button--today[disabled]:before
        {
            border-top-color: #aaa;
        }

.picker__box
{
    border-radius: 2px;
    overflow: hidden;
}

.picker__date-display
{
    text-align: center;
    background-color: #4285F4;
    color: #fff;
    padding-bottom: 15px;
    font-weight: 300;
    margin-bottom: 1rem;
}

.picker__nav--next:hover, .picker__nav--prev:hover
{
    cursor: pointer;
    color: #000;
    background: #ecf2fc;
}

.picker__weekday-display
{
    background-color: #206ff2;
    padding: 10px;
    font-weight: 200;
    letter-spacing: .5;
    font-size: 1rem;
    margin-bottom: 15px;
}

.picker__month-display
{
    text-transform: uppercase;
    font-size: 2rem;
}

.picker__day-display
{
    font-size: 4.5rem;
    font-weight: 400;
}

.picker__year-display
{
    font-size: 1.8rem;
    color: rgba(255,255,255,.4);
}

.picker__calendar-container
{
    padding: 0 1rem;
}

    .picker__calendar-container thead
    {
        border: none;
    }

.picker__table
{
    margin-top: 0;
    margin-bottom: .5em;
}

.picker__day--infocus
{
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent;
}

.picker__list-item--highlighted, .picker__list-item:hover
{
    z-index: 10;
    border-color: #0089ec;
}

.picker__day.picker__day--today
{
    color: #4285F4;
}

    .picker__day.picker__day--today.picker__day--selected
    {
        color: #fff;
    }

.picker__weekday
{
    font-size: .9rem;
}

.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover
{
    border-radius: 50%;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    background-color: #4285F4;
    color: #fff;
}

    .picker--focused .picker__day--selected.picker__day--outfocus, .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, button.picker__clear:focus, button.picker__close:focus, button.picker__today:focus
    {
        background-color: #ecf2fc;
    }

.picker__footer
{
    text-align: right;
    padding: 5px 10px;
}

.clockpicker-tick, .comments-list h4, .reply-form h4
{
    text-align: center;
}

.picker__close, .picker__today
{
    font-size: 1.1rem;
    padding: 0;
    color: #4285F4;
}

.picker__nav--next:before, .picker__nav--prev:before
{
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #676767;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto;
}

.picker__nav--next:before
{
    border-right: 0;
    border-left: .75em solid #676767;
}

.picker__select--month, .picker__select--year
{
    display: inline-block;
}

.picker__select--year
{
    width: 30%;
}

.picker__list
{
    list-style: none;
    padding: .75em 0 4.2em;
    margin: 0;
}

.picker__list-item
{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    background: #fff;
    padding: .75em 1.25em;
}

    .picker--focused .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker__list-item:hover
    {
        cursor: pointer;
        color: #000;
        background: #b1dcfb;
    }

@media (min-height:46.75em)
{
    .picker__list-item
    {
        padding: .5em 1em;
    }
}

.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover
{
    background: #0089ec;
    color: #fff;
    z-index: 10;
}

.picker--focused .picker__list-item--disabled, .picker__list-item--disabled, .picker__list-item--disabled:hover
{
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto;
}

.picker--time .picker__button--clear
{
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666;
}

    .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover
    {
        background: #e20;
        border-color: #e20;
        cursor: pointer;
        color: #fff;
        outline: 0;
    }

    .picker--time .picker__button--clear:before
    {
        top: -.25em;
        color: #666;
        font-size: 1.25em;
        font-weight: 700;
    }

    .picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover:before
    {
        color: #fff;
    }

.picker--time .picker__frame
{
    min-width: 256px;
    max-width: 320px;
}

.picker--time .picker__box
{
    font-size: 1em;
    background: #f2f2f2;
    padding: 0;
}

@media (min-height:40.125em)
{
    .picker--time .picker__box
    {
        margin-bottom: 5em;
    }
}
/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 *
 * Further modified
 * Copyright 2015 Ching Yaw Hao.
 *
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.clockpicker-display
{
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 85px;
    font-size: 70px;
    padding: 10px 10px 0;
    color: #b2dfdb;
}

.clockpicker-display-column
{
    float: left;
}

.clockpicker-display-am-pm
{
    padding-left: 5px;
    vertical-align: bottom;
    height: 85px;
}

.clockpicker-span-am-pm
{
    display: inline-block;
    font-size: 23px;
    line-height: 25px;
    color: #b2dfdb;
}

.clockpicker-span-hours, .clockpicker-span-minutes
{
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    -ms-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms;
    cursor: pointer;
}

@-webkit-keyframes pulse
{
    from,to
    {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
}

@-moz-keyframes pulse
{
    from,to
    {
        -moz-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50%
    {
        -moz-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
}

@-ms-keyframes pulse
{
    from,to
    {
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50%
    {
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
}

@-o-keyframes pulse
{
    from,to;

{
    -o-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

50%
{
    -o-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}

}

@keyframes pulse
{
    from,to
    {
        transform: scale3d(1,1,1);
    }

    50%
    {
        transform: scale3d(1.1,1.1,1.1);
    }
}

#click-am, #click-pm
{
    cursor: pointer;
}

.clockpicker-moving
{
    cursor: move;
}

.clockpicker-plate
{
    background-color: #eee;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    overflow: visible;
    position: relative;
    margin: 20px auto auto;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none;
}

.testimonial-card .avatar, .testimonial-card .card-up
{
    height: 120px;
    overflow: hidden;
}

.clockpicker-canvas, .clockpicker-dial
{
    width: 270px;
    height: 270px;
    position: absolute;
    left: -1px;
    top: -1px;
}

.clockpicker-minutes
{
    visibility: hidden;
}

.clockpicker-tick
{
    border-radius: 50%;
    color: #666;
    line-height: 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
    background-color: rgba(0,150,136,0);
}

    .clockpicker-tick.active, .clockpicker-tick:hover
    {
        background-color: rgba(0,150,136,.25);
    }

.clockpicker-dial
{
    -webkit-transition: -webkit-transform 350ms,opacity 350ms;
    -moz-transition: -moz-transform 350ms,opacity 350ms;
    -ms-transition: -ms-transform 350ms,opacity 350ms;
    -o-transition: -o-transform 350ms,opacity 350ms;
    transition: transform 350ms,opacity 350ms;
}

.clockpicker-dial-out
{
    opacity: 0;
}

.clockpicker-hours.clockpicker-dial-out
{
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}

.clockpicker-minutes.clockpicker-dial-out
{
    -webkit-transform: scale(.8,.8);
    -moz-transform: scale(.8,.8);
    -ms-transform: scale(.8,.8);
    -o-transform: scale(.8,.8);
    transform: scale(.8,.8);
}

.clockpicker-canvas
{
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.clockpicker-canvas-out
{
    opacity: .25;
}

.clockpicker-canvas-bearing
{
    stroke: none;
    fill: rgba(0,77,64,.75);
}

.clockpicker-canvas-fg
{
    stroke: none;
    fill: rgba(0,77,64,0);
}

    .clockpicker-canvas-fg.active
    {
        fill: rgba(0,77,64,.5);
    }

.clockpicker-canvas-bg, .clockpicker-canvas-bg-trans
{
    fill: rgba(0,150,136,.25);
}

.clockpicker-canvas-bg
{
    stroke: none;
}

.clockpicker-canvas line
{
    stroke: rgba(0,150,136,.25);
    stroke-width: 1;
    stroke-linecap: round;
}

.clockpicker-am-pm-block
{
    margin-top: -10px;
    width: 100%;
    height: 50px;
}

.clockpicker-button.am-button
{
    height: 45px;
    width: 45px;
    float: left;
}

.clockpicker-button.pm-button
{
    height: 45px;
    width: 45px;
    float: right;
}

.btn-floating.btn-flat:focus, .btn-floating.btn-flat:visited
{
    background-color: transparent;
}

.btn-floating.btn-flat:hover
{
    box-shadow: none;
}

.btn-floating.btn-flat
{
    padding: 0;
    background: #4285F4;
}

    .btn-floating.btn-flat:focus, .btn-floating.btn-flat:hover
    {
        background-color: #5a95f5!important;
    }

    .btn-floating.btn-flat.active
    {
        background-color: #0b51c5!important;
    }

    .btn-floating.btn-flat:active
    {
        background-color: rgba(0,150,136,.5);
    }

.picker__footer .clockpicker-button
{
    margin: 15px auto auto;
}

    .picker__footer .clockpicker-button:focus
    {
        background-color: transparent;
    }

    .picker__footer .clockpicker-button:active
    {
        background-color: rgba(0,150,136,.25);
    }

.darktheme .picker__box
{
    background-color: #212121;
}

.darktheme .clockpicker-plate, .darktheme .picker__date-display
{
    background-color: transparent;
}

.darktheme .clockpicker-display, .darktheme .clockpicker-span-am-pm
{
    color: #fff;
}

.darktheme #click-am.text-primary, .darktheme #click-pm.text-primary, .darktheme .clockpicker-span-hours.text-primary, .darktheme .clockpicker-span-minutes.text-primary
{
    color: #ff4081;
}

.darktheme .clockpicker-tick
{
    color: #fff;
    background-color: rgba(255,64,129,0);
}

    .darktheme .btn-floating.btn-flat.active, .darktheme .clockpicker-tick.active, .darktheme .clockpicker-tick:hover
    {
        background-color: rgba(255,64,129,.25);
    }

.darktheme .clockpicker-canvas-bearing
{
    fill: #fff;
}

.darktheme .clockpicker-canvas-fg
{
    fill: rgba(255,64,129,0);
}

    .darktheme .clockpicker-canvas-fg.active
    {
        fill: rgba(255,64,129,.5);
    }

.darktheme .clockpicker-canvas-bg, .darktheme .clockpicker-canvas-bg-trans
{
    fill: rgba(255,64,129,.25);
}

.darktheme .clockpicker-canvas line
{
    stroke: rgba(255,64,129,.25);
}

.darktheme button
{
    color: #fff;
}

.darktheme .btn-floating.btn-flat:active
{
    background-color: rgba(255,64,129,.5);
}

.darktheme .picker__footer .clockpicker-button:active
{
    background-color: rgba(255,64,129,.25);
}

#click-am.text-primary, #click-pm.text-primary, .clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary
{
    -webkit-animation-name: pulse;
    animation-name: pulse;
    color: #fff!important;
}

.author-box
{
    padding: 3rem;
}

@media (max-width:772px)
{
    .author-box
    {
        text-align: center;
    }

        .author-box img
        {
            margin-bottom: 2rem;
            display: inline;
        }
}

.comments-list, .reply-form
{
    margin-bottom: 3rem;
}

    .comments-list img, .reply-form img
    {
        max-width: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
    }

    .comments-list .row, .reply-form .row
    {
        margin-bottom: 2rem;
    }

    .comments-list .user-name, .reply-form .user-name
    {
        color: #000;
    }

    .comments-list .comment-date, .reply-form .comment-date
    {
        color: #666;
    }

    .comments-list .comment-text, .reply-form .comment-text
    {
        color: #9e9e9e;
    }

@media (max-width:543px)
{
    .comments-list, .reply-form
    {
        text-align: center;
    }

        .comments-list img, .reply-form img
        {
            display: inline;
            margin-bottom: 1rem;
        }

        .comments-list .md-form, .reply-form .md-form
        {
            text-align: left;
        }
}

.section-blog-fw .author-box, .section-blog-fw .jumbotron
{
    text-align: center;
}

.section-blog-fw h2
{
    margin-bottom: 1rem;
}

    .section-blog-fw h2 a
    {
        color: #424242;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
    }

        .section-blog-fw h2 a:hover
        {
            color: #616161;
            transition: .2s;
        }

        .magazine-section .single-news a:hover, .section-blog-fw h2 a:hover
        {
            -webkit-transition: .2s;
            -moz-transition: .2s;
            -o-transition: .2s;
            -ms-transition: .2s;
        }

.section-blog-fw .excerpt, .section-blog-fw .post-text
{
    margin-left: 10%;
    margin-right: 10%;
    text-align: justify;
}

.feature-box, .pricing-card, .testimonial-card .card-block, .testimonial-carousel
{
    text-align: center;
}

@media (max-width:992px)
{
    .section-blog-fw .excerpt, .section-blog-fw .post-text
    {
        margin-left: 5%;
        margin-right: 5%;
    }
}

.section-blog-fw hr
{
    display: block;
}

.magazine-section .view
{
    margin-bottom: 2rem;
}

.magazine-section .single-news
{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1.5rem;
}

    .magazine-section .single-news:last-of-type
    {
        border-bottom: none;
    }

@media (max-width:772px)
{
    .magazine-section .single-news
    {
        padding-bottom: 1rem;
    }
}

.magazine-section .single-news .news-data
{
    margin-bottom: 5rem;
}

    .magazine-section .single-news .news-data h5
    {
        float: left;
    }

    .magazine-section .single-news .news-data p, .magazine-section .single-news a .fa-angle-right
    {
        float: right;
    }

.magazine-section .single-news h3
{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.magazine-section .single-news a
{
    color: #424242;
    font-weight: 400;
    margin-bottom: 1rem;
}

    .magazine-section .single-news a:hover
    {
        color: #616161;
        transition: .2s;
    }

.magazine-section .single-news p
{
    color: #757575;
}

.magazine-section.multi-columns h5
{
    margin-bottom: 1.5rem;
    text-align: center;
}

.magazine-section.multi-columns .view
{
    margin-bottom: 2rem;
}

.magazine-section.multi-columns .single-news
{
    padding-bottom: 1rem;
}

    .magazine-section.multi-columns .single-news strong
    {
        font-size: 1.2rem;
    }

.pricing-card .header
{
    color: #fff;
}

.pricing-card .price
{
    position: relative;
    padding-top: 3rem;
}

    .pricing-card .price h1
    {
        font-size: 5rem;
        padding: 1.5rem;
    }

        .pricing-card .price h1:before
        {
            content: "$";
            font-size: 30px;
            position: absolute;
            margin-left: -1.2rem;
            margin-top: .7rem;
        }

        .pricing-card .price h1:after
        {
            content: "/mo";
            font-size: 30px;
            position: absolute;
            margin-top: 3rem;
        }

    .pricing-card .price .version
    {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: rgba(0,0,0,.3);
        padding: 1rem;
    }

        .pricing-card .price .version h5
        {
            padding: 0;
            margin: 0;
        }

.pricing-card .striped
{
    padding: .6rem;
}

.naked-card .price, .pricing-card.card-overlay .price
{
    padding-top: 0;
}

.pricing-card .striped .fa
{
    margin-right: 5px;
}

.pricing-card .striped .fa-check
{
    color: green;
}

.pricing-card .striped .fa-times
{
    color: red;
}

.pricing-card .striped li
{
    border-bottom: 1px solid rgba(153,153,153,.298039);
    margin-bottom: 1rem;
}

.pricing-card.card-overlay
{
    display: block;
    color: #fff;
}

    .pricing-card.card-overlay p
    {
        color: #fff;
    }

.card .card-circle
{
    border: 2px solid #e0e0e0;
    height: 120px;
    width: 120px;
    margin-bottom: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

    .card .card-circle .fa
    {
        font-size: 4rem;
    }

.naked-card h5
{
    margin-top: 1.2rem;
}

.naked-card li p
{
    color: #757575;
}

    .naked-card li p strong
    {
        color: #616161;
    }

.testimonial-card .avatar
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 120px;
    margin: -65px auto 0;
    border: 5px solid #fff;
    background: #FFF;
}

    .testimonial-card .avatar img
    {
        width: 100%;
    }

.testimonial-carousel .carousel-control
{
    background-image: none;
    color: #000;
}

    .testimonial-carousel .carousel-control span
    {
        font-size: 5rem;
    }

.testimonial-carousel .testimonial
{
    margin-right: 15%;
    margin-left: 15%;
}

    .testimonial-carousel .testimonial .avatar
    {
        margin-bottom: 2rem;
    }

        .testimonial-carousel .testimonial .avatar img
        {
            max-width: 170px;
        }

    .testimonial-carousel .testimonial h4
    {
        margin-bottom: 1.3rem;
        font-weight: 500;
    }

    .testimonial-carousel .testimonial h5
    {
        margin-bottom: .9rem;
        color: #424242;
        font-weight: 400;
    }

    .testimonial-carousel .testimonial p
    {
        color: #666;
    }

.feature-box .feature-title
{
    font-weight: 500;
    margin-bottom: 1rem;
}

.feature-box .features-big .feature-title
{
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.feature-box .features-big .fa
{
    font-size: 4rem;
}

.feature-box .features-small
{
    text-align: left;
}

    .feature-box .features-small .fa
    {
        font-size: 2rem;
    }

.section.team-section .avatar
{
    margin-bottom: 2rem;
}

    .section.team-section .avatar .rounded-circle
    {
        max-width: 200px;
    }

.section.team-section h4, .section.team-section h5
{
    margin-bottom: 1rem;
}

.card .form-header
{
    color: #fff;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 3rem;
    padding: 1rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .card .form-header h3
    {
        margin: 0;
        padding: .7rem;
    }

.fixed-sn main, .hidden-sn main
{
    padding-top: 5.5rem;
}

.call .fa
{
    margin-right: 5px;
}

.fixed-sn .double-nav, .fixed-sn footer, .fixed-sn main
{
    padding-left: 240px;
}

@media (max-width:1440px)
{
    .fixed-sn .double-nav, .fixed-sn footer, .fixed-sn main
    {
        padding-left: 0;
    }
}

@media (min-width:768px)
{
    .fixed-sn main
    {
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media (min-width:992px)
{
    .fixed-sn main
    {
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media (min-width:1400px)
{
    .fixed-sn main
    {
        margin-left: 6%;
        margin-right: 6%;
    }
}

.hidden-sn .button-collapse
{
    display: block;
    position: relative;
    font-size: 1.4rem;
    margin-right: 10px;
    margin-left: -6px;
    padding-left: 0;
}