commit 4bebb23794e1ddd59086b3589ad34b231c6acfff Author: Letícia Camara Date: Sat Sep 22 15:23:51 2018 -0300 Complete site refactoring diff --git a/.eslintrc b/.eslintrc new file mode 100644 index 0000000..16fffa7 --- /dev/null +++ b/.eslintrc @@ -0,0 +1,10 @@ +{ + parser: "babel-eslint", + "plugins": [ + "react" + ], + "rules": { + "max-len": [1, 120, 2, {ignoreComments: true}] + }, + "extends": ["eslint:recommended", "plugin:react/recommended"] +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..93fdfc5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# See https://help.github.com/ignore-files/ for more about ignoring files. + +# dependencies +/node_modules + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local +.idea + +package-lock.json +yarn.lock +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/README.md b/README.md new file mode 100644 index 0000000..ea0cbb8 --- /dev/null +++ b/README.md @@ -0,0 +1,7 @@ +# PalmPay.io Website files + + Feel free to copy any/all of these files if you are creating a clone site such as PalmPay.se, PalmPay.pt, PalmPay.mx, PalmPay.my, PalmPay.ca, PalmPay.pro, etc + + Any questions, feel free to ping us on.. + Telegram: https://t.me/Agorise + Keybase: https://keybase.io/team/Agorise diff --git a/package.json b/package.json new file mode 100644 index 0000000..a834651 --- /dev/null +++ b/package.json @@ -0,0 +1,34 @@ +{ + "name": "client", + "version": "1.0.0", + "private": true, + "dependencies": { + "@feathersjs/client": "^3.7.2", + "@material-ui/core": "^3.1.0", + "@material-ui/icons": "^3.0.1", + "country-list": "^1.1.0", + "mdbreact": "^4.7.1", + "react": "^16.5.2", + "react-dom": "^16.5.2", + "react-google-maps": "^9.4.5", + "react-intl": "^2.6.0", + "react-modal": "^3.5.1", + "react-ripples": "^1.1.2", + "react-router-dom": "^4.3.1", + "react-scripts": "^1.1.5", + "react-scroll": "^1.7.10", + "recompose": "^0.30.0", + "sort-by": "^1.2.0" + }, + "scripts": { + "start": "react-scripts start", + "build": "react-scripts build", + "test": "react-scripts test --env=jsdom --watchAll", + "eject": "react-scripts eject" + }, + "devDependencies": { + "babel-eslint": "^9.0.0", + "eslint": "^5.6.0", + "eslint-plugin-react": "^7.11.1" + } +} diff --git a/public/docs/Blockchain_My_City_BMC.pdf b/public/docs/Blockchain_My_City_BMC.pdf new file mode 100644 index 0000000..0a7a5d7 Binary files /dev/null and b/public/docs/Blockchain_My_City_BMC.pdf differ diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..8344438 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..7ec113d --- /dev/null +++ b/public/index.html @@ -0,0 +1,91 @@ + + + + + + PalmPay + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..5bc6590 --- /dev/null +++ b/public/manifest.json @@ -0,0 +1,15 @@ +{ + "short_name": "React App", + "name": "PalmPay", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + } + ], + "start_url": "./index.html", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/src/assets/css/csslider.css b/src/assets/css/csslider.css new file mode 100644 index 0000000..5402e8c --- /dev/null +++ b/src/assets/css/csslider.css @@ -0,0 +1,229 @@ +.csslider { + + position: relative; + margin-bottom: 22px; +} +.csslider > input { + display: none; +} +.csslider > input:nth-of-type(10):checked ~ ul li:first-of-type { + margin-left: -900%; +} +.csslider > input:nth-of-type(9):checked ~ ul li:first-of-type { + margin-left: -800%; +} +.csslider > input:nth-of-type(8):checked ~ ul li:first-of-type { + margin-left: -700%; +} +.csslider > input:nth-of-type(7):checked ~ ul li:first-of-type { + margin-left: -600%; +} +.csslider > input:nth-of-type(6):checked ~ ul li:first-of-type { + margin-left: -500%; +} +.csslider > input:nth-of-type(5):checked ~ ul li:first-of-type { + margin-left: -400%; +} +.csslider > input:nth-of-type(4):checked ~ ul li:first-of-type { + margin-left: -300%; +} +.csslider > input:nth-of-type(3):checked ~ ul li:first-of-type { + margin-left: -200%; +} +.csslider > input:nth-of-type(2):checked ~ ul li:first-of-type { + margin-left: -100%; +} +.csslider > input:nth-of-type(1):checked ~ ul li:first-of-type { + margin-left: 0%; +} +.csslider > ul { + position: relative; + width: 100%; + height: 300px; + z-index: 1; + font-size: 0; + line-height: 0; + margin: 0 auto; + padding: 0; + overflow: hidden; + white-space: nowrap; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.csslider > ul > li { + position: relative; + display: inline-block; + width: 100%; + height: 100%; + overflow: hidden; + font-size: 15px; + font-size: initial; + line-height: normal; + -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); + -o-transition: all 0.5s ease-out; + -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); + transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); + vertical-align: top; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + white-space: normal; +} + + + +.csslider > ul > li.scrollable { + overflow-y: scroll; +} +.csslider > .navigation { + position: absolute; + bottom: -8px; + left: 50%; + z-index: 10; + margin-bottom: -10px; + font-size: 0; + line-height: 0; + text-align: center; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.csslider > .navigation > div { + margin-left: -100%; +} +.csslider > .navigation label { + position: relative; + display: inline-block; + cursor: pointer; + border-radius: 50%; + margin: 0 8px; + padding: 8px; + background: #3a3a3a; +} +.csslider > .navigation label:hover:after { + opacity: 1; +} +.csslider > .navigation label:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + margin-left: -10px; + margin-top: -10px; + background: #71ad37; + border-radius: 50%; + padding: 10px; + opacity: 0; +} +.csslider > .arrows { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.csslider.inside .navigation { + bottom: 10px; + margin-bottom: 10px; +} +.csslider.inside .navigation label { + border: 1px solid #7e7e7e; +} +.csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after, +.csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after, +.csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after, +.csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after, +.csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after, +.csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after, +.csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after, +.csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after, +.csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after, +.csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after, +.csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after { + opacity: 1; +} +.csslider > .arrows { + position: absolute; + left: -31px; + top: 50%; + width: 100%; + height: 26px; + padding: 0 31px; + z-index: 0; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +.csslider > .arrows label { + display: none; + position: absolute; + top: -50%; + padding: 13px; + box-shadow: inset 2px -2px 0 1px #3a3a3a; + cursor: pointer; + -moz-transition: box-shadow 0.15s, margin 0.15s; + -o-transition: box-shadow 0.15s, margin 0.15s; + -webkit-transition: box-shadow 0.15s, margin 0.15s; + transition: box-shadow 0.15s, margin 0.15s; +} +.csslider > .arrows label:hover { + box-shadow: inset 3px -3px 0 2px #71ad37; + margin: 0 0px; +} +.csslider > .arrows label:before { + content: ''; + position: absolute; + top: -100%; + left: -100%; + height: 300%; + width: 300%; +} +.csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last, +.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0), +.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1), +.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2), +.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3), +.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4), +.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5), +.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6), +.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7), +.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8), +.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9), +.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) { + display: block; + left: 0; + right: auto; + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first, +.csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2), +.csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3), +.csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4), +.csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5), +.csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6), +.csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7), +.csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8), +.csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9), +.csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10), +.csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11), +.csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) { + display: block; + right: 0; + left: auto; + -moz-transform: rotate(225deg); + -ms-transform: rotate(225deg); + -o-transform: rotate(225deg); + -webkit-transform: rotate(225deg); + transform: rotate(225deg); +} +/*#region MODULES */ +/*#endregion */ diff --git a/src/assets/css/mdb.css b/src/assets/css/mdb.css new file mode 100644 index 0000000..fb26b48 --- /dev/null +++ b/src/assets/css/mdb.css @@ -0,0 +1,14267 @@ +/*! + * Material Design for Bootstrap 4 + * Version: MDB PRO 4.4.1 + * + * + * 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 + * + */ +/********************* + Mixins +**********************/ +.mdb-color.lighten-5 { + background-color: #D0D6E2 !important; } + +.mdb-color.lighten-4 { + background-color: #B1BACE !important; } + +.mdb-color.lighten-3 { + background-color: #929FBA !important; } + +.mdb-color.lighten-2 { + background-color: #7283A7 !important; } + +.mdb-color.lighten-1 { + background-color: #59698D !important; } + +.mdb-color { + background-color: #45526E !important; } + +.mdb-color-text { + color: #45526E !important; } + +.mdb-color.darken-1 { + background-color: #3B465E !important; } + +.mdb-color.darken-2 { + background-color: #2E3951 !important; } + +.mdb-color.darken-3 { + background-color: #1C2A48 !important; } + +.mdb-color.darken-4 { + background-color: #1C2331 !important; } + +.red.lighten-5 { + background-color: #FFEBEE !important; } + +.red.lighten-4 { + background-color: #FFCDD2 !important; } + +.red.lighten-3 { + background-color: #EF9A9A !important; } + +.red.lighten-2 { + background-color: #E57373 !important; } + +.red.lighten-1 { + background-color: #EF5350 !important; } + +.red { + background-color: #F44336 !important; } + +.red-text { + color: #F44336 !important; } + +.red.darken-1 { + background-color: #E53935 !important; } + +.red.darken-2 { + background-color: #D32F2F !important; } + +.red.darken-3 { + background-color: #C62828 !important; } + +.red.darken-4 { + background-color: #B71C1C !important; } + +.red.accent-1 { + background-color: #FF8A80 !important; } + +.red.accent-2 { + background-color: #FF5252 !important; } + +.red.accent-3 { + background-color: #FF1744 !important; } + +.red.accent-4 { + background-color: #D50000 !important; } + +.pink.lighten-5 { + background-color: #fce4ec !important; } + +.pink.lighten-4 { + background-color: #f8bbd0 !important; } + +.pink.lighten-3 { + background-color: #f48fb1 !important; } + +.pink.lighten-2 { + background-color: #f06292 !important; } + +.pink.lighten-1 { + background-color: #ec407a !important; } + +.pink { + background-color: #e91e63 !important; } + +.pink-text { + color: #e91e63 !important; } + +.pink.darken-1 { + background-color: #d81b60 !important; } + +.pink.darken-2 { + background-color: #c2185b !important; } + +.pink.darken-3 { + background-color: #ad1457 !important; } + +.pink.darken-4 { + background-color: #880e4f !important; } + +.pink.accent-1 { + background-color: #ff80ab !important; } + +.pink.accent-2 { + background-color: #ff4081 !important; } + +.pink.accent-3 { + background-color: #f50057 !important; } + +.pink.accent-4 { + background-color: #c51162 !important; } + +.purple.lighten-5 { + background-color: #f3e5f5 !important; } + +.purple.lighten-4 { + background-color: #e1bee7 !important; } + +.purple.lighten-3 { + background-color: #ce93d8 !important; } + +.purple.lighten-2 { + background-color: #ba68c8 !important; } + +.purple.lighten-1 { + background-color: #ab47bc !important; } + +.purple { + background-color: #9c27b0 !important; } + +.purple-text { + color: #9c27b0 !important; } + +.purple.darken-1 { + background-color: #8e24aa !important; } + +.purple.darken-2 { + background-color: #7b1fa2 !important; } + +.purple.darken-3 { + background-color: #6a1b9a !important; } + +.purple.darken-4 { + background-color: #4a148c !important; } + +.purple.accent-1 { + background-color: #ea80fc !important; } + +.purple.accent-2 { + background-color: #e040fb !important; } + +.purple.accent-3 { + background-color: #d500f9 !important; } + +.purple.accent-4 { + background-color: #aa00ff !important; } + +.deep-purple.lighten-5 { + background-color: #ede7f6 !important; } + +.deep-purple.lighten-4 { + background-color: #d1c4e9 !important; } + +.deep-purple.lighten-3 { + background-color: #b39ddb !important; } + +.deep-purple.lighten-2 { + background-color: #9575cd !important; } + +.deep-purple.lighten-1 { + background-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.darken-2 { + background-color: #512da8 !important; } + +.deep-purple.darken-3 { + background-color: #4527a0 !important; } + +.deep-purple.darken-4 { + background-color: #311b92 !important; } + +.deep-purple.accent-1 { + background-color: #b388ff !important; } + +.deep-purple.accent-2 { + background-color: #7c4dff !important; } + +.deep-purple.accent-3 { + background-color: #651fff !important; } + +.deep-purple.accent-4 { + background-color: #6200ea !important; } + +.indigo.lighten-5 { + background-color: #e8eaf6 !important; } + +.indigo.lighten-4 { + background-color: #c5cae9 !important; } + +.indigo.lighten-3 { + background-color: #9fa8da !important; } + +.indigo.lighten-2 { + background-color: #7986cb !important; } + +.indigo.lighten-1 { + background-color: #5c6bc0 !important; } + +.indigo { + background-color: #3f51b5 !important; } + +.indigo-text { + color: #3f51b5 !important; } + +.indigo.darken-1 { + background-color: #3949ab !important; } + +.indigo.darken-2 { + background-color: #303f9f !important; } + +.indigo.darken-3 { + background-color: #283593 !important; } + +.indigo.darken-4 { + background-color: #1a237e !important; } + +.indigo.accent-1 { + background-color: #8c9eff !important; } + +.indigo.accent-2 { + background-color: #536dfe !important; } + +.indigo.accent-3 { + background-color: #3d5afe !important; } + +.indigo.accent-4 { + background-color: #304ffe !important; } + +.blue.lighten-5 { + background-color: #E3F2FD !important; } + +.blue.lighten-4 { + background-color: #BBDEFB !important; } + +.blue.lighten-3 { + background-color: #90CAF9 !important; } + +.blue.lighten-2 { + background-color: #64B5F6 !important; } + +.blue.lighten-1 { + background-color: #42A5F5 !important; } + +.blue { + background-color: #2196F3 !important; } + +.blue-text { + color: #2196F3 !important; } + +.blue.darken-1 { + background-color: #1E88E5 !important; } + +.blue.darken-2 { + background-color: #1976D2 !important; } + +.blue.darken-3 { + background-color: #1565C0 !important; } + +.blue.darken-4 { + background-color: #0D47A1 !important; } + +.blue.accent-1 { + background-color: #82B1FF !important; } + +.blue.accent-2 { + background-color: #448AFF !important; } + +.blue.accent-3 { + background-color: #2979FF !important; } + +.blue.accent-4 { + background-color: #2962FF !important; } + +.light-blue.lighten-5 { + background-color: #e1f5fe !important; } + +.light-blue.lighten-4 { + background-color: #b3e5fc !important; } + +.light-blue.lighten-3 { + background-color: #81d4fa !important; } + +.light-blue.lighten-2 { + background-color: #4fc3f7 !important; } + +.light-blue.lighten-1 { + background-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.darken-2 { + background-color: #0288d1 !important; } + +.light-blue.darken-3 { + background-color: #0277bd !important; } + +.light-blue.darken-4 { + background-color: #01579b !important; } + +.light-blue.accent-1 { + background-color: #80d8ff !important; } + +.light-blue.accent-2 { + background-color: #40c4ff !important; } + +.light-blue.accent-3 { + background-color: #00b0ff !important; } + +.light-blue.accent-4 { + background-color: #0091ea !important; } + +.cyan.lighten-5 { + background-color: #e0f7fa !important; } + +.cyan.lighten-4 { + background-color: #b2ebf2 !important; } + +.cyan.lighten-3 { + background-color: #80deea !important; } + +.cyan.lighten-2 { + background-color: #4dd0e1 !important; } + +.cyan.lighten-1 { + background-color: #26c6da !important; } + +.cyan { + background-color: #00bcd4 !important; } + +.cyan-text { + color: #00bcd4 !important; } + +.cyan.darken-1 { + background-color: #00acc1 !important; } + +.cyan.darken-2 { + background-color: #0097a7 !important; } + +.cyan.darken-3 { + background-color: #00838f !important; } + +.cyan.darken-4 { + background-color: #006064 !important; } + +.cyan.accent-1 { + background-color: #84ffff !important; } + +.cyan.accent-2 { + background-color: #18ffff !important; } + +.cyan.accent-3 { + background-color: #00e5ff !important; } + +.cyan.accent-4 { + background-color: #00b8d4 !important; } + +.teal.lighten-5 { + background-color: #e0f2f1 !important; } + +.teal.lighten-4 { + background-color: #b2dfdb !important; } + +.teal.lighten-3 { + background-color: #80cbc4 !important; } + +.teal.lighten-2 { + background-color: #4db6ac !important; } + +.teal.lighten-1 { + background-color: #26a69a !important; } + +.teal { + background-color: #009688 !important; } + +.teal-text { + color: #009688 !important; } + +.teal.darken-1 { + background-color: #00897b !important; } + +.teal.darken-2 { + background-color: #00796b !important; } + +.teal.darken-3 { + background-color: #00695c !important; } + +.teal.darken-4 { + background-color: #004d40 !important; } + +.teal.accent-1 { + background-color: #a7ffeb !important; } + +.teal.accent-2 { + background-color: #64ffda !important; } + +.teal.accent-3 { + background-color: #1de9b6 !important; } + +.teal.accent-4 { + background-color: #00bfa5 !important; } + +.green.lighten-5 { + background-color: #E8F5E9 !important; } + +.green.lighten-4 { + background-color: #C8E6C9 !important; } + +.green.lighten-3 { + background-color: #A5D6A7 !important; } + +.green.lighten-2 { + background-color: #81C784 !important; } + +.green.lighten-1 { + background-color: #66BB6A !important; } + +.green { + background-color: #4CAF50 !important; } + +.green-text { + color: #4CAF50 !important; } + +.green.darken-1 { + background-color: #43A047 !important; } + +.green.darken-2 { + background-color: #388E3C !important; } + +.green.darken-3 { + background-color: #2E7D32 !important; } + +.green.darken-4 { + background-color: #1B5E20 !important; } + +.green.accent-1 { + background-color: #B9F6CA !important; } + +.green.accent-2 { + background-color: #69F0AE !important; } + +.green.accent-3 { + background-color: #00E676 !important; } + +.green.accent-4 { + background-color: #00C853 !important; } + +.light-green.lighten-5 { + background-color: #f1f8e9 !important; } + +.light-green.lighten-4 { + background-color: #dcedc8 !important; } + +.light-green.lighten-3 { + background-color: #c5e1a5 !important; } + +.light-green.lighten-2 { + background-color: #aed581 !important; } + +.light-green.lighten-1 { + background-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.darken-2 { + background-color: #689f38 !important; } + +.light-green.darken-3 { + background-color: #558b2f !important; } + +.light-green.darken-4 { + background-color: #33691e !important; } + +.light-green.accent-1 { + background-color: #ccff90 !important; } + +.light-green.accent-2 { + background-color: #b2ff59 !important; } + +.light-green.accent-3 { + background-color: #76ff03 !important; } + +.light-green.accent-4 { + background-color: #64dd17 !important; } + +.lime.lighten-5 { + background-color: #f9fbe7 !important; } + +.lime.lighten-4 { + background-color: #f0f4c3 !important; } + +.lime.lighten-3 { + background-color: #e6ee9c !important; } + +.lime.lighten-2 { + background-color: #dce775 !important; } + +.lime.lighten-1 { + background-color: #d4e157 !important; } + +.lime { + background-color: #cddc39 !important; } + +.lime-text { + color: #cddc39 !important; } + +.lime.darken-1 { + background-color: #c0ca33 !important; } + +.lime.darken-2 { + background-color: #afb42b !important; } + +.lime.darken-3 { + background-color: #9e9d24 !important; } + +.lime.darken-4 { + background-color: #827717 !important; } + +.lime.accent-1 { + background-color: #f4ff81 !important; } + +.lime.accent-2 { + background-color: #eeff41 !important; } + +.lime.accent-3 { + background-color: #c6ff00 !important; } + +.lime.accent-4 { + background-color: #aeea00 !important; } + +.yellow.lighten-5 { + background-color: #fffde7 !important; } + +.yellow.lighten-4 { + background-color: #fff9c4 !important; } + +.yellow.lighten-3 { + background-color: #fff59d !important; } + +.yellow.lighten-2 { + background-color: #fff176 !important; } + +.yellow.lighten-1 { + background-color: #ffee58 !important; } + +.yellow { + background-color: #ffeb3b !important; } + +.yellow-text { + color: #ffeb3b !important; } + +.yellow.darken-1 { + background-color: #fdd835 !important; } + +.yellow.darken-2 { + background-color: #fbc02d !important; } + +.yellow.darken-3 { + background-color: #f9a825 !important; } + +.yellow.darken-4 { + background-color: #f57f17 !important; } + +.yellow.accent-1 { + background-color: #ffff8d !important; } + +.yellow.accent-2 { + background-color: #ffff00 !important; } + +.yellow.accent-3 { + background-color: #ffea00 !important; } + +.yellow.accent-4 { + background-color: #ffd600 !important; } + +.amber.lighten-5 { + background-color: #fff8e1 !important; } + +.amber.lighten-4 { + background-color: #ffecb3 !important; } + +.amber.lighten-3 { + background-color: #ffe082 !important; } + +.amber.lighten-2 { + background-color: #ffd54f !important; } + +.amber.lighten-1 { + background-color: #ffca28 !important; } + +.amber { + background-color: #ffc107 !important; } + +.amber-text { + color: #ffc107 !important; } + +.amber.darken-1 { + background-color: #ffb300 !important; } + +.amber.darken-2 { + background-color: #ffa000 !important; } + +.amber.darken-3 { + background-color: #ff8f00 !important; } + +.amber.darken-4 { + background-color: #ff6f00 !important; } + +.amber.accent-1 { + background-color: #ffe57f !important; } + +.amber.accent-2 { + background-color: #ffd740 !important; } + +.amber.accent-3 { + background-color: #ffc400 !important; } + +.amber.accent-4 { + background-color: #ffab00 !important; } + +.orange.lighten-5 { + background-color: #fff3e0 !important; } + +.orange.lighten-4 { + background-color: #ffe0b2 !important; } + +.orange.lighten-3 { + background-color: #ffcc80 !important; } + +.orange.lighten-2 { + background-color: #ffb74d !important; } + +.orange.lighten-1 { + background-color: #ffa726 !important; } + +.orange { + background-color: #ff9800 !important; } + +.orange-text { + color: #ff9800 !important; } + +.orange.darken-1 { + background-color: #fb8c00 !important; } + +.orange.darken-2 { + background-color: #f57c00 !important; } + +.orange.darken-3 { + background-color: #ef6c00 !important; } + +.orange.darken-4 { + background-color: #e65100 !important; } + +.orange.accent-1 { + background-color: #ffd180 !important; } + +.orange.accent-2 { + background-color: #ffab40 !important; } + +.orange.accent-3 { + background-color: #ff9100 !important; } + +.orange.accent-4 { + background-color: #ff6d00 !important; } + +.deep-orange.lighten-5 { + background-color: #fbe9e7 !important; } + +.deep-orange.lighten-4 { + background-color: #ffccbc !important; } + +.deep-orange.lighten-3 { + background-color: #ffab91 !important; } + +.deep-orange.lighten-2 { + background-color: #ff8a65 !important; } + +.deep-orange.lighten-1 { + background-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.darken-2 { + background-color: #e64a19 !important; } + +.deep-orange.darken-3 { + background-color: #d84315 !important; } + +.deep-orange.darken-4 { + background-color: #bf360c !important; } + +.deep-orange.accent-1 { + background-color: #ff9e80 !important; } + +.deep-orange.accent-2 { + background-color: #ff6e40 !important; } + +.deep-orange.accent-3 { + background-color: #ff3d00 !important; } + +.deep-orange.accent-4 { + background-color: #dd2c00 !important; } + +.brown.lighten-5 { + background-color: #efebe9 !important; } + +.brown.lighten-4 { + background-color: #d7ccc8 !important; } + +.brown.lighten-3 { + background-color: #bcaaa4 !important; } + +.brown.lighten-2 { + background-color: #a1887f !important; } + +.brown.lighten-1 { + background-color: #8d6e63 !important; } + +.brown { + background-color: #795548 !important; } + +.brown-text { + color: #795548 !important; } + +.brown.darken-1 { + background-color: #6d4c41 !important; } + +.brown.darken-2 { + background-color: #5d4037 !important; } + +.brown.darken-3 { + background-color: #4e342e !important; } + +.brown.darken-4 { + background-color: #3e2723 !important; } + +.blue-grey.lighten-5 { + background-color: #eceff1 !important; } + +.blue-grey.lighten-4 { + background-color: #cfd8dc !important; } + +.blue-grey.lighten-3 { + background-color: #b0bec5 !important; } + +.blue-grey.lighten-2 { + background-color: #90a4ae !important; } + +.blue-grey.lighten-1 { + background-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.darken-2 { + background-color: #455a64 !important; } + +.blue-grey.darken-3 { + background-color: #37474f !important; } + +.blue-grey.darken-4 { + background-color: #263238 !important; } + +.grey.lighten-5 { + background-color: #fafafa !important; } + +.grey.lighten-4 { + background-color: #f5f5f5 !important; } + +.grey.lighten-3 { + background-color: #eeeeee !important; } + +.grey.lighten-2 { + background-color: #e0e0e0 !important; } + +.grey.lighten-1 { + background-color: #bdbdbd !important; } + +.grey { + background-color: #9e9e9e !important; } + +.grey-text { + color: #9e9e9e !important; } + +.grey.darken-1 { + background-color: #757575 !important; } + +.grey.darken-2 { + background-color: #616161 !important; } + +.grey.darken-3 { + background-color: #424242 !important; } + +.grey.darken-4 { + background-color: #212121 !important; } + +.shades.black, .card .shades.card-review, .shades.picker__list-item:hover { + background-color: #000000 !important; } + +.shades.white, .card .shades.card-reveal, .card-wrapper .shades.face, .testimonial-card .shades.avatar, .carousel-thumbnails .carousel-indicators .shades.active, .shades.picker__list-item, .picker__box .picker__header .shades.picker__select--month.browser-default, .picker__box .picker__header .shades.picker__select--year.browser-default { + background-color: #FFFFFF !important; } + +.shades.transparent { + background-color: transparent !important; } + +.black, .card .card-review, .picker__list-item:hover { + background-color: #000000 !important; } + +.black-text, .btn-link, .card .activator, .card-wrapper .face .content .rotate-btn, .toast-close-button:hover, +.toast-close-button:focus { + color: #000000 !important; } + +.white, .card .card-reveal, .card-wrapper .face, .testimonial-card .avatar, .carousel-thumbnails .carousel-indicators .active, .picker__list-item, .picker__box .picker__header .picker__select--month.browser-default, .picker__box .picker__header .picker__select--year.browser-default { + background-color: #FFFFFF !important; } + +.white-text, .btn, .colorful-side-nav p, .colorful-side-nav .collapsible a, .colorful-side-nav .social a, .stylish-side-nav p, .stylish-side-nav .collapsible a, .stylish-side-nav .social a, .dark-side-nav p, .dark-side-nav .collapsible a, .dark-side-nav .social a, .card.card-dark .activator, .card.card-dark .card-body, .card.card-dark .card-body a, .card.card-cascade .view.gradient-card-header, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .side-nav, .side-nav .search-form .form-control, .toast-message a, +.toast-message label, .toast-close-button, #toast-container > div, .picker__list-item--selected, +.picker__list-item--selected:hover, +.picker--focused .picker__list-item--selected, .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before, .picker__date-display, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .darktheme .picker__box .picker__date-display .clockpicker-display, .darktheme .picker__box .picker__date-display .clockpicker-display .clockpicker-span-am-pm, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick, .darktheme .picker__box .picker__footer button, .picker__box .picker__header .picker__date-display, .picker__box .picker__table .picker__day--outfocus, .picker__box .picker__table .picker__day--selected, +.picker__box .picker__table .picker__day--selected:hover, +.picker__box .picker__table .picker--focused, section .contact { + color: #FFFFFF !important; } + +.transparent { + background-color: transparent !important; } + +.transparent-text { + color: transparent !important; } + +.light-blue-text { + color: #82B1FF !important; } + +.dark-grey-text { + color: #4f4f4f !important; } + +.danger-color, .stepper li.warning a .circle, .toast-error { + background-color: #ff3547 !important; } + +.danger-color-dark { + background-color: #CC0000 !important; } + +.warning-color, .toast-warning { + background-color: #ffbb33 !important; } + +.warning-color-dark { + background-color: #FF8800 !important; } + +.success-color, .toast-success { + background-color: #00C851 !important; } + +.success-color-dark { + background-color: #007E33 !important; } + +.info-color, .toast-info { + background-color: #33b5e5 !important; } + +.info-color-dark { + background-color: #0099CC !important; } + +.default-color { + background-color: #2BBBAD !important; } + +.default-color-dark { + background-color: #00695c !important; } + +.primary-color, .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: #aa66cc !important; } + +.secondary-color-dark { + background-color: #9933CC !important; } + +.elegant-color { + background-color: #2E2E2E !important; } + +.elegant-color-dark { + background-color: #212121 !important; } + +.stylish-color { + background-color: #4B515D !important; } + +.stylish-color-dark { + background-color: #3E4551 !important; } + +.special-color { + background-color: #37474F !important; } + +.special-color-dark { + background-color: #263238 !important; } + +.unique-color { + background-color: #3F729B !important; } + +.unique-color-dark { + background-color: #1C2331 !important; } + +.mdb-color { + background-color: #45526E !important; } + +.rgba-blue-light { + background-color: rgba(3, 169, 244, 0.3) !important; } + +.rgba-red-light { + background-color: rgba(244, 67, 54, 0.3) !important; } + +.rgba-pink-light { + background-color: rgba(233, 30, 99, 0.3) !important; } + +.rgba-purple-light { + background-color: rgba(156, 39, 176, 0.3) !important; } + +.rgba-indigo-light { + background-color: rgba(63, 81, 181, 0.3) !important; } + +.rgba-cyan-light { + background-color: rgba(0, 188, 212, 0.3) !important; } + +.rgba-teal-light { + background-color: rgba(0, 150, 136, 0.3) !important; } + +.rgba-green-light { + background-color: rgba(76, 175, 80, 0.3) !important; } + +.rgba-lime-light { + background-color: rgba(205, 220, 57, 0.3) !important; } + +.rgba-yellow-light { + background-color: rgba(255, 235, 59, 0.3) !important; } + +.rgba-orange-light { + background-color: rgba(255, 152, 0, 0.3) !important; } + +.rgba-brown-light { + background-color: rgba(121, 85, 72, 0.3) !important; } + +.rgba-grey-light { + background-color: rgba(158, 158, 158, 0.3) !important; } + +.rgba-bluegrey-light { + background-color: rgba(96, 125, 139, 0.3) !important; } + +.rgba-black-light { + background-color: rgba(0, 0, 0, 0.3) !important; } + +.rgba-stylish-light { + background-color: rgba(62, 69, 81, 0.3) !important; } + +.rgba-white-light { + background-color: rgba(255, 255, 255, 0.3) !important; } + +.rgba-blue-strong { + background-color: rgba(3, 169, 244, 0.7) !important; } + +.rgba-red-strong { + background-color: rgba(244, 67, 54, 0.7) !important; } + +.rgba-pink-strong { + background-color: rgba(233, 30, 99, 0.7) !important; } + +.rgba-purple-strong { + background-color: rgba(156, 39, 176, 0.7) !important; } + +.rgba-indigo-strong { + background-color: rgba(63, 81, 181, 0.7) !important; } + +.rgba-cyan-strong { + background-color: rgba(0, 188, 212, 0.7) !important; } + +.rgba-teal-strong { + background-color: rgba(0, 150, 136, 0.7) !important; } + +.rgba-green-strong { + background-color: rgba(76, 175, 80, 0.7) !important; } + +.rgba-lime-strong { + background-color: rgba(205, 220, 57, 0.7) !important; } + +.rgba-yellow-strong { + background-color: rgba(255, 235, 59, 0.7) !important; } + +.rgba-orange-strong { + background-color: rgba(255, 152, 0, 0.7) !important; } + +.rgba-brown-strong { + background-color: rgba(121, 85, 72, 0.7) !important; } + +.rgba-grey-strong { + background-color: rgba(158, 158, 158, 0.7) !important; } + +.rgba-bluegrey-strong { + background-color: rgba(96, 125, 139, 0.7) !important; } + +.rgba-black-strong { + background-color: rgba(0, 0, 0, 0.7) !important; } + +.rgba-stylish-strong { + background-color: rgba(62, 69, 81, 0.7) !important; } + +.rgba-white-strong { + background-color: rgba(255, 255, 255, 0.7) !important; } + +.rgba-blue-slight { + background-color: rgba(3, 169, 244, 0.1) !important; } + +.rgba-red-slight { + background-color: rgba(244, 67, 54, 0.1) !important; } + +.rgba-pink-slight { + background-color: rgba(233, 30, 99, 0.1) !important; } + +.rgba-purple-slight { + background-color: rgba(156, 39, 176, 0.1) !important; } + +.rgba-indigo-slight { + background-color: rgba(63, 81, 181, 0.1) !important; } + +.rgba-cyan-slight { + background-color: rgba(0, 188, 212, 0.1) !important; } + +.rgba-teal-slight { + background-color: rgba(0, 150, 136, 0.1) !important; } + +.rgba-green-slight { + background-color: rgba(76, 175, 80, 0.1) !important; } + +.rgba-lime-slight { + background-color: rgba(205, 220, 57, 0.1) !important; } + +.rgba-yellow-slight { + background-color: rgba(255, 235, 59, 0.1) !important; } + +.rgba-orange-slight { + background-color: rgba(255, 152, 0, 0.1) !important; } + +.rgba-brown-slight { + background-color: rgba(121, 85, 72, 0.1) !important; } + +.rgba-grey-slight { + background-color: rgba(158, 158, 158, 0.1) !important; } + +.rgba-bluegrey-slight { + background-color: rgba(96, 125, 139, 0.1) !important; } + +.rgba-black-slight { + background-color: rgba(0, 0, 0, 0.1) !important; } + +.rgba-stylish-slight { + background-color: rgba(62, 69, 81, 0.1) !important; } + +.rgba-white-slight { + background-color: rgba(255, 255, 255, 0.1) !important; } + +.bg-primary { + background-color: #4285F4 !important; } + +.bg-danger { + background-color: #ff3547 !important; } + +.bg-warning { + background-color: #FF8800 !important; } + +.bg-success { + background-color: #00C851 !important; } + +.bg-info { + background-color: #33b5e5 !important; } + +.bg-default { + background-color: #2BBBAD !important; } + +.bg-secondary { + background-color: #aa66cc !important; } + +.bg-elegant { + background-color: #2E2E2E !important; } + +.bg-unique { + background-color: #880e4f !important; } + +.bg-dark-green { + background-color: #388E3C !important; } + +.bg-mdb-color { + background-color: #59698D !important; } + +.bg-red { + background-color: #D32F2F !important; } + +.bg-pink { + background-color: #ec407a !important; } + +.bg-purple { + background-color: #8e24aa !important; } + +.bg-deep-purple { + background-color: #512da8 !important; } + +.bg-indigo { + background-color: #3f51b5 !important; } + +.bg-blue { + background-color: #1976D2 !important; } + +.bg-light-blue { + background-color: #82B1FF !important; } + +.bg-cyan { + background-color: #00bcd4 !important; } + +.bg-teal { + background-color: #00796b !important; } + +.bg-green { + background-color: #388E3C !important; } + +.bg-light-green { + background-color: #8bc34a !important; } + +.bg-lime { + background-color: #afb42b !important; } + +.bg-yellow { + background-color: #fbc02d !important; } + +.bg-amber { + background-color: #ffa000 !important; } + +.bg-orange { + background-color: #f57c00 !important; } + +.bg-deep-orange { + background-color: #ff7043 !important; } + +.bg-brown { + background-color: #795548 !important; } + +.bg-grey { + background-color: #616161 !important; } + +.bg-blue-grey { + background-color: #78909c !important; } + +.bg-white { + background-color: #fff !important; } + +.bg-black { + background-color: #000 !important; } + +/*** Global ***/ +.z-depth-0, .modal-dialog.cascading-modal.modal-avatar .modal-header, .card.card-cascade.wider, .colorful-select .dropdown-content li.disabled.active span, .colorful-select .dropdown-content li:disabled.active span, .colorful-select .dropdown-content li.optgroup.active span, .colorful-select .dropdown-content li.disabled a:hover, .colorful-select .dropdown-content li.disabled span:hover, .colorful-select .dropdown-content li:disabled a:hover, .colorful-select .dropdown-content li:disabled span:hover, .colorful-select .dropdown-content li.optgroup a:hover, .colorful-select .dropdown-content li.optgroup span:hover { + -webkit-box-shadow: none !important; + box-shadow: none !important; } + +.z-depth-1, .jumbotron, .author-box, +.navbar, +.badge, +.chip, .btn, .card:not([class*="card-outline-"]), .pagination .active .page-link, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header, .social-list, .counter, .md-pills .nav-link.active, .card.card-cascade.wider .card-body, .card-wrapper .front, +.card-wrapper .back, .dropdown-content, .side-nav, .section-blog-fw .view, #toast-container > div, .pricing-card .price .version { + -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } + +.z-depth-1-half, .btn:hover, .btn:active, .btn:focus, .modal-dialog .modal-content, .modal-dialog.cascading-modal .modal-header, ul.instagram-photos li img, .media .media-left img, .btn-floating, .nav-tabs, .md-pills .nav-link.active:hover, .card.card-cascade.wider.reverse .card-body, .card.card-cascade.card-avatar img, .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .colorful-select .dropdown-content li.active span, .comments-list .badge, +.reply-form .badge, .btn-floating.btn-flat.active, .picker__box .picker__table .picker__day--selected, +.picker__box .picker__table .picker__day--selected:hover, +.picker__box .picker__table .picker--focused, .pricing-card .header, .form-header { + -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } + +.z-depth-2, .modal-dialog.cascading-modal.modal-avatar .modal-header img, .btn-floating:hover, .card.card-cascade .view, .card-overlay, .colorful-select .dropdown-content li a:hover, .colorful-select .dropdown-content li span:hover, .comments-list img, +.reply-form img, .testimonial-carousel .testimonial .avatar img { + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } + +.z-depth-3 { + -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); } + +.z-depth-4 { + -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); + box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); } + +.z-depth-5 { + -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); + box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); } + +.hoverable { + -webkit-transition: -webkit-box-shadow 0.55s; + transition: -webkit-box-shadow 0.55s; + transition: box-shadow 0.55s; + transition: box-shadow 0.55s, -webkit-box-shadow 0.55s; + -webkit-box-shadow: 0; + box-shadow: 0; } + .hoverable:hover { + -webkit-transition: -webkit-box-shadow 0.45s; + transition: -webkit-box-shadow 0.45s; + transition: box-shadow 0.45s; + transition: box-shadow 0.45s, -webkit-box-shadow 0.45s; + -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } + +a { + color: #0275d8; + text-decoration: none; + cursor: pointer; + -webkit-tap-highlight-color: transparent; } + a:hover, a:focus { + text-decoration: none; } + +a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { + color: inherit; + text-decoration: none; } + +.disabled { + cursor: not-allowed !important; } + +.list-group .list-group-item, +.jumbotron, +.author-box, +.navbar-toggler, +.navbar, +.badge { + border-radius: 2px; } + +.flex-center ul, .card-overlay ul, .section.team-section .avatar ul, .testimonial-carousel .testimonial .avatar ul, .card .card-circle ul { + list-style-type: none; + padding: 0; } + +.media .avatar-sm { + width: 56px; + border-radius: 50%; } + +/*! + * 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.flipOutX, +.animated.flipOutY, +.animated.bounceIn, +.animated.bounceOut { + -webkit-animation-duration: .75s; + animation-duration: .75s; } + +@-webkit-keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); } } + +@keyframes bounce { + from, 20%, 53%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 40%, 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); } + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); } + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); } } + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; } + +@-webkit-keyframes flash { + from, 50%, to { + opacity: 1; } + 25%, 75% { + opacity: 0; } } + +@keyframes flash { + from, 50%, to { + opacity: 1; } + 25%, 75% { + opacity: 0; } } + +.flash { + -webkit-animation-name: flash; + animation-name: flash; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; } + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); } + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); } + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); } + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); } + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; } + +@-webkit-keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } } + +@keyframes shake { + from, to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } } + +.shake { + -webkit-animation-name: shake; + animation-name: shake; } + +@-webkit-keyframes 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; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; } + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 10%, 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } + 10%, 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.tada { + -webkit-animation-name: tada; + animation-name: tada; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes wobble { + from { + -webkit-transform: none; + transform: none; } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes wobble { + from { + -webkit-transform: none; + transform: none; } + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } + to { + -webkit-transform: none; + transform: none; } } + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; } + +@-webkit-keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { + -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); + transform: skewX(0.39063deg) skewY(0.39063deg); } + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + +@keyframes jello { + from, 11.1%, to { + -webkit-transform: none; + transform: none; } + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); } + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); } + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); } + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); } + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); } + 77.7% { + -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); + transform: skewX(0.39063deg) skewY(0.39063deg); } + 88.8% { + -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); + transform: skewX(-0.19531deg) skewY(-0.19531deg); } } + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; } + +@-webkit-keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +@keyframes bounceIn { + from, 20%, 40%, 60%, 80%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); } + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); } + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; } + +@-webkit-keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInDown { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); } + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); } + to { + -webkit-transform: none; + transform: none; } } + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; } + +@-webkit-keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInLeft { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); } + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); } + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; } + +@-webkit-keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +@keyframes bounceInRight { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); } + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); } + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); } + to { + -webkit-transform: none; + transform: none; } } + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; } + +@-webkit-keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes bounceInUp { + from, 60%, 75%, 90%, to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); } + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; } + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); } + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); } + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } } + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; } + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; } + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; } + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; } + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); } + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; } + +@-webkit-keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +@keyframes fadeIn { + from { + opacity: 0; } + to { + opacity: 1; } } + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; } + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; } + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; } + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; } + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; } + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; } + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; } + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; } + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; } + +@-webkit-keyframes fadeOut { + from { + opacity: 1; } + to { + opacity: 0; } } + +@keyframes fadeOut { + from { + opacity: 1; } + to { + opacity: 0; } } + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; } + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +@keyframes fadeOutDown { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; } + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +@keyframes fadeOutDownBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); } } + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; } + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +@keyframes fadeOutLeft { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; } + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +@keyframes fadeOutLeftBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); } } + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; } + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +@keyframes fadeOutRight { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; } + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +@keyframes fadeOutRightBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); } } + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; } + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +@keyframes fadeOutUp { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; } + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +@keyframes fadeOutUpBig { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); } } + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; } + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } + +@keyframes flip { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } } + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; } + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; } + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; } + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; } + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); } } + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; } + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; } } + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; } } + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; } + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; } } + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); } + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; } + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; } } + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; } + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; } + to { + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; } + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; } + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; } + to { + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; } + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; } } + +@keyframes lightSpeedOut { + from { + opacity: 1; } + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; } } + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; } + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; } + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; } + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; } + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; } + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; } } + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; } + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; } } + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; } + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; } } + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; } + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } } + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; } } + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; } + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; } + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; } + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; } } + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; } + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; } } + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; } + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; } } + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; } + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; } } + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; } + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; } + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; } } + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } + to { + opacity: 1; + -webkit-transform: none; + transform: none; } } + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; } + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ +@-webkit-keyframes rollOut { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + +@keyframes rollOut { + from { + opacity: 1; } + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; } + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 50% { + opacity: 1; } } + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + 50% { + opacity: 1; } } + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; } + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; } + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; } + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; } + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; } + +@-webkit-keyframes zoomOut { + from { + opacity: 1; } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + to { + opacity: 0; } } + +@keyframes zoomOut { + from { + opacity: 1; } + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); } + to { + opacity: 0; } } + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; } + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; } + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; } } + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; } + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; } } + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; } + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; } + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; } + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; } + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; } + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; } + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; } + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } } + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; } + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } } + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; } + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } } + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; } + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); } } + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; } + +.m-0 { + margin: 0 !important; } + +.mt-0 { + margin-top: 0 !important; } + +.mr-0 { + margin-right: 0 !important; } + +.mb-0 { + margin-bottom: 0 !important; } + +.ml-0 { + margin-left: 0 !important; } + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + +.m-1, .section-blog-fw .jumbotron, .section-blog-fw .author-box { + margin: 0.25rem !important; } + +.mt-1 { + margin-top: 0.25rem !important; } + +.mr-1 { + margin-right: 0.25rem !important; } + +.mb-1 { + margin-bottom: 0.25rem !important; } + +.ml-1 { + margin-left: 0.25rem !important; } + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + +.m-2 { + margin: 0.5rem !important; } + +.mt-2 { + margin-top: 0.5rem !important; } + +.mr-2 { + margin-right: 0.5rem !important; } + +.mb-2 { + margin-bottom: 0.5rem !important; } + +.ml-2 { + margin-left: 0.5rem !important; } + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + +.m-3 { + margin: 1rem !important; } + +.mt-3 { + margin-top: 1rem !important; } + +.mr-3 { + margin-right: 1rem !important; } + +.mb-3 { + margin-bottom: 1rem !important; } + +.ml-3 { + margin-left: 1rem !important; } + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + +.m-4 { + margin: 1.5rem !important; } + +.mt-4 { + margin-top: 1.5rem !important; } + +.mr-4 { + margin-right: 1.5rem !important; } + +.mb-4 { + margin-bottom: 1.5rem !important; } + +.ml-4 { + margin-left: 1.5rem !important; } + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + +.m-5 { + margin: 3rem !important; } + +.mt-5 { + margin-top: 3rem !important; } + +.mr-5 { + margin-right: 3rem !important; } + +.mb-5 { + margin-bottom: 3rem !important; } + +.ml-5 { + margin-left: 3rem !important; } + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + +.p-0 { + padding: 0 !important; } + +.pt-0 { + padding-top: 0 !important; } + +.pr-0 { + padding-right: 0 !important; } + +.pb-0 { + padding-bottom: 0 !important; } + +.pl-0 { + padding-left: 0 !important; } + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + +.p-1 { + padding: 0.25rem !important; } + +.pt-1 { + padding-top: 0.25rem !important; } + +.pr-1 { + padding-right: 0.25rem !important; } + +.pb-1 { + padding-bottom: 0.25rem !important; } + +.pl-1 { + padding-left: 0.25rem !important; } + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + +.p-2 { + padding: 0.5rem !important; } + +.pt-2 { + padding-top: 0.5rem !important; } + +.pr-2 { + padding-right: 0.5rem !important; } + +.pb-2 { + padding-bottom: 0.5rem !important; } + +.pl-2 { + padding-left: 0.5rem !important; } + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + +.p-3 { + padding: 1rem !important; } + +.pt-3 { + padding-top: 1rem !important; } + +.pr-3 { + padding-right: 1rem !important; } + +.pb-3 { + padding-bottom: 1rem !important; } + +.pl-3 { + padding-left: 1rem !important; } + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + +.p-4 { + padding: 1.5rem !important; } + +.pt-4 { + padding-top: 1.5rem !important; } + +.pr-4 { + padding-right: 1.5rem !important; } + +.pb-4 { + padding-bottom: 1.5rem !important; } + +.pl-4 { + padding-left: 1.5rem !important; } + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + +.p-5 { + padding: 3rem !important; } + +.pt-5 { + padding-top: 3rem !important; } + +.pr-5 { + padding-right: 3rem !important; } + +.pb-5 { + padding-bottom: 3rem !important; } + +.pl-5 { + padding-left: 3rem !important; } + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + +.m-auto { + margin: auto !important; } + +.mt-auto { + margin-top: auto !important; } + +.mr-auto { + margin-right: auto !important; } + +.mb-auto { + margin-bottom: auto !important; } + +.ml-auto { + margin-left: auto !important; } + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; } + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } + +@media (min-width: 576px) { + .m-sm-0 { + margin: 0 !important; } + .mt-sm-0 { + margin-top: 0 !important; } + .mr-sm-0 { + margin-right: 0 !important; } + .mb-sm-0 { + margin-bottom: 0 !important; } + .ml-sm-0 { + margin-left: 0 !important; } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .m-sm-1 { + margin: 0.25rem !important; } + .mt-sm-1 { + margin-top: 0.25rem !important; } + .mr-sm-1 { + margin-right: 0.25rem !important; } + .mb-sm-1 { + margin-bottom: 0.25rem !important; } + .ml-sm-1 { + margin-left: 0.25rem !important; } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .m-sm-2 { + margin: 0.5rem !important; } + .mt-sm-2 { + margin-top: 0.5rem !important; } + .mr-sm-2 { + margin-right: 0.5rem !important; } + .mb-sm-2 { + margin-bottom: 0.5rem !important; } + .ml-sm-2 { + margin-left: 0.5rem !important; } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .m-sm-3 { + margin: 1rem !important; } + .mt-sm-3 { + margin-top: 1rem !important; } + .mr-sm-3 { + margin-right: 1rem !important; } + .mb-sm-3 { + margin-bottom: 1rem !important; } + .ml-sm-3 { + margin-left: 1rem !important; } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .m-sm-4 { + margin: 1.5rem !important; } + .mt-sm-4 { + margin-top: 1.5rem !important; } + .mr-sm-4 { + margin-right: 1.5rem !important; } + .mb-sm-4 { + margin-bottom: 1.5rem !important; } + .ml-sm-4 { + margin-left: 1.5rem !important; } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .m-sm-5 { + margin: 3rem !important; } + .mt-sm-5 { + margin-top: 3rem !important; } + .mr-sm-5 { + margin-right: 3rem !important; } + .mb-sm-5 { + margin-bottom: 3rem !important; } + .ml-sm-5 { + margin-left: 3rem !important; } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .p-sm-0 { + padding: 0 !important; } + .pt-sm-0 { + padding-top: 0 !important; } + .pr-sm-0 { + padding-right: 0 !important; } + .pb-sm-0 { + padding-bottom: 0 !important; } + .pl-sm-0 { + padding-left: 0 !important; } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .p-sm-1 { + padding: 0.25rem !important; } + .pt-sm-1 { + padding-top: 0.25rem !important; } + .pr-sm-1 { + padding-right: 0.25rem !important; } + .pb-sm-1 { + padding-bottom: 0.25rem !important; } + .pl-sm-1 { + padding-left: 0.25rem !important; } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .p-sm-2 { + padding: 0.5rem !important; } + .pt-sm-2 { + padding-top: 0.5rem !important; } + .pr-sm-2 { + padding-right: 0.5rem !important; } + .pb-sm-2 { + padding-bottom: 0.5rem !important; } + .pl-sm-2 { + padding-left: 0.5rem !important; } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .p-sm-3 { + padding: 1rem !important; } + .pt-sm-3 { + padding-top: 1rem !important; } + .pr-sm-3 { + padding-right: 1rem !important; } + .pb-sm-3 { + padding-bottom: 1rem !important; } + .pl-sm-3 { + padding-left: 1rem !important; } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .p-sm-4 { + padding: 1.5rem !important; } + .pt-sm-4 { + padding-top: 1.5rem !important; } + .pr-sm-4 { + padding-right: 1.5rem !important; } + .pb-sm-4 { + padding-bottom: 1.5rem !important; } + .pl-sm-4 { + padding-left: 1.5rem !important; } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .p-sm-5 { + padding: 3rem !important; } + .pt-sm-5 { + padding-top: 3rem !important; } + .pr-sm-5 { + padding-right: 3rem !important; } + .pb-sm-5 { + padding-bottom: 3rem !important; } + .pl-sm-5 { + padding-left: 3rem !important; } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .m-sm-auto { + margin: auto !important; } + .mt-sm-auto { + margin-top: auto !important; } + .mr-sm-auto { + margin-right: auto !important; } + .mb-sm-auto { + margin-bottom: auto !important; } + .ml-sm-auto { + margin-left: auto !important; } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; } } + +@media (min-width: 768px) { + .m-md-0 { + margin: 0 !important; } + .mt-md-0 { + margin-top: 0 !important; } + .mr-md-0 { + margin-right: 0 !important; } + .mb-md-0 { + margin-bottom: 0 !important; } + .ml-md-0 { + margin-left: 0 !important; } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .m-md-1 { + margin: 0.25rem !important; } + .mt-md-1 { + margin-top: 0.25rem !important; } + .mr-md-1 { + margin-right: 0.25rem !important; } + .mb-md-1 { + margin-bottom: 0.25rem !important; } + .ml-md-1 { + margin-left: 0.25rem !important; } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .m-md-2 { + margin: 0.5rem !important; } + .mt-md-2 { + margin-top: 0.5rem !important; } + .mr-md-2 { + margin-right: 0.5rem !important; } + .mb-md-2 { + margin-bottom: 0.5rem !important; } + .ml-md-2 { + margin-left: 0.5rem !important; } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .m-md-3 { + margin: 1rem !important; } + .mt-md-3 { + margin-top: 1rem !important; } + .mr-md-3 { + margin-right: 1rem !important; } + .mb-md-3 { + margin-bottom: 1rem !important; } + .ml-md-3 { + margin-left: 1rem !important; } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .m-md-4 { + margin: 1.5rem !important; } + .mt-md-4 { + margin-top: 1.5rem !important; } + .mr-md-4 { + margin-right: 1.5rem !important; } + .mb-md-4 { + margin-bottom: 1.5rem !important; } + .ml-md-4 { + margin-left: 1.5rem !important; } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .m-md-5 { + margin: 3rem !important; } + .mt-md-5 { + margin-top: 3rem !important; } + .mr-md-5 { + margin-right: 3rem !important; } + .mb-md-5 { + margin-bottom: 3rem !important; } + .ml-md-5 { + margin-left: 3rem !important; } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .p-md-0 { + padding: 0 !important; } + .pt-md-0 { + padding-top: 0 !important; } + .pr-md-0 { + padding-right: 0 !important; } + .pb-md-0 { + padding-bottom: 0 !important; } + .pl-md-0 { + padding-left: 0 !important; } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .p-md-1 { + padding: 0.25rem !important; } + .pt-md-1 { + padding-top: 0.25rem !important; } + .pr-md-1 { + padding-right: 0.25rem !important; } + .pb-md-1 { + padding-bottom: 0.25rem !important; } + .pl-md-1 { + padding-left: 0.25rem !important; } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .p-md-2 { + padding: 0.5rem !important; } + .pt-md-2 { + padding-top: 0.5rem !important; } + .pr-md-2 { + padding-right: 0.5rem !important; } + .pb-md-2 { + padding-bottom: 0.5rem !important; } + .pl-md-2 { + padding-left: 0.5rem !important; } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .p-md-3 { + padding: 1rem !important; } + .pt-md-3 { + padding-top: 1rem !important; } + .pr-md-3 { + padding-right: 1rem !important; } + .pb-md-3 { + padding-bottom: 1rem !important; } + .pl-md-3 { + padding-left: 1rem !important; } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .p-md-4 { + padding: 1.5rem !important; } + .pt-md-4 { + padding-top: 1.5rem !important; } + .pr-md-4 { + padding-right: 1.5rem !important; } + .pb-md-4 { + padding-bottom: 1.5rem !important; } + .pl-md-4 { + padding-left: 1.5rem !important; } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .p-md-5 { + padding: 3rem !important; } + .pt-md-5 { + padding-top: 3rem !important; } + .pr-md-5 { + padding-right: 3rem !important; } + .pb-md-5 { + padding-bottom: 3rem !important; } + .pl-md-5 { + padding-left: 3rem !important; } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .m-md-auto { + margin: auto !important; } + .mt-md-auto { + margin-top: auto !important; } + .mr-md-auto { + margin-right: auto !important; } + .mb-md-auto { + margin-bottom: auto !important; } + .ml-md-auto { + margin-left: auto !important; } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; } } + +@media (min-width: 992px) { + .m-lg-0 { + margin: 0 !important; } + .mt-lg-0 { + margin-top: 0 !important; } + .mr-lg-0 { + margin-right: 0 !important; } + .mb-lg-0 { + margin-bottom: 0 !important; } + .ml-lg-0 { + margin-left: 0 !important; } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .m-lg-1 { + margin: 0.25rem !important; } + .mt-lg-1 { + margin-top: 0.25rem !important; } + .mr-lg-1 { + margin-right: 0.25rem !important; } + .mb-lg-1 { + margin-bottom: 0.25rem !important; } + .ml-lg-1 { + margin-left: 0.25rem !important; } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .m-lg-2 { + margin: 0.5rem !important; } + .mt-lg-2 { + margin-top: 0.5rem !important; } + .mr-lg-2 { + margin-right: 0.5rem !important; } + .mb-lg-2 { + margin-bottom: 0.5rem !important; } + .ml-lg-2 { + margin-left: 0.5rem !important; } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .m-lg-3 { + margin: 1rem !important; } + .mt-lg-3 { + margin-top: 1rem !important; } + .mr-lg-3 { + margin-right: 1rem !important; } + .mb-lg-3 { + margin-bottom: 1rem !important; } + .ml-lg-3 { + margin-left: 1rem !important; } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .m-lg-4 { + margin: 1.5rem !important; } + .mt-lg-4 { + margin-top: 1.5rem !important; } + .mr-lg-4 { + margin-right: 1.5rem !important; } + .mb-lg-4 { + margin-bottom: 1.5rem !important; } + .ml-lg-4 { + margin-left: 1.5rem !important; } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .m-lg-5 { + margin: 3rem !important; } + .mt-lg-5 { + margin-top: 3rem !important; } + .mr-lg-5 { + margin-right: 3rem !important; } + .mb-lg-5 { + margin-bottom: 3rem !important; } + .ml-lg-5 { + margin-left: 3rem !important; } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .p-lg-0 { + padding: 0 !important; } + .pt-lg-0 { + padding-top: 0 !important; } + .pr-lg-0 { + padding-right: 0 !important; } + .pb-lg-0 { + padding-bottom: 0 !important; } + .pl-lg-0 { + padding-left: 0 !important; } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .p-lg-1 { + padding: 0.25rem !important; } + .pt-lg-1 { + padding-top: 0.25rem !important; } + .pr-lg-1 { + padding-right: 0.25rem !important; } + .pb-lg-1 { + padding-bottom: 0.25rem !important; } + .pl-lg-1 { + padding-left: 0.25rem !important; } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .p-lg-2 { + padding: 0.5rem !important; } + .pt-lg-2 { + padding-top: 0.5rem !important; } + .pr-lg-2 { + padding-right: 0.5rem !important; } + .pb-lg-2 { + padding-bottom: 0.5rem !important; } + .pl-lg-2 { + padding-left: 0.5rem !important; } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .p-lg-3 { + padding: 1rem !important; } + .pt-lg-3 { + padding-top: 1rem !important; } + .pr-lg-3 { + padding-right: 1rem !important; } + .pb-lg-3 { + padding-bottom: 1rem !important; } + .pl-lg-3 { + padding-left: 1rem !important; } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .p-lg-4 { + padding: 1.5rem !important; } + .pt-lg-4 { + padding-top: 1.5rem !important; } + .pr-lg-4 { + padding-right: 1.5rem !important; } + .pb-lg-4 { + padding-bottom: 1.5rem !important; } + .pl-lg-4 { + padding-left: 1.5rem !important; } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .p-lg-5 { + padding: 3rem !important; } + .pt-lg-5 { + padding-top: 3rem !important; } + .pr-lg-5 { + padding-right: 3rem !important; } + .pb-lg-5 { + padding-bottom: 3rem !important; } + .pl-lg-5 { + padding-left: 3rem !important; } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .m-lg-auto { + margin: auto !important; } + .mt-lg-auto { + margin-top: auto !important; } + .mr-lg-auto { + margin-right: auto !important; } + .mb-lg-auto { + margin-bottom: auto !important; } + .ml-lg-auto { + margin-left: auto !important; } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; } } + +@media (min-width: 1200px) { + .m-xl-0 { + margin: 0 !important; } + .mt-xl-0 { + margin-top: 0 !important; } + .mr-xl-0 { + margin-right: 0 !important; } + .mb-xl-0 { + margin-bottom: 0 !important; } + .ml-xl-0 { + margin-left: 0 !important; } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } + .m-xl-1 { + margin: 0.25rem !important; } + .mt-xl-1 { + margin-top: 0.25rem !important; } + .mr-xl-1 { + margin-right: 0.25rem !important; } + .mb-xl-1 { + margin-bottom: 0.25rem !important; } + .ml-xl-1 { + margin-left: 0.25rem !important; } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } + .m-xl-2 { + margin: 0.5rem !important; } + .mt-xl-2 { + margin-top: 0.5rem !important; } + .mr-xl-2 { + margin-right: 0.5rem !important; } + .mb-xl-2 { + margin-bottom: 0.5rem !important; } + .ml-xl-2 { + margin-left: 0.5rem !important; } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } + .m-xl-3 { + margin: 1rem !important; } + .mt-xl-3 { + margin-top: 1rem !important; } + .mr-xl-3 { + margin-right: 1rem !important; } + .mb-xl-3 { + margin-bottom: 1rem !important; } + .ml-xl-3 { + margin-left: 1rem !important; } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } + .m-xl-4 { + margin: 1.5rem !important; } + .mt-xl-4 { + margin-top: 1.5rem !important; } + .mr-xl-4 { + margin-right: 1.5rem !important; } + .mb-xl-4 { + margin-bottom: 1.5rem !important; } + .ml-xl-4 { + margin-left: 1.5rem !important; } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } + .m-xl-5 { + margin: 3rem !important; } + .mt-xl-5 { + margin-top: 3rem !important; } + .mr-xl-5 { + margin-right: 3rem !important; } + .mb-xl-5 { + margin-bottom: 3rem !important; } + .ml-xl-5 { + margin-left: 3rem !important; } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } + .p-xl-0 { + padding: 0 !important; } + .pt-xl-0 { + padding-top: 0 !important; } + .pr-xl-0 { + padding-right: 0 !important; } + .pb-xl-0 { + padding-bottom: 0 !important; } + .pl-xl-0 { + padding-left: 0 !important; } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } + .p-xl-1 { + padding: 0.25rem !important; } + .pt-xl-1 { + padding-top: 0.25rem !important; } + .pr-xl-1 { + padding-right: 0.25rem !important; } + .pb-xl-1 { + padding-bottom: 0.25rem !important; } + .pl-xl-1 { + padding-left: 0.25rem !important; } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } + .p-xl-2 { + padding: 0.5rem !important; } + .pt-xl-2 { + padding-top: 0.5rem !important; } + .pr-xl-2 { + padding-right: 0.5rem !important; } + .pb-xl-2 { + padding-bottom: 0.5rem !important; } + .pl-xl-2 { + padding-left: 0.5rem !important; } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } + .p-xl-3 { + padding: 1rem !important; } + .pt-xl-3 { + padding-top: 1rem !important; } + .pr-xl-3 { + padding-right: 1rem !important; } + .pb-xl-3 { + padding-bottom: 1rem !important; } + .pl-xl-3 { + padding-left: 1rem !important; } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } + .p-xl-4 { + padding: 1.5rem !important; } + .pt-xl-4 { + padding-top: 1.5rem !important; } + .pr-xl-4 { + padding-right: 1.5rem !important; } + .pb-xl-4 { + padding-bottom: 1.5rem !important; } + .pl-xl-4 { + padding-left: 1.5rem !important; } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } + .p-xl-5 { + padding: 3rem !important; } + .pt-xl-5 { + padding-top: 3rem !important; } + .pr-xl-5 { + padding-right: 3rem !important; } + .pb-xl-5 { + padding-bottom: 3rem !important; } + .pl-xl-5 { + padding-left: 3rem !important; } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } + .m-xl-auto { + margin: auto !important; } + .mt-xl-auto { + margin-top: auto !important; } + .mr-xl-auto { + margin-right: auto !important; } + .mb-xl-auto { + margin-bottom: auto !important; } + .ml-xl-auto { + margin-left: auto !important; } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; } } + +.e-px { + padding-left: 0; + padding-right: 0; } + +@media (min-width: 576px) { + .e-px { + padding-left: 5%; + padding-right: 5%; } } + +@media (min-width: 768px) { + .e-px { + padding-left: 10%; + padding-right: 10%; } } + +@media (min-width: 992px) { + .e-px { + padding-left: 15%; + padding-right: 15%; } } + +@media (min-width: 1200px) { + .e-px { + padding-left: 20%; + padding-right: 20%; } } + +.img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .comments-list img, +.reply-form img, .section-blog-fw .view img { + max-width: 100%; + height: auto; } + +.inline-ul > li { + display: inline; } + +.list-inline-div > div { + display: inline-block; } + +@media only screen and (max-width: 992px) { + .center-on-small-only { + text-align: center; } + .center-on-small-only .img-fluid, .center-on-small-only .modal-dialog.cascading-modal.modal-avatar .modal-header, .modal-dialog.cascading-modal.modal-avatar .center-on-small-only .modal-header, .center-on-small-only .comments-list img, .comments-list .center-on-small-only img, .center-on-small-only + .reply-form img, + .reply-form .center-on-small-only img, .center-on-small-only .section-blog-fw .view img, .section-blog-fw .view .center-on-small-only img { + display: inline; } } + +.flex-center, .card-overlay, .section.team-section .avatar, .testimonial-carousel .testimonial .avatar, .card .card-circle { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 100%; } + .flex-center p, .card-overlay p, .section.team-section .avatar p, .testimonial-carousel .testimonial .avatar p, .card .card-circle p { + margin: 0; } + .flex-center ul, .card-overlay ul, .section.team-section .avatar ul, .testimonial-carousel .testimonial .avatar ul, .card .card-circle ul { + text-align: center; } + .flex-center ul li, .card-overlay ul li, .section.team-section .avatar ul li, .testimonial-carousel .testimonial .avatar ul li, .card .card-circle ul li { + margin-bottom: 1rem; } + +@media (max-width: 992px) { + .hidden-md-down { + display: none !important; } } + +@media (min-width: 992px) { + .mb-r { + margin-bottom: 3rem !important; } } + +@media (max-width: 992px) { + .mb-r { + margin-bottom: 2rem !important; } } + +.font-bold { + font-weight: 500; } + +.font-up { + text-transform: uppercase; } + +.hr-light { + border-top: 1px solid #fff; } + +.hr-dark { + border-top: 1px solid #666; } + +.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 #ffbb33; } + .bq-warning .bq-title { + color: #ffbb33; } + +.bq-danger { + border-left: 3px solid #ff3547; } + .bq-danger .bq-title { + color: #ff3547; } + +.bq-success { + border-left: 3px solid #00C851; } + .bq-success .bq-title { + color: #00C851; } + + +body { + font-family: 'Roboto', sans-serif; + font-weight: 300; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 300; } + +.h1-responsive, .section-heading h1 { + font-size: 150%; } + +.h2-responsive, .section-blog-fw h2 { + font-size: 145%; } + +.h3-responsive { + font-size: 135%; } + +.h4-responsive { + font-size: 135%; } + +.h5-responsive { + font-size: 135%; } + +@media (min-width: 576px) { + .h1-responsive, .section-heading h1 { + font-size: 170%; } + .h2-responsive, .section-blog-fw h2 { + font-size: 140%; } + .h3-responsive { + font-size: 125%; } + .h4-responsive { + font-size: 125%; } + .h5-responsive { + font-size: 125%; } } + +@media (min-width: 768px) { + .h1-responsive, .section-heading h1 { + font-size: 200%; } + .h2-responsive, .section-blog-fw h2 { + font-size: 170%; } + .h3-responsive { + font-size: 140%; } + .h4-responsive { + font-size: 125%; } + .h5-responsive { + font-size: 125%; } } + +@media (min-width: 992px) { + .h1-responsive, .section-heading h1 { + font-size: 200%; } + .h2-responsive, .section-blog-fw h2 { + font-size: 170%; } + .h3-responsive { + font-size: 140%; } + .h4-responsive { + font-size: 125%; } + .h5-responsive { + font-size: 125%; } } + +@media (min-width: 1200px) { + .h1-responsive, .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%; } } + +.fs-0 { + font-size: 0 !important; } + +.fs-1 { + font-size: 0.25rem !important; } + +.fs-2 { + font-size: 0.5rem !important; } + +.fs-3 { + font-size: 1rem !important; } + +.fs-4 { + font-size: 1.5rem !important; } + +.fs-5 { + font-size: 3rem !important; } + +.divider-new { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-weight: 300; + margin-top: 45px; + margin-bottom: 45px; } + .divider-new h2 { + margin-top: 5px; } + .divider-new:before { + content: ''; + height: 1.5px; + background: #c6c6c6; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 .45em 0 0; } + .divider-new:after { + content: ''; + height: 1.5px; + background: #c6c6c6; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + margin: 0 0 0 .45em; } + +blockquote { + padding: .5rem 1rem; + font-size: 1.25rem; + border-left: .25rem solid #eceeef; } + blockquote p { + font-size: 0.9rem; + padding-left: 2rem; + padding-top: 1rem; + padding-bottom: 1rem; } + +button:focus { + outline: 0 !important; } + +.btn { + font-size: 0.8rem; + padding: 0.85rem 2.13rem; + margin: 6px; + border-radius: 2px; + border: 0; + -webkit-transition: .2s ease-out; + transition: .2s ease-out; + text-transform: uppercase; + white-space: normal !important; + word-wrap: break-word; + cursor: pointer; } + .btn:hover, .btn:active, .btn:focus { + outline: 0; } + .btn .fa { + font-size: 1.1rem; + position: relative; + vertical-align: middle; + margin-top: -2px; } + .btn .fa.right { + margin-left: 3px; } + .btn .fa.left { + margin-right: 3px; } + .btn.btn-lg { + font-size: 0.9rem; + padding: 1rem 2.4rem; } + .btn.btn-md { + font-size: 0.7rem; + padding: 0.7rem 1.6rem; } + .btn.btn-sm, .btn.wishlist { + font-size: 0.6rem; + padding: 0.5rem 1.6rem; } + .btn.btn-sm.btn-table, .btn.btn-table.wishlist { + padding: 0.5rem 0.9rem; } + .btn.btn-sm .fa, .btn.wishlist .fa { + font-size: 0.8rem; } + .btn.btn-tb { + padding: 0.3rem 1rem; } + .btn.disabled, .btn:disabled { + cursor: not-allowed; } + .btn[class*="btn-outline-"] { + padding-top: .76rem; + padding-bottom: .76rem; } + .btn[class*="btn-outline-"].btn-sm, .btn[class*="btn-outline-"].wishlist { + padding-top: .42rem; + padding-bottom: .42rem; } + .btn[class*="btn-outline-"].btn-md { + padding-top: .58rem; + padding-bottom: .58rem; } + .btn[class*="btn-outline-"].btn-lg { + padding-top: .9rem; + padding-bottom: .9rem; } + +.btn-secondary.disabled, .btn-secondary:disabled { + background-color: #b579d2 !important; + border-color: #b579d2 !important; } + +.btn-group .btn { + margin: 0; } + +.btn-block { + margin: inherit; } + +.btn-split { + padding-left: 0.85rem; + padding-right: 1.25rem; } + +.btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + .btn-link:hover, .btn-link:focus { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + +.btn-primary { + background-color: #4285F4; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { + background-color: #5a95f5 !important; } + .btn-primary.dropdown-toggle { + background-color: #4285F4 !important; } + .btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus { + background-color: #5a95f5 !important; } + +.btn-outline-primary { + border: 2px solid #4285F4; + color: #4285F4 !important; + background-color: transparent; } + .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active { + background-color: transparent; + color: #4285F4; + border-color: #4285F4; } + +.btn-danger { + background-color: #ff3547; } + .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { + background-color: #ff4f5e !important; } + .btn-danger.dropdown-toggle { + background-color: #ff3547 !important; } + .btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus { + background-color: #ff4f5e !important; } + +.btn-outline-danger { + border: 2px solid #ff3547; + color: #ff3547 !important; + background-color: transparent; } + .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active { + background-color: transparent; + color: #ff3547; + border-color: #ff3547; } + +.btn-warning { + background-color: #FF8800; } + .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { + background-color: #ff941a !important; } + .btn-warning.dropdown-toggle { + background-color: #FF8800 !important; } + .btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus { + background-color: #ff941a !important; } + +.btn-outline-warning { + border: 2px solid #FF8800; + color: #FF8800 !important; + background-color: transparent; } + .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active { + background-color: transparent; + color: #FF8800; + border-color: #FF8800; } + +.btn-success { + background-color: #00C851; } + .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { + background-color: #00e25b !important; } + .btn-success.dropdown-toggle { + background-color: #00C851 !important; } + .btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus { + background-color: #00e25b !important; } + +.btn-outline-success { + border: 2px solid #00C851; + color: #00C851 !important; + background-color: transparent; } + .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active { + background-color: transparent; + color: #00C851; + border-color: #00C851; } + +.btn-info { + background-color: #33b5e5; } + .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { + background-color: #4abde8 !important; } + .btn-info.dropdown-toggle { + background-color: #33b5e5 !important; } + .btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus { + background-color: #4abde8 !important; } + +.btn-outline-info { + border: 2px solid #33b5e5; + color: #33b5e5 !important; + background-color: transparent; } + .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active { + background-color: transparent; + color: #33b5e5; + border-color: #33b5e5; } + +.btn-default { + background-color: #2BBBAD; } + .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { + background-color: #30cfc0 !important; } + .btn-default.dropdown-toggle { + background-color: #2BBBAD !important; } + .btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus { + background-color: #30cfc0 !important; } + +.btn-outline-default { + border: 2px solid #2BBBAD; + color: #2BBBAD !important; + background-color: transparent; } + .btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active { + background-color: transparent; + color: #2BBBAD; + border-color: #2BBBAD; } + +.btn-secondary { + background-color: #aa66cc; } + .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active { + background-color: #b579d2 !important; } + .btn-secondary.dropdown-toggle { + background-color: #aa66cc !important; } + .btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus { + background-color: #b579d2 !important; } + +.btn-outline-secondary { + border: 2px solid #aa66cc; + color: #aa66cc !important; + background-color: transparent; } + .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active { + background-color: transparent; + color: #aa66cc; + border-color: #aa66cc; } + +.btn-elegant { + background-color: #2E2E2E; } + .btn-elegant:hover, .btn-elegant:focus, .btn-elegant:active, .btn-elegant.active { + background-color: #3b3b3b !important; } + .btn-elegant.dropdown-toggle { + background-color: #2E2E2E !important; } + .btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus { + background-color: #3b3b3b !important; } + +.btn-outline-elegant { + border: 2px solid #2E2E2E; + color: #2E2E2E !important; + background-color: transparent; } + .btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active { + background-color: transparent; + color: #2E2E2E; + border-color: #2E2E2E; } + +.btn-unique { + background-color: #880e4f; } + .btn-unique:hover, .btn-unique:focus, .btn-unique:active, .btn-unique.active { + background-color: #9f105c !important; } + .btn-unique.dropdown-toggle { + background-color: #880e4f !important; } + .btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus { + background-color: #9f105c !important; } + +.btn-outline-unique { + border: 2px solid #880e4f; + color: #880e4f !important; + background-color: transparent; } + .btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active { + background-color: transparent; + color: #880e4f; + border-color: #880e4f; } + +.btn-dark-green { + background-color: #388E3C; } + .btn-dark-green:hover, .btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active { + background-color: #3fa044 !important; } + .btn-dark-green.dropdown-toggle { + background-color: #388E3C !important; } + .btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus { + background-color: #3fa044 !important; } + +.btn-outline-dark-green { + border: 2px solid #388E3C; + color: #388E3C !important; + background-color: transparent; } + .btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active { + background-color: transparent; + color: #388E3C; + border-color: #388E3C; } + +.btn-mdb-color { + background-color: #59698D; } + .btn-mdb-color:hover, .btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active { + background-color: #63759d !important; } + .btn-mdb-color.dropdown-toggle { + background-color: #59698D !important; } + .btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus { + background-color: #63759d !important; } + +.btn-outline-mdb-color { + border: 2px solid #59698D; + color: #59698D !important; + background-color: transparent; } + .btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active { + background-color: transparent; + color: #59698D; + border-color: #59698D; } + +.btn-red { + background-color: #D32F2F; } + .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { + background-color: #d74444 !important; } + .btn-red.dropdown-toggle { + background-color: #D32F2F !important; } + .btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus { + background-color: #d74444 !important; } + +.btn-outline-red { + border: 2px solid #D32F2F; + color: #D32F2F !important; + background-color: transparent; } + .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active { + background-color: transparent; + color: #D32F2F; + border-color: #D32F2F; } + +.btn-pink { + background-color: #ec407a; } + .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active { + background-color: #ee578a !important; } + .btn-pink.dropdown-toggle { + background-color: #ec407a !important; } + .btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus { + background-color: #ee578a !important; } + +.btn-outline-pink { + border: 2px solid #ec407a; + color: #ec407a !important; + background-color: transparent; } + .btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active { + background-color: transparent; + color: #ec407a; + border-color: #ec407a; } + +.btn-purple { + background-color: #8e24aa; } + .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active { + background-color: #a028bf !important; } + .btn-purple.dropdown-toggle { + background-color: #8e24aa !important; } + .btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus { + background-color: #a028bf !important; } + +.btn-outline-purple { + border: 2px solid #8e24aa; + color: #8e24aa !important; + background-color: transparent; } + .btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active { + background-color: transparent; + color: #8e24aa; + border-color: #8e24aa; } + +.btn-deep-purple { + background-color: #512da8; } + .btn-deep-purple:hover, .btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active { + background-color: #5b32bc !important; } + .btn-deep-purple.dropdown-toggle { + background-color: #512da8 !important; } + .btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus { + background-color: #5b32bc !important; } + +.btn-outline-deep-purple { + border: 2px solid #512da8; + color: #512da8 !important; + background-color: transparent; } + .btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active { + background-color: transparent; + color: #512da8; + border-color: #512da8; } + +.btn-indigo { + background-color: #3f51b5; } + .btn-indigo:hover, .btn-indigo:focus, .btn-indigo:active, .btn-indigo.active { + background-color: #4d5ec1 !important; } + .btn-indigo.dropdown-toggle { + background-color: #3f51b5 !important; } + .btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus { + background-color: #4d5ec1 !important; } + +.btn-outline-indigo { + border: 2px solid #3f51b5; + color: #3f51b5 !important; + background-color: transparent; } + .btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active { + background-color: transparent; + color: #3f51b5; + border-color: #3f51b5; } + +.btn-blue { + background-color: #1976D2; } + .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { + background-color: #2083e4 !important; } + .btn-blue.dropdown-toggle { + background-color: #1976D2 !important; } + .btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus { + background-color: #2083e4 !important; } + +.btn-outline-blue { + border: 2px solid #1976D2; + color: #1976D2 !important; + background-color: transparent; } + .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active { + background-color: transparent; + color: #1976D2; + border-color: #1976D2; } + +.btn-light-blue { + background-color: #82B1FF; } + .btn-light-blue:hover, .btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active { + background-color: #9cc1ff !important; } + .btn-light-blue.dropdown-toggle { + background-color: #82B1FF !important; } + .btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus { + background-color: #9cc1ff !important; } + +.btn-outline-light-blue { + border: 2px solid #82B1FF; + color: #82B1FF !important; + background-color: transparent; } + .btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active { + background-color: transparent; + color: #82B1FF; + border-color: #82B1FF; } + +.btn-cyan { + background-color: #00bcd4; } + .btn-cyan:hover, .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active { + background-color: #00d3ee !important; } + .btn-cyan.dropdown-toggle { + background-color: #00bcd4 !important; } + .btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus { + background-color: #00d3ee !important; } + +.btn-outline-cyan { + border: 2px solid #00bcd4; + color: #00bcd4 !important; + background-color: transparent; } + .btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active { + background-color: transparent; + color: #00bcd4; + border-color: #00bcd4; } + +.btn-teal { + background-color: #00796b; } + .btn-teal:hover, .btn-teal:focus, .btn-teal:active, .btn-teal.active { + background-color: #009382 !important; } + .btn-teal.dropdown-toggle { + background-color: #00796b !important; } + .btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus { + background-color: #009382 !important; } + +.btn-outline-teal { + border: 2px solid #00796b; + color: #00796b !important; + background-color: transparent; } + .btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active { + background-color: transparent; + color: #00796b; + border-color: #00796b; } + +.btn-green { + background-color: #388E3C; } + .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { + background-color: #3fa044 !important; } + .btn-green.dropdown-toggle { + background-color: #388E3C !important; } + .btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus { + background-color: #3fa044 !important; } + +.btn-outline-green { + border: 2px solid #388E3C; + color: #388E3C !important; + background-color: transparent; } + .btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active { + background-color: transparent; + color: #388E3C; + border-color: #388E3C; } + +.btn-light-green { + background-color: #8bc34a; } + .btn-light-green:hover, .btn-light-green:focus, .btn-light-green:active, .btn-light-green.active { + background-color: #97c95d !important; } + .btn-light-green.dropdown-toggle { + background-color: #8bc34a !important; } + .btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus { + background-color: #97c95d !important; } + +.btn-outline-light-green { + border: 2px solid #8bc34a; + color: #8bc34a !important; + background-color: transparent; } + .btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active { + background-color: transparent; + color: #8bc34a; + border-color: #8bc34a; } + +.btn-lime { + background-color: #afb42b; } + .btn-lime:hover, .btn-lime:focus, .btn-lime:active, .btn-lime.active { + background-color: #c3c930 !important; } + .btn-lime.dropdown-toggle { + background-color: #afb42b !important; } + .btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus { + background-color: #c3c930 !important; } + +.btn-outline-lime { + border: 2px solid #afb42b; + color: #afb42b !important; + background-color: transparent; } + .btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active { + background-color: transparent; + color: #afb42b; + border-color: #afb42b; } + +.btn-yellow { + background-color: #fbc02d; } + .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { + background-color: #fbc846 !important; } + .btn-yellow.dropdown-toggle { + background-color: #fbc02d !important; } + .btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus { + background-color: #fbc846 !important; } + +.btn-outline-yellow { + border: 2px solid #fbc02d; + color: #fbc02d !important; + background-color: transparent; } + .btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active { + background-color: transparent; + color: #fbc02d; + border-color: #fbc02d; } + +.btn-amber { + background-color: #ffa000; } + .btn-amber:hover, .btn-amber:focus, .btn-amber:active, .btn-amber.active { + background-color: #ffaa1a !important; } + .btn-amber.dropdown-toggle { + background-color: #ffa000 !important; } + .btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus { + background-color: #ffaa1a !important; } + +.btn-outline-amber { + border: 2px solid #ffa000; + color: #ffa000 !important; + background-color: transparent; } + .btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active { + background-color: transparent; + color: #ffa000; + border-color: #ffa000; } + +.btn-orange { + background-color: #f57c00; } + .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { + background-color: #ff8910 !important; } + .btn-orange.dropdown-toggle { + background-color: #f57c00 !important; } + .btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus { + background-color: #ff8910 !important; } + +.btn-outline-orange { + border: 2px solid #f57c00; + color: #f57c00 !important; + background-color: transparent; } + .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active { + background-color: transparent; + color: #f57c00; + border-color: #f57c00; } + +.btn-deep-orange { + background-color: #ff7043; } + .btn-deep-orange:hover, .btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active { + background-color: #ff835d !important; } + .btn-deep-orange.dropdown-toggle { + background-color: #ff7043 !important; } + .btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus { + background-color: #ff835d !important; } + +.btn-outline-deep-orange { + border: 2px solid #ff7043; + color: #ff7043 !important; + background-color: transparent; } + .btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active { + background-color: transparent; + color: #ff7043; + border-color: #ff7043; } + +.btn-brown { + background-color: #795548; } + .btn-brown:hover, .btn-brown:focus, .btn-brown:active, .btn-brown.active { + background-color: #896052 !important; } + .btn-brown.dropdown-toggle { + background-color: #795548 !important; } + .btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus { + background-color: #896052 !important; } + +.btn-outline-brown { + border: 2px solid #795548; + color: #795548 !important; + background-color: transparent; } + .btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active { + background-color: transparent; + color: #795548; + border-color: #795548; } + +.btn-grey { + background-color: #616161; } + .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active { + background-color: #6e6e6e !important; } + .btn-grey.dropdown-toggle { + background-color: #616161 !important; } + .btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus { + background-color: #6e6e6e !important; } + +.btn-outline-grey { + border: 2px solid #616161; + color: #616161 !important; + background-color: transparent; } + .btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active { + background-color: transparent; + color: #616161; + border-color: #616161; } + +.btn-blue-grey { + background-color: #78909c; } + .btn-blue-grey:hover, .btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active { + background-color: #879ca7 !important; } + .btn-blue-grey.dropdown-toggle { + background-color: #78909c !important; } + .btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus { + background-color: #879ca7 !important; } + +.btn-outline-blue-grey { + border: 2px solid #78909c; + color: #78909c !important; + background-color: transparent; } + .btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active { + background-color: transparent; + color: #78909c; + border-color: #78909c; } + +.btn-white { + background-color: #fff; } + .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active { + background-color: white !important; } + .btn-white.dropdown-toggle { + background-color: #fff !important; } + .btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus { + background-color: white !important; } + +.btn-outline-white { + border: 2px solid #fff; + color: #fff !important; + background-color: transparent; } + .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active { + background-color: transparent; + color: #fff; + border-color: #fff; } + +.btn-black { + background-color: #000; } + .btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active { + background-color: #0d0d0d !important; } + .btn-black.dropdown-toggle { + background-color: #000 !important; } + .btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus { + background-color: #0d0d0d !important; } + +.btn-outline-black { + border: 2px solid #000; + color: #000 !important; + background-color: transparent; } + .btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active { + background-color: transparent; + color: #000; + border-color: #000; } + +.card { + font-weight: 400; + border-radius: .3rem; } + .card:not([class*="card-outline-"]) { + border: 0; } + .card img { + border-radius: 2px 2px 0 0; } + .card .card-body { + position: relative; } + .card .card-body h5 { + margin-bottom: 1rem; + font-size: 1rem; + font-weight: 400; } + .card .card-body h3 { + margin-bottom: 1rem; + font-weight: 400; } + .card .card-body h4 { + font-weight: 400; } + .card .card-body p { + margin-bottom: 1rem; } + .card .card-title a { + -webkit-transition: 0.3s; + transition: 0.3s; } + .card .card-title a:hover { + -webkit-transition: 0.3s; + transition: 0.3s; } + .card .card-text { + font-size: 0.9rem; + color: #747373; + font-weight: 400; } + .card .card-footer.links-light a { + font-size: 15px; + color: #757575; } + .card .card-footer.links-light a:hover { + color: #d50000; + -webkit-transition: 0.4s; + transition: 0.4s; } + .card .card-footer.links-light a .fa { + font-size: 17px; } + +.dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:focus { + color: #1d1e1f; + background-color: #f7f7f9; } + +.navbar { + font-weight: 300; + padding-right: 1rem !important; } + .navbar form input { + margin: 0 5px 1px 8px; + height: 1rem; } + .navbar .navbar-brand { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start; + overflow: visible; } + .navbar .breadcrumb { + margin: 0; + background-color: inherit; + font-weight: 300; + padding-left: 1rem; + font-size: 15px; } + .navbar .navbar-toggler { + border-width: 0; } + .navbar.double-nav, + .navbar .nav-flex-icons { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; } + @media (max-width: 992px) { + .navbar .container { + width: 100%; } + .navbar .container .navbar-toggler-right { + right: 0; } } + .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disabled, .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disabled:hover { + color: rgba(255, 255, 255, 0.5); } + .navbar.navbar-light .navbar-nav .nav-item .nav-link.disabled, .navbar.navbar-light .navbar-nav .nav-item .nav-link.disabled:hover { + color: rgba(0, 0, 0, 0.5); } + .navbar .nav-item .nav-link { + display: block; } + .navbar .nav-item .nav-link.disabled:active { + pointer-events: none; } + .navbar .nav-item .nav-link .fa { + padding-left: 3px; + padding-right: 3px; } + @media (max-width: 992px) { + .navbar .nav-item .nav-link { + padding-left: 6px; + padding-right: 6px; } } + .navbar .dropdown-menu { + position: absolute !important; + margin-top: 0; } + .navbar .dropdown-menu a { + font-size: 0.9375rem; + font-weight: 300; + padding: 10px; + color: #000 !important; } + .navbar .dropdown-menu a:hover { + color: #fff !important; } + @media (max-width: 600px) { + .navbar .dropdown-menu.dropdown-menu-right { + right: auto !important; } } + .navbar.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + cursor: pointer; } + .navbar.navbar-light .breadcrumb .nav-item .nav-link, + .navbar.navbar-light .navbar-nav .nav-item .nav-link { + color: #000; + -webkit-transition: 0.35s; + transition: 0.35s; } + .navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, + .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { + color: rgba(0, 0, 0, 0.75); } + .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link, + .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link { + background-color: rgba(0, 0, 0, 0.1); } + .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover, + .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover { + color: #000; } + .navbar.navbar-light .navbar-toggler { + color: #000; } + .navbar.navbar-light form input[type=text] { + border-bottom: 1px solid #000; } + .navbar.navbar-light form input[type=text]:focus:not([readonly]) { + border-color: #4285F4; } + .navbar.navbar-light form .form-control { + color: #000; } + .navbar.navbar-light form .form-control::-webkit-input-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control:-moz-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control::-moz-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control::-ms-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control::-webkit-input-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control::-moz-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control:-ms-input-placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-light form .form-control::placeholder { + color: #000; + font-weight: 300; } + .navbar.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); + cursor: pointer; } + .navbar.navbar-dark .breadcrumb .nav-item .nav-link, + .navbar.navbar-dark .navbar-nav .nav-item .nav-link { + color: #fff; + -webkit-transition: 0.35s; + transition: 0.35s; } + .navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, + .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover { + color: rgba(255, 255, 255, 0.75); } + .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link, + .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link { + background-color: rgba(255, 255, 255, 0.1); } + .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, + .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover { + color: #fff; } + .navbar.navbar-dark .navbar-toggler { + color: #fff; } + .navbar.navbar-dark form input[type=text] { + border-bottom: 1px solid #fff; } + .navbar.navbar-dark form input[type=text]:focus:not([readonly]) { + border-color: #4285F4; } + .navbar.navbar-dark form .form-control { + color: #fff; } + .navbar.navbar-dark form .form-control::-webkit-input-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control:-moz-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control::-moz-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control::-ms-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control::-webkit-input-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control::-moz-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control:-ms-input-placeholder { + color: #fff; + font-weight: 300; } + .navbar.navbar-dark form .form-control::placeholder { + color: #fff; + font-weight: 300; } + .navbar.scrolling-navbar { + z-index: 100; } + @media (min-width: 600px) { + .navbar.scrolling-navbar { + -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; + transition: background 0.5s ease-in-out, padding 0.5s ease-in-out; + padding-top: 12px; + padding-bottom: 12px; } + .navbar.scrolling-navbar .navbar-nav > li { + -webkit-transition-duration: 1s; + transition-duration: 1s; } + .navbar.scrolling-navbar.top-nav-collapse { + padding-top: 5px; + padding-bottom: 5px; } } + +@media (min-width: 600px) { + .intro-margin.view { + overflow: visible; + margin-top: -56px; } } + +.pagination .page-link { + background-color: transparent; + font-size: 0.8rem; } + +.pagination .active .page-link { + border-radius: 2px; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; } + .pagination .active .page-link:hover { + color: #fff; } + +.pagination.pagination-circle .page-link { + border-radius: 50%; + margin-left: 2px; + margin-right: 2px; } + .pagination.pagination-circle .page-link:hover { + border-radius: 50%; } + +.pagination.pagination-circle .active .page-link { + border-radius: 50%; } + +.pagination .page-link { + border: 0; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; } + .pagination .page-link:hover { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + background-color: #eee; } + .pagination .page-link:focus { + background-color: transparent; } + +.pagination.pg-blue .active .page-link { + background-color: #4285F4; } + +.pagination.pg-red .active .page-link { + background-color: #ff3547; } + +.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; } + +.badge-primary { + background-color: #4285F4; } + +.badge-danger { + background-color: #ff3547; } + +.badge-warning { + background-color: #FF8800; } + +.badge-success { + background-color: #00C851; } + +.badge-info { + background-color: #33b5e5; } + +.badge-default { + background-color: #2BBBAD; } + +.badge-secondary { + background-color: #aa66cc; } + +.badge-elegant { + background-color: #2E2E2E; } + +.badge-unique { + background-color: #880e4f; } + +.badge-dark-green { + background-color: #388E3C; } + +.badge-mdb-color { + background-color: #59698D; } + +.badge-red { + background-color: #D32F2F; } + +.badge-pink { + background-color: #ec407a; } + +.badge-purple { + background-color: #8e24aa; } + +.badge-deep-purple { + background-color: #512da8; } + +.badge-indigo { + background-color: #3f51b5; } + +.badge-blue { + background-color: #1976D2; } + +.badge-light-blue { + background-color: #82B1FF; } + +.badge-cyan { + background-color: #00bcd4; } + +.badge-teal { + background-color: #00796b; } + +.badge-green { + background-color: #388E3C; } + +.badge-light-green { + background-color: #8bc34a; } + +.badge-lime { + background-color: #afb42b; } + +.badge-yellow { + background-color: #fbc02d; } + +.badge-amber { + background-color: #ffa000; } + +.badge-orange { + background-color: #f57c00; } + +.badge-deep-orange { + background-color: #ff7043; } + +.badge-brown { + background-color: #795548; } + +.badge-grey { + background-color: #616161; } + +.badge-blue-grey { + background-color: #78909c; } + +.badge-white { + background-color: #fff; } + +.badge-black { + background-color: #000; } + +.badge-pill { + padding-right: 0.6em; + padding-left: 0.6em; + border-radius: 10rem; } + +.badge-warning { + color: #FFF !important; } + +body.modal-open { + padding-right: 0 !important; + overflow: auto; } + +body.scrollable { + overflow-y: auto; } + +.modal-dialog .modal-content { + border-radius: 2px; + border: 0; } + +.modal { + padding-right: 0 !important; } + @media (min-width: 768px) { + .modal .modal-dialog.modal-top { + top: 0; } + .modal .modal-dialog.modal-left { + left: 0; } + .modal .modal-dialog.modal-right { + right: 0; } + .modal .modal-dialog.modal-bottom { + bottom: 0; } + .modal .modal-dialog.modal-top-left { + top: 10px; + left: 10px; } + .modal .modal-dialog.modal-top-right { + top: 10px; + right: 10px; } + .modal .modal-dialog.modal-bottom-left { + left: 10px; + bottom: 10px; } + .modal .modal-dialog.modal-bottom-right { + right: 10px; + bottom: 10px; } } + .modal.fade.top:not(.show) .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); } + .modal.fade.left:not(.show) .modal-dialog { + -webkit-transform: translate3d(-25%, 0, 0); + transform: translate3d(-25%, 0, 0); } + .modal.fade.right:not(.show) .modal-dialog { + -webkit-transform: translate3d(25%, 0, 0); + transform: translate3d(25%, 0, 0); } + .modal.fade.bottom:not(.show) .modal-dialog { + -webkit-transform: translate3d(0, 25%, 0); + transform: translate3d(0, 25%, 0); } + @media (min-width: 992px) { + .modal.modal-scrolling { + position: relative; } + .modal.modal-scrolling .modal-dialog { + position: fixed; + z-index: 1050; } + .modal.modal-content-clickable { + top: auto; + bottom: auto; } + .modal.modal-content-clickable .modal-dialog { + position: fixed; } + .modal .modal-fluid { + width: 100%; + max-width: 100%; } + .modal .modal-fluid .modal-content { + width: 100%; } + .modal .modal-frame { + position: absolute; + width: 100%; + max-width: 100%; + margin: 0; } + .modal .modal-frame.modal-bottom { + bottom: 0; } + .modal .modal-full-height { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: absolute; + width: 400px; + height: 100%; + margin: 0; + top: 0; + right: 0; } + .modal .modal-full-height.modal-top, .modal .modal-full-height.modal-bottom { + display: block; + width: 100%; + max-width: 100%; + height: auto; } + .modal .modal-full-height.modal-top { + bottom: auto; } + .modal .modal-full-height.modal-bottom { + top: auto; } + .modal .modal-full-height .modal-content { + width: 100%; } + .modal .modal-full-height.modal-lg { + max-width: 90%; + width: 90%; } } + @media (min-width: 992px) and (min-width: 992px) { + .modal .modal-full-height.modal-lg { + max-width: 800px; + width: 800px; } } + @media (min-width: 992px) and (min-width: 1200px) { + .modal .modal-full-height.modal-lg { + max-width: 1000px; + width: 1000px; } } + @media (min-width: 992px) { + .modal .modal-side { + position: absolute; + right: 10px; + bottom: 10px; + margin: 0; + width: 400px; } } + +.modal-dialog .btn .fa { + color: #fff !important; } + +.modal-dialog [class*="btn-outline-"] .fa { + color: inherit !important; } + +.modal-dialog.cascading-modal { + margin-top: 10%; } + .modal-dialog.cascading-modal .close { + color: #fff; + opacity: 1; + text-shadow: none; } + .modal-dialog.cascading-modal .modal-header { + text-align: center; + margin: -2rem 1rem 1rem 1rem; + padding: 1.5rem; + border: none; + border-radius: 3px; } + .modal-dialog.cascading-modal .modal-header .close { + margin-right: 1rem; } + .modal-dialog.cascading-modal .modal-header .title { + width: 100%; + margin-bottom: 0; + font-size: 1.25rem; } + .modal-dialog.cascading-modal .modal-header .title .fa { + margin-right: 9px; } + .modal-dialog.cascading-modal .modal-header .social-buttons { + margin-top: 1.5rem; } + .modal-dialog.cascading-modal .modal-header .social-buttons a { + font-size: 1rem; } + .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs { + margin: -1.5rem 1rem 0 1rem; } + .modal-dialog.cascading-modal .modal-c-tabs .tab-content { + padding: 1.7rem 0 0 0; } + .modal-dialog.cascading-modal .nav-tabs { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .modal-dialog.cascading-modal .nav-tabs li { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; } + .modal-dialog.cascading-modal .nav-tabs li a { + text-align: center; + font-weight: normal; } + .modal-dialog.cascading-modal .modal-body, + .modal-dialog.cascading-modal .modal-footer { + color: #616161; + padding-right: 2rem; + padding-left: 2rem; } + .modal-dialog.cascading-modal .modal-body .additional-option, + .modal-dialog.cascading-modal .modal-footer .additional-option { + text-align: center; + margin-top: 1rem; } + .modal-dialog.cascading-modal.modal-avatar { + margin-top: 6rem; } + .modal-dialog.cascading-modal.modal-avatar .modal-header { + margin: -6rem 2rem -1rem 2rem; } + .modal-dialog.cascading-modal.modal-avatar .modal-header img { + width: 130px; + margin-left: auto; + margin-right: auto; } + +.modal-dialog.modal-notify .heading { + margin: 0; + padding: 0.3rem; + color: #fff; + font-size: 1.15rem; } + +.modal-dialog.modal-notify .modal-header { + border: 0; } + +.modal-dialog.modal-notify .close { + opacity: 1; } + +.modal-dialog.modal-notify .modal-body { + padding: 1.5rem; + color: #616161; } + +.modal-dialog.modal-notify .btn-outline-secondary-modal { + background-color: transparent; } + +.modal-dialog.modal-notify.modal-info .modal-header { + background-color: #5394ff; } + +.modal-dialog.modal-notify.modal-info .fa { + color: #5394ff; } + +.modal-dialog.modal-notify.modal-info .badge { + background-color: #5394ff; } + +.modal-dialog.modal-notify.modal-info .btn-primary-modal { + background-color: #5394ff; } + .modal-dialog.modal-notify.modal-info .btn-primary-modal:hover, .modal-dialog.modal-notify.modal-info .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-info .btn-primary-modal:active, .modal-dialog.modal-notify.modal-info .btn-primary-modal.active { + background-color: #6da4ff !important; } + .modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle { + background-color: #5394ff !important; } + .modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-info .btn-primary-modal.dropdown-toggle:focus { + background-color: #6da4ff !important; } + +.modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal { + border: 2px solid #5394ff; + color: #5394ff !important; + background-color: transparent; } + .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-info .btn-outline-secondary-modal.active { + background-color: transparent; + color: #5394ff; + border-color: #5394ff; } + +.modal-dialog.modal-notify.modal-warning .modal-header { + background-color: #ff8e38; } + +.modal-dialog.modal-notify.modal-warning .fa { + color: #ff8e38; } + +.modal-dialog.modal-notify.modal-warning .badge { + background-color: #ff8e38; } + +.modal-dialog.modal-notify.modal-warning .btn-primary-modal { + background-color: #ff8e38; } + .modal-dialog.modal-notify.modal-warning .btn-primary-modal:hover, .modal-dialog.modal-notify.modal-warning .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-warning .btn-primary-modal:active, .modal-dialog.modal-notify.modal-warning .btn-primary-modal.active { + background-color: #ff9c52 !important; } + .modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle { + background-color: #ff8e38 !important; } + .modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-warning .btn-primary-modal.dropdown-toggle:focus { + background-color: #ff9c52 !important; } + +.modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal { + border: 2px solid #ff8e38; + color: #ff8e38 !important; + background-color: transparent; } + .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-warning .btn-outline-secondary-modal.active { + background-color: transparent; + color: #ff8e38; + border-color: #ff8e38; } + +.modal-dialog.modal-notify.modal-success .modal-header { + background-color: #01d36b; } + +.modal-dialog.modal-notify.modal-success .fa { + color: #01d36b; } + +.modal-dialog.modal-notify.modal-success .badge { + background-color: #01d36b; } + +.modal-dialog.modal-notify.modal-success .btn-primary-modal { + background-color: #01d36b; } + .modal-dialog.modal-notify.modal-success .btn-primary-modal:hover, .modal-dialog.modal-notify.modal-success .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-success .btn-primary-modal:active, .modal-dialog.modal-notify.modal-success .btn-primary-modal.active { + background-color: #01ec78 !important; } + .modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle { + background-color: #01d36b !important; } + .modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-success .btn-primary-modal.dropdown-toggle:focus { + background-color: #01ec78 !important; } + +.modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal { + border: 2px solid #01d36b; + color: #01d36b !important; + background-color: transparent; } + .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-success .btn-outline-secondary-modal.active { + background-color: transparent; + color: #01d36b; + border-color: #01d36b; } + +.modal-dialog.modal-notify.modal-danger .modal-header { + background-color: #ff4b4b; } + +.modal-dialog.modal-notify.modal-danger .fa { + color: #ff4b4b; } + +.modal-dialog.modal-notify.modal-danger .badge { + background-color: #ff4b4b; } + +.modal-dialog.modal-notify.modal-danger .btn-primary-modal { + background-color: #ff4b4b; } + .modal-dialog.modal-notify.modal-danger .btn-primary-modal:hover, .modal-dialog.modal-notify.modal-danger .btn-primary-modal:focus, .modal-dialog.modal-notify.modal-danger .btn-primary-modal:active, .modal-dialog.modal-notify.modal-danger .btn-primary-modal.active { + background-color: #ff6565 !important; } + .modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle { + background-color: #ff4b4b !important; } + .modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:hover, .modal-dialog.modal-notify.modal-danger .btn-primary-modal.dropdown-toggle:focus { + background-color: #ff6565 !important; } + +.modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal { + border: 2px solid #ff4b4b; + color: #ff4b4b !important; + background-color: transparent; } + .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:hover, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:focus, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:active, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal:active:focus, .modal-dialog.modal-notify.modal-danger .btn-outline-secondary-modal.active { + background-color: transparent; + color: #ff4b4b; + border-color: #ff4b4b; } + +.progress { + -webkit-box-shadow: none; + box-shadow: none; + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 4px; + overflow: hidden; + margin-bottom: 1rem; + background-color: #eeeeee; } + .progress .progress-bar { + border-radius: 0; + height: 4px; + background-color: #0d47a1; } + .progress.progress-default { + height: 1rem; } + .progress.progress-default .progress-bar { + height: 1rem; } + .progress.progress-wider { + height: 20px; } + .progress.progress-wider .progress-bar { + height: 20px; } + .progress.progress-narrower { + height: 1px; } + .progress.progress-narrower .progress-bar { + height: 1px; } + +.carousel .carousel-control-prev-icon, +.carousel .carousel-control-next-icon { + width: 36px; + height: 36px; } + +.carousel .carousel-control-prev-icon { + background-image: url(../img/svg/arrow_left.svg); } + +.carousel .carousel-control-next-icon { + background-image: url(../img/svg/arrow_right.svg); } + +.carousel .carousel-indicators li { + max-width: 10px; + height: 10px; + border-radius: 50%; + cursor: pointer; } + +.carousel .video-fluid { + height: 100%; + width: 100%; } + +.accordion .card { + border-bottom: 1px solid #eeeeee; + -webkit-box-shadow: none; + box-shadow: none; } + .accordion .card .card-header { + padding: 1rem 1.5rem; + background: transparent; + border-bottom: 0; } + .accordion .card .card-header a:not(.collapsed) .rotate-icon { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } + .accordion .card .fa-angle-down { + float: right; } + .accordion .card .card-block { + padding-top: .25rem; } + .accordion .card .card-body { + line-height: 1.7; + color: #626262; + font-size: 0.9rem; + font-weight: 300; } + .accordion .card h5 { + font-size: 1.1rem; + font-weight: 400; } + +.collapsible-body { + display: none; } + +.jumbotron, .author-box { + background-color: #fff; + padding: 2rem; } + .jumbotron.m-1, .m-1.author-box, .section-blog-fw .jumbotron, .section-blog-fw .author-box, .jumbotron.m-2, .m-2.author-box, .jumbotron.m-3, .m-3.author-box { + z-index: 50; + position: relative; + margin-left: 3%; + margin-right: 3%; } + .jumbotron.m-1, .m-1.author-box, .section-blog-fw .jumbotron, .section-blog-fw .author-box { + margin-top: -20px; } + .jumbotron.m-2, .m-2.author-box { + margin-top: -30px; } + .jumbotron.m-3, .m-3.author-box { + margin-top: -40px; } + +.view { + overflow: hidden; + position: relative; + cursor: default; } + .view .mask { + background-attachment: fixed; } + .view .mask, + .view .full-bg-img { + width: 100%; + height: 100%; + position: absolute; + overflow: hidden; + top: 0; + left: 0; } + .view img, .view video { + display: block; + position: relative; } + +.hm-zoom img, +.hm-zoom video, +.overlay img, +.overlay video { + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; } + +.hm-zoom:hover .mask, +.overlay:hover .mask { + opacity: 1; } + +.hm-zoom:hover img { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); } + +.overlay .mask { + opacity: 0; + -webkit-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; } + +.pattern-1 { + background: url("../img/overlays/01.png"); } + +.pattern-2 { + background: url("../img/overlays/02.png"); } + +.pattern-3 { + background: url("../img/overlays/03.png"); } + +.pattern-4 { + background: url("../img/overlays/04.png"); } + +.pattern-5 { + background: url("../img/overlays/05.png"); } + +.pattern-6 { + background: url("../img/overlays/06.png"); } + +.pattern-7 { + background: url("../img/overlays/07.png"); } + +.pattern-8 { + background: url("../img/overlays/08.png"); } + +.pattern-9 { + background: url("../img/overlays/09.png"); } + +.hm-blue-slight .mask, +.hm-blue-slight .full-bg-img { + background-color: rgba(3, 169, 244, 0.1); } + +.hm-red-slight .mask, +.hm-red-slight .full-bg-img { + background-color: rgba(244, 67, 54, 0.1); } + +.hm-pink-slight .mask, +.hm-pink-slight .full-bg-img { + background-color: rgba(233, 30, 99, 0.1); } + +.hm-purple-slight .mask, +.hm-purple-slight .full-bg-img { + background-color: rgba(156, 39, 176, 0.1); } + +.hm-indigo-slight .mask, +.hm-indigo-slight .full-bg-img { + background-color: rgba(63, 81, 181, 0.1); } + +.hm-cyan-slight .mask, +.hm-cyan-slight .full-bg-img { + background-color: rgba(0, 188, 212, 0.1); } + +.hm-teal-slight .mask, +.hm-teal-slight .full-bg-img { + background-color: rgba(0, 150, 136, 0.1); } + +.hm-green-slight .mask, +.hm-green-slight .full-bg-img { + background-color: rgba(76, 175, 80, 0.1); } + +.hm-lime-slight .mask, +.hm-lime-slight .full-bg-img { + background-color: rgba(205, 220, 57, 0.1); } + +.hm-yellow-slight .mask, +.hm-yellow-slight .full-bg-img { + background-color: rgba(255, 235, 59, 0.1); } + +.hm-orange-slight .mask, +.hm-orange-slight .full-bg-img { + background-color: rgba(255, 152, 0, 0.1); } + +.hm-brown-slight .mask, +.hm-brown-slight .full-bg-img { + background-color: rgba(121, 85, 72, 0.1); } + +.hm-grey-slight .mask, +.hm-grey-slight .full-bg-img { + background-color: rgba(158, 158, 158, 0.1); } + +.hm-bluegrey-slight .mask, +.hm-bluegrey-slight .full-bg-img { + background-color: rgba(96, 125, 139, 0.1); } + +.hm-black-slight .mask, +.hm-black-slight .full-bg-img { + background-color: rgba(0, 0, 0, 0.1); } + +.hm-stylish-slight .mask, +.hm-stylish-slight .full-bg-img { + background-color: rgba(62, 69, 81, 0.1); } + +.hm-white-slight .mask, +.hm-white-slight .full-bg-img { + background-color: rgba(255, 255, 255, 0.1); } + +.hm-blue-light .mask, +.hm-blue-light .full-bg-img { + background-color: rgba(3, 169, 244, 0.3); } + +.hm-red-light .mask, +.hm-red-light .full-bg-img { + background-color: rgba(244, 67, 54, 0.3); } + +.hm-pink-light .mask, +.hm-pink-light .full-bg-img { + background-color: rgba(233, 30, 99, 0.3); } + +.hm-purple-light .mask, +.hm-purple-light .full-bg-img { + background-color: rgba(156, 39, 176, 0.3); } + +.hm-indigo-light .mask, +.hm-indigo-light .full-bg-img { + background-color: rgba(63, 81, 181, 0.3); } + +.hm-cyan-light .mask, +.hm-cyan-light .full-bg-img { + background-color: rgba(0, 188, 212, 0.3); } + +.hm-teal-light .mask, +.hm-teal-light .full-bg-img { + background-color: rgba(0, 150, 136, 0.3); } + +.hm-green-light .mask, +.hm-green-light .full-bg-img { + background-color: rgba(76, 175, 80, 0.3); } + +.hm-lime-light .mask, +.hm-lime-light .full-bg-img { + background-color: rgba(205, 220, 57, 0.3); } + +.hm-yellow-light .mask, +.hm-yellow-light .full-bg-img { + background-color: rgba(255, 235, 59, 0.3); } + +.hm-orange-light .mask, +.hm-orange-light .full-bg-img { + background-color: rgba(255, 152, 0, 0.3); } + +.hm-brown-light .mask, +.hm-brown-light .full-bg-img { + background-color: rgba(121, 85, 72, 0.3); } + +.hm-grey-light .mask, +.hm-grey-light .full-bg-img { + background-color: rgba(158, 158, 158, 0.3); } + +.hm-bluegrey-light .mask, +.hm-bluegrey-light .full-bg-img { + background-color: rgba(96, 125, 139, 0.3); } + +.hm-black-light .mask, +.hm-black-light .full-bg-img { + background-color: rgba(0, 0, 0, 0.3); } + +.hm-stylish-light .mask, +.hm-stylish-light .full-bg-img { + background-color: rgba(62, 69, 81, 0.3); } + +.hm-white-light .mask, +.hm-white-light .full-bg-img { + background-color: rgba(255, 255, 255, 0.3); } + +.hm-blue-strong .mask, +.hm-blue-strong .full-bg-img { + background-color: rgba(3, 169, 244, 0.7); } + +.hm-red-strong .mask, +.hm-red-strong .full-bg-img { + background-color: rgba(244, 67, 54, 0.7); } + +.hm-pink-strong .mask, +.hm-pink-strong .full-bg-img { + background-color: rgba(233, 30, 99, 0.7); } + +.hm-purple-strong .mask, +.hm-purple-strong .full-bg-img { + background-color: rgba(156, 39, 176, 0.7); } + +.hm-indigo-strong .mask, +.hm-indigo-strong .full-bg-img { + background-color: rgba(63, 81, 181, 0.7); } + +.hm-cyan-strong .mask, +.hm-cyan-strong .full-bg-img { + background-color: rgba(0, 188, 212, 0.7); } + +.hm-teal-strong .mask, +.hm-teal-strong .full-bg-img { + background-color: rgba(0, 150, 136, 0.7); } + +.hm-green-strong .mask, +.hm-green-strong .full-bg-img { + background-color: rgba(76, 175, 80, 0.7); } + +.hm-lime-strong .mask, +.hm-lime-strong .full-bg-img { + background-color: rgba(205, 220, 57, 0.7); } + +.hm-yellow-strong .mask, +.hm-yellow-strong .full-bg-img { + background-color: rgba(255, 235, 59, 0.7); } + +.hm-orange-strong .mask, +.hm-orange-strong .full-bg-img { + background-color: rgba(255, 152, 0, 0.7); } + +.hm-brown-strong .mask, +.hm-brown-strong .full-bg-img { + background-color: rgba(121, 85, 72, 0.7); } + +.hm-grey-strong .mask, +.hm-grey-strong .full-bg-img { + background-color: rgba(158, 158, 158, 0.7); } + +.hm-bluegrey-strong .mask, +.hm-bluegrey-strong .full-bg-img { + background-color: rgba(96, 125, 139, 0.7); } + +.hm-black-strong .mask, +.hm-black-strong .full-bg-img { + background-color: rgba(0, 0, 0, 0.7); } + +.hm-stylish-strong .mask, +.hm-stylish-strong .full-bg-img { + background-color: rgba(62, 69, 81, 0.7); } + +.hm-white-strong .mask, +.hm-white-strong .full-bg-img { + background-color: rgba(255, 255, 255, 0.7); } + +.full-height, +.full-height body, +.full-height header, +.full-height header .view { + height: 100%; } + +.intro { + min-height: 1000px; + position: relative; } + @media (max-width: 768px) { + .intro { + min-height: 1000px; } } + +.intro-video video { + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + -webkit-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + -webkit-transition: 1s opacity; + transition: 1s opacity; } + +/*! + * 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; + -webkit-tap-highlight-color: transparent; + 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, 0.2); + background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + -webkit-transition: all 0.5s ease-out; + transition: all 0.5s ease-out; + -webkit-transition-property: opacity, -webkit-transform; + transition-property: opacity, -webkit-transform; + transition-property: transform, opacity; + transition-property: transform, opacity, -webkit-transform; + -webkit-transform: scale(0) translate(0, 0); + -ms-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, 0.4); + background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); + background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } + .waves-effect.waves-classic .waves-ripple { + background: rgba(0, 0, 0, 0.2); } + .waves-effect.waves-classic.waves-light .waves-ripple { + background: rgba(255, 255, 255, 0.4); } + +.waves-notransition { + -webkit-transition: none !important; + transition: none !important; } + +.waves-button, +.waves-circle { + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } + +.waves-button, +.waves-button:hover, +.waves-button:visited, +.waves-button-input { + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: none; + outline: none; + color: inherit; + background-color: transparent; + font-size: 1em; + line-height: 1em; + text-align: center; + text-decoration: none; + z-index: 1; } + +.waves-button { + padding: 0.85em 1.1em; + border-radius: 0.2em; } + +.waves-button-input { + margin: 0; + padding: 0.85em 1.1em; } + +.waves-input-wrapper { + border-radius: 0.2em; + vertical-align: bottom; + display: inline-block; } + .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: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); + -webkit-transition: all 300ms; + transition: all 300ms; } + .waves-float:active { + -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } + +.waves-block { + display: block; } + +a.waves-effect, a.waves-light { + display: inline-block; } + +input[type=text], +input[type=password], +input[type=email], +input[type=url], +input[type=time], +input[type=date], +input[type=datetime-local], +input[type=tel], +input[type=number], +input[type=search-md], +input[type=search], +textarea.md-textarea { + background-color: transparent; + border: none; + border-bottom: 1px solid #bdbdbd; + border-radius: 0; + outline: none; + height: 2.1rem; + width: 100%; + font-size: 1rem; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-sizing: content-box; + box-sizing: content-box; + -webkit-transition: all 0.3s; + transition: all 0.3s; } + input[type=text]:disabled, input[type=text][readonly="readonly"], + input[type=password]:disabled, + input[type=password][readonly="readonly"], + input[type=email]:disabled, + input[type=email][readonly="readonly"], + input[type=url]:disabled, + input[type=url][readonly="readonly"], + input[type=time]:disabled, + input[type=time][readonly="readonly"], + input[type=date]:disabled, + input[type=date][readonly="readonly"], + input[type=datetime-local]:disabled, + input[type=datetime-local][readonly="readonly"], + input[type=tel]:disabled, + input[type=tel][readonly="readonly"], + input[type=number]:disabled, + input[type=number][readonly="readonly"], + input[type=search-md]:disabled, + input[type=search-md][readonly="readonly"], + input[type=search]:disabled, + input[type=search][readonly="readonly"], + textarea.md-textarea:disabled, + textarea.md-textarea[readonly="readonly"] { + color: rgba(0, 0, 0, 0.46); + border-bottom: 1px dotted rgba(0, 0, 0, 0.46); + background-color: transparent; } + input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, + input[type=password]:disabled + label, + input[type=password][readonly="readonly"] + label, + input[type=email]:disabled + label, + input[type=email][readonly="readonly"] + label, + input[type=url]:disabled + label, + input[type=url][readonly="readonly"] + label, + input[type=time]:disabled + label, + input[type=time][readonly="readonly"] + label, + input[type=date]:disabled + label, + input[type=date][readonly="readonly"] + label, + input[type=datetime-local]:disabled + label, + input[type=datetime-local][readonly="readonly"] + label, + input[type=tel]:disabled + label, + input[type=tel][readonly="readonly"] + label, + input[type=number]:disabled + label, + input[type=number][readonly="readonly"] + label, + input[type=search-md]:disabled + label, + input[type=search-md][readonly="readonly"] + label, + input[type=search]:disabled + label, + input[type=search][readonly="readonly"] + label, + textarea.md-textarea:disabled + label, + textarea.md-textarea[readonly="readonly"] + label { + color: rgba(0, 0, 0, 0.46); + background-color: transparent; } + input[type=text]:focus:not([readonly]), + input[type=password]:focus:not([readonly]), + input[type=email]:focus:not([readonly]), + input[type=url]:focus:not([readonly]), + input[type=time]:focus:not([readonly]), + input[type=date]:focus:not([readonly]), + input[type=datetime-local]:focus:not([readonly]), + input[type=tel]:focus:not([readonly]), + input[type=number]:focus:not([readonly]), + input[type=search-md]:focus:not([readonly]), + input[type=search]:focus:not([readonly]), + textarea.md-textarea:focus:not([readonly]) { + border-bottom: 1px solid #4285F4; + -webkit-box-shadow: 0 1px 0 0 #4285F4; + box-shadow: 0 1px 0 0 #4285F4; } + input[type=text]:focus:not([readonly]) + label, + input[type=password]:focus:not([readonly]) + label, + input[type=email]:focus:not([readonly]) + label, + input[type=url]:focus:not([readonly]) + label, + input[type=time]:focus:not([readonly]) + label, + input[type=date]:focus:not([readonly]) + label, + input[type=datetime-local]:focus:not([readonly]) + label, + input[type=tel]:focus:not([readonly]) + label, + input[type=number]:focus:not([readonly]) + label, + input[type=search-md]:focus:not([readonly]) + label, + input[type=search]:focus:not([readonly]) + label, + textarea.md-textarea:focus:not([readonly]) + label { + color: #4285F4; } + input[type=text].valid, input[type=text]:focus.valid, + input[type=password].valid, + input[type=password]:focus.valid, + input[type=email].valid, + input[type=email]:focus.valid, + input[type=url].valid, + input[type=url]:focus.valid, + input[type=time].valid, + input[type=time]:focus.valid, + input[type=date].valid, + input[type=date]:focus.valid, + input[type=datetime-local].valid, + input[type=datetime-local]:focus.valid, + input[type=tel].valid, + input[type=tel]:focus.valid, + input[type=number].valid, + input[type=number]:focus.valid, + input[type=search-md].valid, + input[type=search-md]:focus.valid, + input[type=search].valid, + input[type=search]:focus.valid, + textarea.md-textarea.valid, + textarea.md-textarea:focus.valid { + border-bottom: 1px solid #00C851; + -webkit-box-shadow: 0 1px 0 0 #00C851; + box-shadow: 0 1px 0 0 #00C851; } + input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, + input[type=password].valid + label:after, + input[type=password]:focus.valid + label:after, + input[type=email].valid + label:after, + input[type=email]:focus.valid + label:after, + input[type=url].valid + label:after, + input[type=url]:focus.valid + label:after, + input[type=time].valid + label:after, + input[type=time]:focus.valid + label:after, + input[type=date].valid + label:after, + input[type=date]:focus.valid + label:after, + input[type=datetime-local].valid + label:after, + input[type=datetime-local]:focus.valid + label:after, + input[type=tel].valid + label:after, + input[type=tel]:focus.valid + label:after, + input[type=number].valid + label:after, + input[type=number]:focus.valid + label:after, + input[type=search-md].valid + label:after, + input[type=search-md]:focus.valid + label:after, + input[type=search].valid + label:after, + input[type=search]: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=text].invalid, input[type=text]:focus.invalid, + input[type=password].invalid, + input[type=password]:focus.invalid, + input[type=email].invalid, + input[type=email]:focus.invalid, + input[type=url].invalid, + input[type=url]:focus.invalid, + input[type=time].invalid, + input[type=time]:focus.invalid, + input[type=date].invalid, + input[type=date]:focus.invalid, + input[type=datetime-local].invalid, + input[type=datetime-local]:focus.invalid, + input[type=tel].invalid, + input[type=tel]:focus.invalid, + input[type=number].invalid, + input[type=number]:focus.invalid, + input[type=search-md].invalid, + input[type=search-md]:focus.invalid, + input[type=search].invalid, + input[type=search]:focus.invalid, + textarea.md-textarea.invalid, + textarea.md-textarea:focus.invalid { + border-bottom: 1px solid #F44336; + -webkit-box-shadow: 0 1px 0 0 #F44336; + box-shadow: 0 1px 0 0 #F44336; } + input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, + input[type=password].invalid + label:after, + input[type=password]:focus.invalid + label:after, + input[type=email].invalid + label:after, + input[type=email]:focus.invalid + label:after, + input[type=url].invalid + label:after, + input[type=url]:focus.invalid + label:after, + input[type=time].invalid + label:after, + input[type=time]:focus.invalid + label:after, + input[type=date].invalid + label:after, + input[type=date]:focus.invalid + label:after, + input[type=datetime-local].invalid + label:after, + input[type=datetime-local]:focus.invalid + label:after, + input[type=tel].invalid + label:after, + input[type=tel]:focus.invalid + label:after, + input[type=number].invalid + label:after, + input[type=number]:focus.invalid + label:after, + input[type=search-md].invalid + label:after, + input[type=search-md]:focus.invalid + label:after, + input[type=search].invalid + label:after, + input[type=search]: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=text] + label:after, + input[type=password] + label:after, + input[type=email] + label:after, + input[type=url] + label:after, + input[type=time] + label:after, + input[type=date] + label:after, + input[type=datetime-local] + label:after, + input[type=tel] + label:after, + input[type=number] + label:after, + input[type=search-md] + label:after, + input[type=search] + label:after, + textarea.md-textarea + label:after { + display: block; + content: ""; + position: absolute; + top: 65px; + opacity: 0; + -webkit-transition: .2s opacity ease-out, .2s color ease-out; + transition: .2s opacity ease-out, .2s color ease-out; } + input[type=text].input-alternate, + input[type=password].input-alternate, + input[type=email].input-alternate, + input[type=url].input-alternate, + input[type=time].input-alternate, + input[type=date].input-alternate, + input[type=datetime-local].input-alternate, + input[type=tel].input-alternate, + input[type=number].input-alternate, + input[type=search-md].input-alternate, + input[type=search].input-alternate, + textarea.md-textarea.input-alternate { + padding: 0 15px; + height: 2.1rem; + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); + font-size: 0.875rem; + border-bottom: 0; + -webkit-transition: none !important; + transition: none !important; } + input[type=text].input-alternate:hover, input[type=text].input-alternate:focus, + input[type=password].input-alternate:hover, + input[type=password].input-alternate:focus, + input[type=email].input-alternate:hover, + input[type=email].input-alternate:focus, + input[type=url].input-alternate:hover, + input[type=url].input-alternate:focus, + input[type=time].input-alternate:hover, + input[type=time].input-alternate:focus, + input[type=date].input-alternate:hover, + input[type=date].input-alternate:focus, + input[type=datetime-local].input-alternate:hover, + input[type=datetime-local].input-alternate:focus, + input[type=tel].input-alternate:hover, + input[type=tel].input-alternate:focus, + input[type=number].input-alternate:hover, + input[type=number].input-alternate:focus, + input[type=search-md].input-alternate:hover, + input[type=search-md].input-alternate:focus, + input[type=search].input-alternate:hover, + input[type=search].input-alternate:focus, + textarea.md-textarea.input-alternate:hover, + textarea.md-textarea.input-alternate:focus { + -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08) !important; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08) !important; + border-bottom: 0; } + +.form-control { + padding: 0; + padding-bottom: 0.6rem; + padding-top: 0.5rem; + font-size: 1rem; + line-height: 1.5; + background-color: transparent; + background-image: none; + border-radius: 0; + margin-top: 0.2rem; + margin-bottom: 1rem; } + .form-control:focus { + background: transparent; } + .form-control:disabled, .form-control[readonly] { + background-color: transparent; + border-bottom: 1px solid #bdbdbd; } + +.md-form { + position: relative; + margin-bottom: 1.5rem; } + .md-form label { + -webkit-transition: 0.2s ease-out; + transition: 0.2s ease-out; + color: #757575; + position: absolute; + top: 0.8rem; + left: 0; + font-size: 1rem; + cursor: text; } + .md-form label.active { + -webkit-transform: translateY(-140%); + -ms-transform: translateY(-140%); + transform: translateY(-140%); + font-size: 0.8rem; } + .md-form .prefix { + -webkit-transition: color 0.2s; + transition: color 0.2s; + position: absolute; + width: 3rem; + font-size: 2rem; } + .md-form .prefix ~ input, .md-form .prefix ~ textarea { + margin-left: 3rem; + width: 92%; + width: -webkit-calc(100% - 3rem); + width: calc(100% - 3rem); } + .md-form .prefix ~ textarea { + padding-top: .8rem; } + .md-form .prefix ~ label { + margin-left: 3rem; } + .md-form .prefix.active { + color: #4285F4; } + @media only screen and (max-width: 992px) { + .md-form .prefix ~ input { + width: 86%; + width: -webkit-calc(100% - 3rem); + width: calc(100% - 3rem); } } + @media only screen and (max-width: 600px) { + .md-form .prefix ~ input { + width: 80%; + width: -webkit-calc(100% - 3rem); + width: calc(100% - 3rem); } } + .md-form .btn { + margin-bottom: 1.5rem; } + .md-form.form-sm input { + padding-bottom: 0.2rem; + padding-top: 0.2rem; + font-size: 0.8rem; + line-height: 0.5; } + .md-form.form-sm label { + font-size: 0.9rem; } + .md-form.form-sm .prefix { + font-size: 1.5rem; + top: 0.4rem; } + .md-form.form-sm .prefix ~ input, .md-form.form-sm .prefix ~ textarea, .md-form.form-sm .prefix ~ label { + margin-left: 2.2rem; } + .md-form.input-group { + padding-left: 1rem; } + .md-form.input-group::-webkit-input-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group:-moz-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group::-moz-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group::-ms-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group::-webkit-input-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group::-moz-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group:-ms-input-placeholder { + color: #999; + padding-top: 2px; } + .md-form.input-group::placeholder { + color: #999; + padding-top: 2px; } + +.form-group { + display: block; } + +.form-inline fieldset { + margin-right: 1.5rem; } + +.form-inline .form-group { + margin-right: 2rem; } + +textarea { + width: 100%; + 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; + word-wrap: break-word; + overflow-wrap: break-word; + padding-top: 1.2rem; } + +.orange-gradient { + background: -webkit-linear-gradient(50deg, #FFD86F, #FC6262); + background: linear-gradient(40deg, #FFD86F, #FC6262); } + +.table-inverse th, +.table-inverse td, +.table-inverse thead th { + border-color: #fff; } + +.edge-header { + display: block; + height: 278px; + background-color: #ccc; } + +.free-bird { + margin-top: -100px; } + +footer.page-footer { + margin-top: 20px; + padding-top: 20px; + background-color: #4285F4; + color: #fff; } + footer.page-footer .container-fluid { + width: auto; } + footer.page-footer .footer-copyright { + overflow: hidden; + height: 50px; + line-height: 50px; + color: rgba(255, 255, 255, 0.6); + background-color: rgba(0, 0, 0, 0.2); + text-align: center; + font-size: 0.9rem; } + footer.page-footer a { + color: #fff; } + footer.page-footer .title { + text-transform: uppercase; } + footer.page-footer .call-to-action { + text-align: center; + padding-top: 1.3rem; + padding-bottom: 0.5rem; } + footer.page-footer .call-to-action ul li { + display: inline-block; + padding-right: 10px; } + footer.page-footer .social-section ul li { + display: inline-block; } + footer.page-footer .social-section ul a { + margin-left: 0; + padding-left: 0; } + footer.page-footer ul { + list-style-type: none; + padding: 0; } + +/* Instagram photos */ +ul.instagram-photos { + list-style-type: none; + padding: 0; } + ul.instagram-photos li { + display: inline-block; + max-width: 100px; + margin: 4px; } + ul.instagram-photos li img { + margin: 0; } + +.media .media-left { + padding: 0 10px 10px 0; } + +.list-group a:hover { + -webkit-transition: 0.5s; + transition: 0.5s; } + +table th { + font-size: 0.9rem; + font-weight: 400; } + +table td { + font-size: 0.9rem; + font-weight: 300; } + +table.table thead th { + border-top: none; } + +table.table th, +table.table td { + padding-top: 1.1rem; + padding-bottom: 1rem; } + +table.table a { + margin: 0; + color: #212529; } + +table.table .label-table { + margin: 0; + padding: 0; + line-height: 15px; + height: 15px; } + +table.table .btn-table { + margin: 0px 1px; + padding: 3px 7px; } + table.table .btn-table .fa { + font-size: 11px; } + +table.table-hover tbody tr:hover { + background-color: rgba(0, 0, 0, 0.075); + -webkit-transition: 0.5s; + transition: 0.5s; } + +table .th-lg { + min-width: 9rem; } + +table.table-sm th, +table.table-sm td { + padding-top: 0.6rem; + padding-bottom: 0.6rem; } + +.btn-mdb { + background-color: #45526E; } + .btn-mdb:hover, .btn-mdb:focus, .btn-mdb:active, .btn-mdb.active { + background-color: #4f5e7e !important; } + .btn-mdb.dropdown-toggle { + background-color: #45526E !important; } + .btn-mdb.dropdown-toggle:hover, .btn-mdb.dropdown-toggle:focus { + background-color: #4f5e7e !important; } + +.colorful-side-nav { + background-color: #00695c; } + .colorful-side-nav li { + background-color: #00695c; } + .colorful-side-nav li:hover, .colorful-side-nav li.active { + background-color: #008372; } + .colorful-side-nav .collapsible a { + margin: 0; } + .colorful-side-nav .collapsible a:active { + background-color: #008372; } + .colorful-side-nav .collapsible a.active { + background-color: #008372; } + .colorful-side-nav .collapsible > li { + padding: 0; } + .colorful-side-nav .social { + border-top: 1px solid #26a69a; + border-bottom: 1px solid #26a69a; } + +.stylish-side-nav { + background-color: #3E4551; } + .stylish-side-nav li { + background-color: #3E4551; } + .stylish-side-nav li:hover, .stylish-side-nav li.active { + background-color: #4B515D; } + .stylish-side-nav .collapsible a { + margin: 0; } + .stylish-side-nav .collapsible a:active { + background-color: #4B515D; } + .stylish-side-nav .collapsible a.active { + background-color: #4B515D; } + .stylish-side-nav .collapsible > li { + padding: 0; } + .stylish-side-nav .social { + border-top: 1px solid #4B515D; + border-bottom: 1px solid #4B515D; } + +.light-side-nav .logo-wrapper { + height: 80px; } + .light-side-nav .logo-wrapper a { + height: 80px; } + .light-side-nav .logo-wrapper img { + padding-left: 50px; + padding-right: 50px; + padding-top: 7%; + padding-bottom: 7%; } + +.light-side-nav p { + color: #1C2331; } + +.light-side-nav .collapsible a { + color: #1C2331; } + +.light-side-nav .social { + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; } + +.light-side-nav .navbar-form { + margin: 10px; } + +.dark-side-nav { + background-color: #212121; } + .dark-side-nav li { + background-color: #212121; } + .dark-side-nav li:hover, .dark-side-nav li.active { + background-color: #2E2E2E; } + .dark-side-nav .collapsible a { + margin: 0; } + .dark-side-nav .collapsible a:active, + .dark-side-nav .collapsible a .active { + background-color: #2E2E2E; } + .dark-side-nav .collapsible > li { + padding: 0; } + .dark-side-nav .social { + border-top: 1px solid #4B515D; + border-bottom: 1px solid #4B515D; } + +.social-list { + font-weight: 400; + width: auto; + padding: 1rem; + list-style-type: none; } + .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; } + +.btn-flat { + position: relative; + padding: 8px 30px; + border: none; + margin: 10px; + text-decoration: none; + outline: 0 !important; } + +.btn.btn-flat { + color: inherit !important; + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; } + +.btn-floating { + position: relative; + z-index: 1; + vertical-align: middle; + display: inline-block; + overflow: hidden; + width: 47px; + height: 47px; + padding: 0; + border-radius: 50%; + margin: 10px; + background-color: #aa66cc; + color: #fff; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; } + .btn-floating i { + display: inline-block; + width: inherit; + color: #fff; + font-size: 1.25rem; + line-height: 47px; + text-align: center; } + .btn-floating:before { + border-radius: 0; } + .btn-floating.btn-sm, .btn-floating.wishlist, .btn-floating.btn-small { + width: 36.15385px; + height: 36.15385px; } + .btn-floating.btn-sm i, .btn-floating.wishlist i, .btn-floating.btn-small i { + font-size: 0.96154rem; + line-height: 36.15385px; } + .btn-floating.btn-lg, .btn-floating.btn-large { + width: 61.1px; + height: 61.1px; } + .btn-floating.btn-lg i, .btn-floating.btn-large i { + font-size: 1.625rem; + line-height: 61.1px; } + +.fixed-action-btn { + position: fixed; + z-index: 998; + right: 35px; + bottom: 35px; + padding-top: 15px; + margin-bottom: 0; } + .fixed-action-btn ul { + position: absolute; + right: 0; + bottom: 64px; + left: 0; + margin: 0; + padding: 0; + list-style-type: none; + text-align: center; } + .fixed-action-btn ul li { + margin-bottom: 15px; } + .fixed-action-btn ul a.btn-floating { + opacity: 0; } + +button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: none; } + +.btn-rounded { + border-radius: 10em; } + +.btn.purple-gradient { + background: -webkit-linear-gradient(50deg, #ff6ec4, #7873f5); + background: linear-gradient(40deg, #ff6ec4, #7873f5); + -webkit-transition: .5s ease; + transition: .5s ease; } + .btn.purple-gradient:hover, .btn.purple-gradient:focus, .btn.purple-gradient:active, + .btn.purple-gradient:active:focus .btn.purple-gradient.active { + background: -webkit-linear-gradient(50deg, #ff88ce, #8f8bf7); + background: linear-gradient(40deg, #ff88ce, #8f8bf7); } + +.btn.peach-gradient { + background: -webkit-linear-gradient(50deg, #FFD86F, #FC6262); + background: linear-gradient(40deg, #FFD86F, #FC6262); + -webkit-transition: .5s ease; + transition: .5s ease; } + .btn.peach-gradient:hover, .btn.peach-gradient:focus, .btn.peach-gradient:active, + .btn.peach-gradient:active:focus .btn.peach-gradient.active { + background: -webkit-linear-gradient(50deg, #ffdf89, #fc7b7b); + background: linear-gradient(40deg, #ffdf89, #fc7b7b); } + +.btn.aqua-gradient { + background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3); + background: linear-gradient(40deg, #2096ff, #05ffa3); + -webkit-transition: .5s ease; + transition: .5s ease; } + .btn.aqua-gradient:hover, .btn.aqua-gradient:focus, .btn.aqua-gradient:active, + .btn.aqua-gradient:active:focus .btn.aqua-gradient.active { + background: -webkit-linear-gradient(50deg, #3aa2ff, #1fffac); + background: linear-gradient(40deg, #3aa2ff, #1fffac); } + +.btn.blue-gradient { + background: -webkit-linear-gradient(50deg, #45cafc, #303f9f); + background: linear-gradient(40deg, #45cafc, #303f9f); + -webkit-transition: .5s ease; + transition: .5s ease; } + .btn.blue-gradient:hover, .btn.blue-gradient:focus, .btn.blue-gradient:active, + .btn.blue-gradient:active:focus .btn.blue-gradient.active { + background: -webkit-linear-gradient(50deg, #5ed1fc, #3647b3); + background: linear-gradient(40deg, #5ed1fc, #3647b3); } + +.btn-fb { + background-color: #3B5998; } + .btn-fb:hover, .btn-fb:focus { + background-color: #4264aa; } + +.fb-ic { + color: #3B5998 !important; } + .fb-ic:hover, .fb-ic:focus { + color: #3B5998; } + +.btn-tw { + background-color: #55ACEE; } + .btn-tw:hover, .btn-tw:focus { + background-color: #6cb7f0; } + +.tw-ic { + color: #55ACEE !important; } + .tw-ic:hover, .tw-ic:focus { + color: #55ACEE; } + +.btn-gplus { + background-color: #DD4B39; } + .btn-gplus:hover, .btn-gplus:focus { + background-color: #e15f4f; } + +.gplus-ic { + color: #DD4B39 !important; } + .gplus-ic:hover, .gplus-ic:focus { + color: #DD4B39; } + +.btn-yt { + background-color: #ED302F; } + .btn-yt:hover, .btn-yt:focus { + background-color: #ef4746; } + +.yt-ic { + color: #ED302F !important; } + .yt-ic:hover, .yt-ic:focus { + color: #ED302F; } + +.btn-li { + background-color: #0082CA; } + .btn-li:hover, .btn-li:focus { + background-color: #0092e4; } + +.li-ic { + color: #0082CA !important; } + .li-ic:hover, .li-ic:focus { + color: #0082CA; } + +.btn-pin { + background-color: #C61118; } + .btn-pin:hover, .btn-pin:focus { + background-color: #dd131b; } + +.pin-ic { + color: #C61118 !important; } + .pin-ic:hover, .pin-ic:focus { + color: #C61118; } + +.btn-ins { + background-color: #2E5E86; } + .btn-ins:hover, .btn-ins:focus { + background-color: #356b99; } + +.ins-ic { + color: #2E5E86 !important; } + .ins-ic:hover, .ins-ic:focus { + color: #2E5E86; } + +.btn-git { + background-color: #333; } + .btn-git:hover, .btn-git:focus { + background-color: #404040; } + +.git-ic { + color: #333 !important; } + .git-ic:hover, .git-ic:focus { + color: #333; } + +.btn-comm { + background-color: #30CFC0; } + .btn-comm:hover, .btn-comm:focus { + background-color: #45d4c6; } + +.comm-ic { + color: #30CFC0 !important; } + .comm-ic:hover, .comm-ic:focus { + color: #30CFC0; } + +.btn-vk { + background-color: #4C75A3; } + .btn-vk:hover, .btn-vk:focus { + background-color: #5882b1; } + +.vk-ic { + color: #4C75A3 !important; } + .vk-ic:hover, .vk-ic:focus { + color: #4C75A3; } + +.btn-dribbble { + background-color: #EC4A89; } + .btn-dribbble:hover, .btn-dribbble:focus { + background-color: #ee6198; } + +.dribbble-ic { + color: #EC4A89 !important; } + .dribbble-ic:hover, .dribbble-ic:focus { + color: #EC4A89; } + +.btn-so { + background-color: #ffac44; } + .btn-so:hover, .btn-so:focus { + background-color: #ffb75e; } + +.so-ic { + color: #ffac44 !important; } + .so-ic:hover, .so-ic:focus { + color: #ffac44; } + +.btn-slack { + background-color: #56b68b; } + .btn-slack:hover, .btn-slack:focus { + background-color: #68be97; } + +.slack-ic { + color: #56b68b !important; } + .slack-ic:hover, .slack-ic:focus { + color: #56b68b; } + +.btn-email { + background-color: #4B515D; } + .btn-email:hover, .btn-email:focus { + background-color: #565d6b; } + +.email-ic { + color: #4B515D !important; } + .email-ic:hover, .email-ic:focus { + color: #4B515D; } + +.btn-social-all { + background-color: #436281; } + .btn-social-all:hover, .btn-social-all:focus { + background-color: #5c7fa3; } + .btn-social-all i.fa { + margin-top: 0px; } + +.counter { + position: absolute; + margin-left: -23px; + margin-top: -1px; + background-color: #fe1212; + color: #fff; + padding: 1px 7px; + font-size: 11px; + z-index: 2; + border-radius: 10rem; } + +.social-counters .btn { + margin-left: 9px; } + +.icons-sm { + padding: .5rem; + margin: .5rem; + font-size: 1.2rem; } + +.nav-tabs { + border: 0; + padding: 0.7rem; + margin-left: 1rem; + margin-right: 1rem; + margin-bottom: -20px; + background-color: #2BBBAD; + z-index: 2; + position: relative; + border-radius: 2px; } + .nav-tabs .nav-item + .nav-item { + margin-left: 0; } + .nav-tabs .nav-link { + border: 0; + color: #fff; } + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.open .nav-link { + background-color: rgba(255, 255, 255, 0.2); + color: #fff; + -webkit-transition: all 1s; + transition: all 1s; + border-radius: 2px; } + +.md-pills { + border: 0; } + .md-pills li { + padding: 0.6rem; } + .md-pills .nav-link { + -webkit-transition: all 0.4s; + transition: all 0.4s; + border-radius: 2px; + color: #666; + text-align: center; } + .md-pills .nav-link:hover { + background-color: rgba(158, 158, 158, 0.3); } + .md-pills .nav-link.active { + color: #fff; + background-color: #2BBBAD; } + +.pills-primary .nav-item .nav-link.active { + background-color: #4285F4; } + +.tabs-primary { + background-color: #4285F4; } + +.pills-danger .nav-item .nav-link.active { + background-color: #ff3547; } + +.tabs-danger { + background-color: #ff3547; } + +.pills-warning .nav-item .nav-link.active { + background-color: #FF8800; } + +.tabs-warning { + background-color: #FF8800; } + +.pills-success .nav-item .nav-link.active { + background-color: #00C851; } + +.tabs-success { + background-color: #00C851; } + +.pills-info .nav-item .nav-link.active { + background-color: #33b5e5; } + +.tabs-info { + background-color: #33b5e5; } + +.pills-default .nav-item .nav-link.active { + background-color: #2BBBAD; } + +.tabs-default { + background-color: #2BBBAD; } + +.pills-secondary .nav-item .nav-link.active { + background-color: #aa66cc; } + +.tabs-secondary { + background-color: #aa66cc; } + +.pills-elegant .nav-item .nav-link.active { + background-color: #2E2E2E; } + +.tabs-elegant { + background-color: #2E2E2E; } + +.pills-unique .nav-item .nav-link.active { + background-color: #880e4f; } + +.tabs-unique { + background-color: #880e4f; } + +.pills-dark-green .nav-item .nav-link.active { + background-color: #388E3C; } + +.tabs-dark-green { + background-color: #388E3C; } + +.pills-mdb-color .nav-item .nav-link.active { + background-color: #59698D; } + +.tabs-mdb-color { + background-color: #59698D; } + +.pills-red .nav-item .nav-link.active { + background-color: #D32F2F; } + +.tabs-red { + background-color: #D32F2F; } + +.pills-pink .nav-item .nav-link.active { + background-color: #ec407a; } + +.tabs-pink { + background-color: #ec407a; } + +.pills-purple .nav-item .nav-link.active { + background-color: #8e24aa; } + +.tabs-purple { + background-color: #8e24aa; } + +.pills-deep-purple .nav-item .nav-link.active { + background-color: #512da8; } + +.tabs-deep-purple { + background-color: #512da8; } + +.pills-indigo .nav-item .nav-link.active { + background-color: #3f51b5; } + +.tabs-indigo { + background-color: #3f51b5; } + +.pills-blue .nav-item .nav-link.active { + background-color: #1976D2; } + +.tabs-blue { + background-color: #1976D2; } + +.pills-light-blue .nav-item .nav-link.active { + background-color: #82B1FF; } + +.tabs-light-blue { + background-color: #82B1FF; } + +.pills-cyan .nav-item .nav-link.active { + background-color: #00bcd4; } + +.tabs-cyan { + background-color: #00bcd4; } + +.pills-teal .nav-item .nav-link.active { + background-color: #00796b; } + +.tabs-teal { + background-color: #00796b; } + +.pills-green .nav-item .nav-link.active { + background-color: #388E3C; } + +.tabs-green { + background-color: #388E3C; } + +.pills-light-green .nav-item .nav-link.active { + background-color: #8bc34a; } + +.tabs-light-green { + background-color: #8bc34a; } + +.pills-lime .nav-item .nav-link.active { + background-color: #afb42b; } + +.tabs-lime { + background-color: #afb42b; } + +.pills-yellow .nav-item .nav-link.active { + background-color: #fbc02d; } + +.tabs-yellow { + background-color: #fbc02d; } + +.pills-amber .nav-item .nav-link.active { + background-color: #ffa000; } + +.tabs-amber { + background-color: #ffa000; } + +.pills-orange .nav-item .nav-link.active { + background-color: #f57c00; } + +.tabs-orange { + background-color: #f57c00; } + +.pills-deep-orange .nav-item .nav-link.active { + background-color: #ff7043; } + +.tabs-deep-orange { + background-color: #ff7043; } + +.pills-brown .nav-item .nav-link.active { + background-color: #795548; } + +.tabs-brown { + background-color: #795548; } + +.pills-grey .nav-item .nav-link.active { + background-color: #616161; } + +.tabs-grey { + background-color: #616161; } + +.pills-blue-grey .nav-item .nav-link.active { + background-color: #78909c; } + +.tabs-blue-grey { + background-color: #78909c; } + +.pills-white .nav-item .nav-link.active { + background-color: #fff; } + +.tabs-white { + background-color: #fff; } + +.pills-black .nav-item .nav-link.active { + background-color: #000; } + +.tabs-black { + background-color: #000; } + +.tab-content { + padding: 1rem; + padding-top: 2rem; + z-index: 1; + border-radius: 0 0 0.3rem 0.3rem; } + .tab-content.vertical { + padding-top: 0; } + +.classic-tabs { + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + white-space: nowrap; + overflow-x: auto; + border-radius: 0.3rem 0.3rem 0 0; } + @media (min-width: 62rem) { + .classic-tabs { + overflow-x: hidden; } } + .classic-tabs li { + -webkit-box-flex: 1 0 30%; + -webkit-flex: 1 0 30%; + -ms-flex: 1 0 30%; + flex: 1 0 30%; } + @media (min-width: 62em) { + .classic-tabs li { + -webkit-box-flex: inherit; + -webkit-flex: inherit; + -ms-flex: inherit; + flex: inherit; } } + .classic-tabs li a { + display: block; + padding: 20px 24px; + font-size: 13px; + text-transform: uppercase; + color: rgba(255, 255, 255, 0.7); + text-align: center; + border-radius: 0; } + .classic-tabs li a.active { + border-bottom: 3px solid; + color: #fff; } + @media (min-width: 62em) { + .classic-tabs li:first-child { + margin-left: 56px; } } + .classic-tabs.tabs-cyan li a.active { + border-color: #ffeb3b; } + .classic-tabs.tabs-orange li a.active { + border-color: #E53935; } + .classic-tabs.tabs-grey li a.active { + border-color: #FFFFFF; } + .classic-tabs.tabs-pink li a.active { + border-color: #673ab7; } + .classic-tabs.tabs-green li a.active { + border-color: #1565C0; } + .classic-tabs.tabs-primary li a.active { + border-color: #FFFFFF; } + +.card.card-image { + background-size: cover; + background-position: center; + width: 100%; } + +.card .card-data { + background-color: #929FBA; + color: #fff; + text-align: center; + height: auto; + padding: 10px; } + .card .card-data ul { + margin-bottom: 0; + font-size: 0.9rem; } + .card .card-data ul li { + display: inline; } + .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.card-dark .card-body { + background-color: #2E2E2E; } + .card.card-dark .card-body hr { + background-color: #666; } + +.card.card-cascade { + width: 100%; } + .card.card-cascade .view { + border-radius: 4px; } + .card.card-cascade .view.gradient-card-header { + padding: 1.6rem 1rem; + text-align: center; } + .card.card-cascade .view.gradient-card-header h2 { + font-weight: 400; } + .card.card-cascade .view.gradient-card-header .btn-floating { + background-color: rgba(255, 255, 255, 0.2); } + .card.card-cascade.narrower { + margin-top: 20px; } + .card.card-cascade.narrower .view { + margin-left: 4%; + margin-right: 4%; + margin-top: -20px; } + .card.card-cascade.wider { + background-color: transparent; } + .card.card-cascade.wider .view { + z-index: 2; } + .card.card-cascade.wider .card-body { + margin-left: 4%; + margin-right: 4%; + background: #fff; + z-index: 1; + border-radius: 0 0 0.3rem 0.3rem; } + .card.card-cascade.wider.reverse .card-body { + z-index: 3; + margin-top: -1rem; + border-radius: 4px; } + .card.card-cascade.card-avatar { + margin-top: 6rem; + text-align: center; } + .card.card-cascade.card-avatar img { + margin-top: -5rem; + margin-left: auto; + margin-right: auto; + width: 160px; + border-radius: 50%; } + .card.card-cascade .card-body { + padding-top: 1.8rem; } + +.card .activator { + position: absolute; + top: 0; + right: 0; + padding: 1rem; + margin-right: 10px; + font-size: 1.2rem; } + +.card .rating { + color: #ffa000; } + +.card .btn-action { + margin: -23px 20px; + margin-left: auto; + background-color: #929FBA; + height: 47px; + width: 47px; + line-height: 0; } + .card .btn-action .fa { + font-size: 18px; } + .card .btn-action .fa.fa-chevron-right { + margin-top: 2px; + margin-left: 2px; } + +.card .card-review { + margin-top: -1px; + color: #fff; + padding: 50px 20px 20px 20px; } + .card .card-review ul { + margin-bottom: 0; + font-size: 0.9rem; } + .card .card-review ul li { + display: inline; } + .card .card-review ul a { + color: #fff; } + .card .card-review ul a .fa { + margin-left: 5px; + margin-right: 3px; } + +.card .card-reveal { + position: absolute; + width: 100%; + overflow-y: auto; + top: 100%; + height: 100%; + z-index: 1; + display: none; + padding: 1rem; } + .card .card-reveal .card-title { + cursor: pointer; } + .card .card-reveal .card-title i { + color: #9e9e9e; + position: absolute; + right: 10px; } + .card .card-reveal .content { + position: relative; } + .card .card-reveal .content h4 { + margin-top: 20px; + margin-bottom: 15px; } + .card .card-reveal .content h5 { + margin-top: 30px; } + +.card .card-share { + position: relative; } + .card .card-share .social-reveal { + position: absolute; + top: -28px; + right: 30px; + visibility: hidden; + width: auto; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transform: translateX(0px); + -ms-transform: translateX(0px); + transform: translateX(0px); + -webkit-transition: -webkit-transform 0.35s ease; + transition: -webkit-transform 0.35s ease; + transition: transform 0.35s ease; + transition: transform 0.35s ease, -webkit-transform 0.35s ease; } + .card .card-share .social-reveal .btn-floating { + margin: 0.3rem; } + .card .card-share .social-reveal .btn-floating i { + font-size: 18px; } + .card .card-share .social-reveal-active { + z-index: 11; + visibility: visible; + /*z-index: 3;*/ + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transform: translateX(-48px); + -ms-transform: translateX(-48px); + transform: translateX(-48px); + -webkit-transition: -webkit-transform 0.35s ease; + transition: -webkit-transform 0.35s ease; + transition: transform 0.35s ease; + transition: transform 0.35s ease, -webkit-transform 0.35s ease; } + +.card.ovf-hidden { + overflow: hidden; } + +.card .card-footer { + 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: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; } + .card .card-footer .right a { + color: #757575; + margin-left: 1rem; + -webkit-transition: 0.4s; + transition: 0.4s; } + .card .card-footer .right a:hover { + color: #d50000; + -webkit-transition: 0.4s; + transition: 0.4s; } + .card .card-footer .right a.active { + color: #d50000; } + +.card-wrapper { + margin: 0; + min-height: 500px; + position: relative; + -webkit-perspective: 800px; + perspective: 800px; + /* Front side */ + /* Card with rotate on click */ + /* Rotate icons */ + /* Animation */ + /* Click effect */ } + .card-wrapper .face { + position: absolute; + width: 100%; + height: 100%; } + .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; } + .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: none repeat scroll 0 0 #FFFFFF; + width: 100%; } + .card-wrapper .card-rotating { + text-align: center; + position: absolute; + width: 100%; + height: 100%; } + .card-wrapper .card-rotating .content { + position: relative; } + .card-wrapper .card-rotating .content .rotate-btn { + position: absolute; + right: 8px; + top: 0; } + .card-wrapper .fa-repeat, + .card-wrapper .fa-undo { + font-size: 20px; + margin-top: 30px; } + .card-wrapper .fa-undo { + margin-top: 30px; } + .card-wrapper .card-rotating { + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; } + .card-wrapper .front, + .card-wrapper .back { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: -webkit-transform 1.0s; + transition: -webkit-transform 1.0s; + transition: transform 1.0s; + transition: transform 1.0s, -webkit-transform 1.0s; } + .card-wrapper .back { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + padding: 1rem; } + .card-wrapper .back .card-title { + cursor: pointer; } + .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); } + +.testimonial-card .card-up { + overflow: hidden; + height: 120px; + border-radius: .3rem .3rem 0 0; } + +.testimonial-card .avatar { + border-radius: 50%; + height: 120px; + width: 120px; + margin: -65px auto 0; + overflow: hidden; + border: 5px solid #fff; } + +.testimonial-card .avatar img { + width: 100%; } + +.testimonial-card .card-body { + text-align: center; } + +.card-inverse h5 { + font-size: 1rem; } + +.card-inverse h3 { + font-weight: 400; } + +.card-overlay { + background-size: cover; + padding: 1.5rem; + border-radius: 2px; } + .card-overlay p { + margin-bottom: 1rem; } + +.dropdown .dropdown-menu { + padding: 0.5rem; } + .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active { + background-color: #4285F4; } + .dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-danger .dropdown-item:active { + background-color: #CC0000; } + .dropdown .dropdown-menu.dropdown-default .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-default .dropdown-item:active { + background-color: #2BBBAD; } + .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:active { + background-color: #aa66cc; } + .dropdown .dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-success .dropdown-item:active { + background-color: #00C851; } + .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-info .dropdown-item:active { + background-color: #33b5e5; } + .dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-warning .dropdown-item:active { + background-color: #ffbb33; } + .dropdown .dropdown-menu.dropdown-dark .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-dark .dropdown-item:active { + background-color: #2E2E2E; } + .dropdown .dropdown-menu.dropdown-ins .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-ins .dropdown-item:active { + background-color: #2E5E86; } + .dropdown .dropdown-menu .dropdown-item { + padding: 0.5rem; + margin-left: 0; + font-size: 0.9rem; } + .dropdown .dropdown-menu .dropdown-item.disabled { + color: #868e96; } + .dropdown .dropdown-menu .dropdown-item.disabled:hover, .dropdown .dropdown-menu .dropdown-item.disabled:active, .dropdown .dropdown-menu .dropdown-item.disabled:focus { + -webkit-box-shadow: none; + box-shadow: none; + color: #868e96 !important; + background-color: transparent !important; } + .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:active { + border-radius: 2px; + -webkit-transition: all 0.1s linear; + transition: all 0.1s linear; + background-color: #4285F4; } + +.dropdown-menu-right { + right: 0; + left: auto !important; } + +.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: #000; + cursor: pointer; + line-height: 1.3rem; + width: 100%; + text-align: left; + text-transform: none; } + .dropdown-content li:hover, .dropdown-content li.active { + background-color: #eee; } + .dropdown-content li > a, + .dropdown-content li > span { + font-size: 0.9rem; + color: #4285F4; + display: block; + padding: 0.5rem; } + .dropdown-content li > a > i { + height: inherit; + line-height: inherit; } + +.colorful-select .dropdown-content { + padding: 0.5rem; } + .colorful-select .dropdown-content li.active span { + color: #fff !important; } + .colorful-select .dropdown-content li.active span [type="checkbox"]:checked + label:before { + border-color: transparent white white transparent; } + .colorful-select .dropdown-content li a:hover, .colorful-select .dropdown-content li span:hover { + color: #fff !important; + -webkit-transition: all 0.1s linear; + transition: all 0.1s linear; + border-radius: 2px; } + .colorful-select .dropdown-content li a:hover [type="checkbox"] + label:before, .colorful-select .dropdown-content li span:hover [type="checkbox"] + label:before { + border-color: white; } + .colorful-select .dropdown-content li a:hover [type="checkbox"]:checked + label:before, .colorful-select .dropdown-content li span:hover [type="checkbox"]:checked + label:before { + border-color: transparent white white transparent; } + .colorful-select .dropdown-content li.disabled.active span, .colorful-select .dropdown-content li:disabled.active span, .colorful-select .dropdown-content li.optgroup.active span { + color: rgba(0, 0, 0, 0.3) !important; + border-bottom-color: rgba(0, 0, 0, 0.3); + cursor: default; } + .colorful-select .dropdown-content li.disabled a:hover, .colorful-select .dropdown-content li.disabled span:hover, .colorful-select .dropdown-content li:disabled a:hover, .colorful-select .dropdown-content li:disabled span:hover, .colorful-select .dropdown-content li.optgroup a:hover, .colorful-select .dropdown-content li.optgroup span:hover { + color: rgba(0, 0, 0, 0.3) !important; + border-bottom-color: rgba(0, 0, 0, 0.3); + cursor: default; + background-color: white !important; } + .colorful-select .dropdown-content li.disabled label, .colorful-select .dropdown-content li:disabled label, .colorful-select .dropdown-content li.optgroup label { + cursor: default; } + +.dropdown-primary .dropdown-content li.active, .dropdown-primary .dropdown-content li a, .dropdown-primary .dropdown-content li span:hover { + background-color: #4285F4; } + +.dropdown-primary .search-wrap input:focus { + border-bottom: 1px solid #4285F4; + -webkit-box-shadow: 0 1px 0 0 #4285F4; + box-shadow: 0 1px 0 0 #4285F4; } + +.dropdown-danger .dropdown-content li.active, .dropdown-danger .dropdown-content li a, .dropdown-danger .dropdown-content li span:hover { + background-color: #CC0000; } + +.dropdown-danger .search-wrap input:focus { + border-bottom: 1px solid #CC0000; + -webkit-box-shadow: 0 1px 0 0 #CC0000; + box-shadow: 0 1px 0 0 #CC0000; } + +.dropdown-default .dropdown-content li.active, .dropdown-default .dropdown-content li a, .dropdown-default .dropdown-content li span:hover { + background-color: #2BBBAD; } + +.dropdown-default .search-wrap input:focus { + border-bottom: 1px solid #2BBBAD; + -webkit-box-shadow: 0 1px 0 0 #2BBBAD; + box-shadow: 0 1px 0 0 #2BBBAD; } + +.dropdown-secondary .dropdown-content li.active, .dropdown-secondary .dropdown-content li a, .dropdown-secondary .dropdown-content li span:hover { + background-color: #aa66cc; } + +.dropdown-secondary .search-wrap input:focus { + border-bottom: 1px solid #aa66cc; + -webkit-box-shadow: 0 1px 0 0 #aa66cc; + box-shadow: 0 1px 0 0 #aa66cc; } + +.dropdown-success .dropdown-content li.active, .dropdown-success .dropdown-content li a, .dropdown-success .dropdown-content li span:hover { + background-color: #00C851; } + +.dropdown-success .search-wrap input:focus { + border-bottom: 1px solid #00C851; + -webkit-box-shadow: 0 1px 0 0 #00C851; + box-shadow: 0 1px 0 0 #00C851; } + +.dropdown-info .dropdown-content li.active, .dropdown-info .dropdown-content li a, .dropdown-info .dropdown-content li span:hover { + background-color: #33b5e5; } + +.dropdown-info .search-wrap input:focus { + border-bottom: 1px solid #33b5e5; + -webkit-box-shadow: 0 1px 0 0 #33b5e5; + box-shadow: 0 1px 0 0 #33b5e5; } + +.dropdown-warning .dropdown-content li.active, .dropdown-warning .dropdown-content li a, .dropdown-warning .dropdown-content li span:hover { + background-color: #ffbb33; } + +.dropdown-warning .search-wrap input:focus { + border-bottom: 1px solid #ffbb33; + -webkit-box-shadow: 0 1px 0 0 #ffbb33; + box-shadow: 0 1px 0 0 #ffbb33; } + +.dropdown-dark .dropdown-content li.active, .dropdown-dark .dropdown-content li a, .dropdown-dark .dropdown-content li span:hover { + background-color: #2E2E2E; } + +.dropdown-dark .search-wrap input:focus { + border-bottom: 1px solid #2E2E2E; + -webkit-box-shadow: 0 1px 0 0 #2E2E2E; + box-shadow: 0 1px 0 0 #2E2E2E; } + +.dropdown-ins .dropdown-content li.active, .dropdown-ins .dropdown-content li a, .dropdown-ins .dropdown-content li span:hover { + background-color: #2E5E86; } + +.dropdown-ins .search-wrap input:focus { + border-bottom: 1px solid #2E5E86; + -webkit-box-shadow: 0 1px 0 0 #2E5E86; + box-shadow: 0 1px 0 0 #2E5E86; } + +.dropdown-menu.animated { + /* Speed up animations */ + -webkit-animation-duration: 0.55s; + animation-duration: 0.55s; + -webkit-animation-timing-function: ease; + animation-timing-function: ease; } + +.navbar .nav-item.avatar { + padding: 0; } + .navbar .nav-item.avatar.active { + background-color: transparent !important; } + .navbar .nav-item.avatar .dropdown-toggle { + padding: 0; } + .navbar .nav-item.avatar .dropdown-toggle img { + height: 35px; } + .navbar .nav-item.avatar .dropdown-toggle:after { + display: none; } + +.double-nav { + z-index: 100; + color: #fff; } + @media (max-width: 992px) { + .double-nav { + padding-top: 4px; + padding-bottom: 4px; } } + @media (max-width: 768px) { + .double-nav .container { + padding-left: 0; + padding-right: 0; } } + .double-nav a { + color: #fff; + font-size: 15px; } + .double-nav .breadcrumb-dn p { + margin: 0; + padding-top: 0; + padding-left: 1rem; } + @media (max-width: 993px) { + .double-nav .breadcrumb-dn { + display: none; } } + .double-nav .button-collapse { + position: absolute; + top: 1px; + left: 10px; + font-size: 1.5rem; } + @media (min-width: 1440px) { + .double-nav .button-collapse { + display: none; } } + @media (max-width: 1440px) { + .double-nav .button-collapse { + display: block; + position: relative; + font-size: 1.4rem; + margin-top: 2px; + margin-right: 10px; + margin-left: 10px; } } + +.nav-pills .nav-item a { + text-align: left; + color: #666; + border-radius: 0; } + .nav-pills .nav-item a:hover { + background-color: transparent; + font-weight: 500; + border-left: 1px solid; } + .nav-pills .nav-item a.active { + background-color: transparent; + color: #45526E; + border-left: 2px solid; + font-weight: 500; + -webkit-box-shadow: none; + box-shadow: none; } + .nav-pills .nav-item a.active:hover, .nav-pills .nav-item a.active:active, .nav-pills .nav-item a.active:focus { + background-color: transparent; + font-weight: 500; } + +.nav-pills .nav-item + .nav-item { + margin-left: 0; } + +@media only screen and (max-width: 991px) { + .sticky, + .sticky-placeholder { + display: none; } } + +#scrollspy { + width: 100%; } + +@media only screen and (max-width: 992px) { + .col-md-4 .sticky, .col-lg-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: 1440px) { + .col-md-4 .sticky { + width: 350px; } } + +.dotted-scrollspy { + display: block; + position: fixed; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + background: rgba(0, 0, 0, 0.55); + 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 { + padding: 0.5rem; } + .dotted-scrollspy li a span { + display: block; + background-color: rgba(255, 255, 255, 0.54); + width: 8px; + height: 8px; + border-radius: 50%; } + .dotted-scrollspy li a.active span { + background: #fff; } + +.scrollspy-example { + overflow-y: scroll; + position: relative; + height: 200px; + padding: 1rem; } + +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ +/* pswp = photoswipe */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + z-index: 1500; + -webkit-text-size-adjust: 100%; + /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + -webkit-backface-visibility: hidden; + outline: none; } + .pswp * { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .pswp img { + max-width: none; } + +/* style is added when JS option showHideOpacity is set to true */ +.pswp--animate_opacity { + /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ + opacity: 0.001; + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--open { + display: block; } + +.pswp--zoom-allowed .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.pswp--zoomed-in .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } + +.pswp--dragging .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } + +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + -webkit-backface-visibility: hidden; + will-change: opacity; } + +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; } + +.pswp__container, +.pswp__zoom-wrap { + -ms-touch-action: none; + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; } + +/* Prevent selection and tap highlights */ +.pswp__container, +.pswp__img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; } + +.pswp__zoom-wrap { + position: absolute; + width: 100%; + -webkit-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + /* for open/close transition */ + -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp__bg { + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + -webkit-transition: none; + transition: none; } + +.pswp__container, +.pswp__zoom-wrap { + -webkit-backface-visibility: hidden; } + +.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; } + +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ +.pswp__img--placeholder { + -webkit-backface-visibility: hidden; } + +/* + div element that matches size of large image + large image loads on top of it +*/ +.pswp__img--placeholder--blank { + background: #222; } + +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; } + +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ +.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; } + +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/* ; + return ambassador; + }); + + return ( +
+ +

+ { /* Conditional Rendering */} + {(this.state.loading) ? ( + Loading + ): ( +
+

+ + + + + +

+ + this.closeMapsModal()} + style={mapsStyles} + ariaHideApp={false} + contentLabel={this.state.mapsTitle} + > + + + {(data.length > 0) ? ( +
+
+ +
+ ) : ( +
No Data found
+ )} +
+ +
+
+ )} +
+
+ ); + } +} + +export { AmbassadorsPage }; diff --git a/src/components/pages/HomePage.css b/src/components/pages/HomePage.css new file mode 100644 index 0000000..0f60998 --- /dev/null +++ b/src/components/pages/HomePage.css @@ -0,0 +1,7 @@ +#apppage .vmain { + background-image: url("../../assets/img/header/header-bg.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + height: 100vh; +} diff --git a/src/components/pages/HomePage.js b/src/components/pages/HomePage.js new file mode 100644 index 0000000..59c18ff --- /dev/null +++ b/src/components/pages/HomePage.js @@ -0,0 +1,37 @@ +import React from 'react'; + +// Custom Components +import HomeHeader from '../HomeHeader'; +import { + AboutSection, + MainSection, + ServicesSection, + TestimoniesSection +} from '../sections'; +import Footer from '../Footer'; + +import "./HomePage.css"; + +/** + * Home page component. + */ +function HomePage() { + return ( + + + + + + + + + + + +