@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,thai,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,thai,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,thai,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,thai,vietnamese");
* {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0;
  padding: 0; }

html,
body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  scroll-behavior: smooth; }

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
.materialize-red {
  background-color: #e51c23 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

[type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    user-select: none; }
  [type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    transition: .2s; }
  [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    transform: scale(0); }
  [type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
    border: none;
    background-color: rgba(0, 0, 0, 0.42); }
  [type="checkbox"].tabbed:focus + span:not(.lever):after {
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"]:checked + span:not(.lever):before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }
[type="checkbox"]:checked:disabled + span:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + span:not(.lever):before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: none;
  transform: rotate(90deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%; }
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent; }

[type="checkbox"].filled-in + span:not(.lever):after {
  border-radius: 2px; }
[type="checkbox"].filled-in + span:not(.lever):before,
[type="checkbox"].filled-in + span:not(.lever):after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }
[type="checkbox"].filled-in:checked + span:not(.lever):before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotateZ(37deg);
  transform-origin: 100% 100%; }
[type="checkbox"].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0; }
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
  border-radius: 2px;
  background-color: #26a69a;
  border-color: #26a69a; }
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  border: 2px solid transparent; }
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
  border-color: transparent;
  background-color: #949494; }
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
  background-color: transparent; }
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
  background-color: #949494;
  border-color: #949494; }

@font-face {
  font-family: 'Avant Garde';
  src: url("/assets/content/public/css/utils/fonts/AvantGarde-Light.woff2") format("woff2"), url("/assets/content/public/css/utils/fonts/AvantGarde-Light.woff2") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Avant Garde';
  src: url("/assets/content/public/css/utils/fonts/AvantGarde-Book.woff") format("woff2"), url("/assets/content/public/css/utils/fonts/AvantGarde-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Avant Garde';
  src: url("/assets/content/public/css/utils/fonts/AvantGarde-Bold.woff2") format("woff2"), url("/assets/content/public/css/utils/fonts/AvantGarde-Bold.woff2") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/content/public/css/utils/fonts/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("/assets/content/public/css/utils/fonts/MaterialIcons-Regular.woff2") format("woff2"), url("/assets/content/public/css/utils/fonts/MaterialIcons-Regular.woff") format("woff"), url("/assets/content/public/css/utils/fonts/MaterialIcons-Regular.ttg") format("truetype"); }
[btn_type="mine"] {
  margin: 0 auto;
  padding: 15px 20px;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  letter-spacing: 1.5px;
  background: var(--cprimary);
  border: 3px solid rgba(0, 0, 0, 0);
  display: block;
  transition: all .1s ease-in-out; }
  [btn_type="mine"]:hover {
    opacity: .8; }
  [btn_type="mine"][btn_hover="true"]:hover {
    background-color: #272727;
    border-top-color: #3d3d3d;
    border-bottom-color: black;
    border-right-color: #2f2f2f;
    border-left-color: #171717;
    transform: scale(1.05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  [btn_type="mine"][btn_color="blue"] {
    background: #79d1ff;
    border-top-color: #9fd1f3;
    border-right-color: #9fd1f3;
    border-left-color: rgba(18, 92, 153, 0.507);
    border-bottom-color: rgba(61, 156, 235, 0.692); }
  [btn_type="mine"][btn_color="green"] {
    background-color: #34aa2f;
    border-top-color: #64fd1f;
    border-bottom-color: #1e8c03;
    border-left-color: #156c00;
    border-right-color: #47d009; }
  [btn_type="mine"][btn_color="red"] {
    background: var(--csecondary);
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: #ff9595;
    border-right-color: #ff9595;
    border-left-color: rgba(119, 30, 30, 0.5);
    border-bottom-color: rgba(119, 30, 30, 0.5); }
  [btn_type="mine"][btn_color="aqua"] {
    background: #55FFFF;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: #95ffff;
    border-right-color: #95ffff;
    border-left-color: rgba(119, 30, 30, 0.5);
    border-bottom-color: rgba(119, 30, 30, 0.5); }
  [btn_type="mine"][btn_color="gold"] {
    background: #FFAA00;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: #ffd37b;
    border-right-color: #ffd37b;
    border-left-color: rgba(119, 30, 30, 0.5);
    border-bottom-color: rgba(119, 30, 30, 0.5); }

[mask="true"] {
  background: url("/assets/content/public/img/bgs/6.jpg") no-repeat center center fixed !important; }
  [mask="true"][mask_type="red"]::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(146, 22, 22, 0.726) !important;
    border-radius: 0 5px 5px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.social {
  display: flex;
  justify-content: center;
  align-items: center; }
  .social button {
    width: 48px;
    height: 45px;
    margin: 0 10px;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .1s ease-in-out;
    position: relative;
    overflow: hidden; }
    .social button:first-child {
      margin-left: 0; }
    .social button:last-child {
      margin-right: 0; }
    .social button:hover {
      opacity: .9;
      overflow: unset; }
      .social button:hover span {
        opacity: 1; }
    .social button[font="facebook"] {
      background: #3b5998; }
    .social button[font="twitter"] {
      background: #1da1f2; }
    .social button[font="discord"] {
      background: #7289DA; }
    .social button[font="youtube"] {
      background: #ff0000; }
    .social button[font="instagram"] {
      background: #833AB4; }
    .social button span {
      width: max-content;
      padding: 10px;
      font-size: 13px;
      background: var(--cprimary);
      border-radius: 3px;
      position: absolute;
      bottom: -50px;
      left: 50%;
      transform: translateX(-50%);
      transition: all .2s ease-in-out;
      opacity: 0;
      z-index: 10; }
      .social button span::before {
        content: '';
        border-bottom: 10px solid var(--cprimary);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%); }

li.active .hover.right span {
  opacity: 0; }

.hover {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 50; }
  .hover:hover {
    opacity: 1;
    overflow: unset; }
    .hover:hover span {
      opacity: 1; }
  .hover.vertex span {
    top: -50px;
    bottom: 0; }
    .hover.vertex span::before {
      border-bottom: 0;
      border-top: 10px solid var(--cprimary);
      top: 0;
      bottom: -8px; }
  .hover.right span {
    font-weight: bold;
    background: var(--csecondary);
    top: 50%;
    bottom: 0;
    left: 120px;
    transform: translateY(-50%);
    transition: opacity .3s ease-in-out; }
    .hover.right span::before, .hover.right span::after {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .hover.right span::before {
      border-bottom: 0;
      border-right: 10px solid var(--csecondary);
      border-bottom: 10px solid transparent;
      border-top: 10px solid transparent;
      left: -20px;
      z-index: 15; }
    .hover.right span::after {
      border-right: 20px solid var(--cprimary);
      border-bottom: 25px solid transparent;
      border-top: 25px solid transparent;
      left: -20px;
      z-index: 10; }
  .hover span {
    width: max-content;
    height: max-content;
    padding: 10px;
    font-size: 13px;
    background: var(--cprimary);
    border-radius: 3px;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 200; }
    .hover span::before {
      content: '';
      border-bottom: 10px solid var(--cprimary);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      position: absolute;
      top: -8px;
      left: 50%;
      transform: translateX(-50%); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.curve-shape[type="regular"] svg {
  width: calc(101% + 190px);
  height: 70px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: rotateX(180deg);
  transform: translateX(-50%) rotateX(180deg);
  z-index: 10; }
  .curve-shape[type="regular"] svg .shape-svg {
    fill: #F3F7F9; }
.curve-shape[type="2"] {
  width: 150%;
  height: 50px;
  background: #F3F7F9;
  border-radius: 100%;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; }

@-ms-viewport {
  width: device-width; }
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 576px) {
  .container {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 768px) {
  .container {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 992px) {
  .container {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 1200px) {
  .container {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%; } }
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%; } }
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%; } }
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%; } }
.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 576px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 768px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 992px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 1200px) {
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px; } }
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px; } }
@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px; } }
@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px; } }
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px; } }
.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 576px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 768px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 992px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px; } }
@media (min-width: 1200px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl {
    padding-right: 15px;
    padding-left: 15px; } }
.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%; }

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%; }

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%; }

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%; }

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%; }

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%; }

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%; }

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.pull-0 {
  right: auto; }

.pull-1 {
  right: 8.333333%; }

.pull-2 {
  right: 16.666667%; }

.pull-3 {
  right: 25%; }

.pull-4 {
  right: 33.333333%; }

.pull-5 {
  right: 41.666667%; }

.pull-6 {
  right: 50%; }

.pull-7 {
  right: 58.333333%; }

.pull-8 {
  right: 66.666667%; }

.pull-9 {
  right: 75%; }

.pull-10 {
  right: 83.333333%; }

.pull-11 {
  right: 91.666667%; }

.pull-12 {
  right: 100%; }

.push-0 {
  left: auto; }

.push-1 {
  left: 8.333333%; }

.push-2 {
  left: 16.666667%; }

.push-3 {
  left: 25%; }

.push-4 {
  left: 33.333333%; }

.push-5 {
  left: 41.666667%; }

.push-6 {
  left: 50%; }

.push-7 {
  left: 58.333333%; }

.push-8 {
  left: 66.666667%; }

.push-9 {
  left: 75%; }

.push-10 {
  left: 83.333333%; }

.push-11 {
  left: 91.666667%; }

.push-12 {
  left: 100%; }

.offset-1 {
  margin-left: 8.333333%; }

.offset-2 {
  margin-left: 16.666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.333333%; }

.offset-5 {
  margin-left: 41.666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.333333%; }

.offset-8 {
  margin-left: 66.666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.333333%; }

.offset-11 {
  margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .pull-sm-0 {
    right: auto; }

  .pull-sm-1 {
    right: 8.333333%; }

  .pull-sm-2 {
    right: 16.666667%; }

  .pull-sm-3 {
    right: 25%; }

  .pull-sm-4 {
    right: 33.333333%; }

  .pull-sm-5 {
    right: 41.666667%; }

  .pull-sm-6 {
    right: 50%; }

  .pull-sm-7 {
    right: 58.333333%; }

  .pull-sm-8 {
    right: 66.666667%; }

  .pull-sm-9 {
    right: 75%; }

  .pull-sm-10 {
    right: 83.333333%; }

  .pull-sm-11 {
    right: 91.666667%; }

  .pull-sm-12 {
    right: 100%; }

  .push-sm-0 {
    left: auto; }

  .push-sm-1 {
    left: 8.333333%; }

  .push-sm-2 {
    left: 16.666667%; }

  .push-sm-3 {
    left: 25%; }

  .push-sm-4 {
    left: 33.333333%; }

  .push-sm-5 {
    left: 41.666667%; }

  .push-sm-6 {
    left: 50%; }

  .push-sm-7 {
    left: 58.333333%; }

  .push-sm-8 {
    left: 66.666667%; }

  .push-sm-9 {
    left: 75%; }

  .push-sm-10 {
    left: 83.333333%; }

  .push-sm-11 {
    left: 91.666667%; }

  .push-sm-12 {
    left: 100%; }

  .offset-sm-0 {
    margin-left: 0%; }

  .offset-sm-1 {
    margin-left: 8.333333%; }

  .offset-sm-2 {
    margin-left: 16.666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.333333%; }

  .offset-sm-5 {
    margin-left: 41.666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.333333%; }

  .offset-sm-8 {
    margin-left: 66.666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.333333%; }

  .offset-sm-11 {
    margin-left: 91.666667%; } }
@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .pull-md-0 {
    right: auto; }

  .pull-md-1 {
    right: 8.333333%; }

  .pull-md-2 {
    right: 16.666667%; }

  .pull-md-3 {
    right: 25%; }

  .pull-md-4 {
    right: 33.333333%; }

  .pull-md-5 {
    right: 41.666667%; }

  .pull-md-6 {
    right: 50%; }

  .pull-md-7 {
    right: 58.333333%; }

  .pull-md-8 {
    right: 66.666667%; }

  .pull-md-9 {
    right: 75%; }

  .pull-md-10 {
    right: 83.333333%; }

  .pull-md-11 {
    right: 91.666667%; }

  .pull-md-12 {
    right: 100%; }

  .push-md-0 {
    left: auto; }

  .push-md-1 {
    left: 8.333333%; }

  .push-md-2 {
    left: 16.666667%; }

  .push-md-3 {
    left: 25%; }

  .push-md-4 {
    left: 33.333333%; }

  .push-md-5 {
    left: 41.666667%; }

  .push-md-6 {
    left: 50%; }

  .push-md-7 {
    left: 58.333333%; }

  .push-md-8 {
    left: 66.666667%; }

  .push-md-9 {
    left: 75%; }

  .push-md-10 {
    left: 83.333333%; }

  .push-md-11 {
    left: 91.666667%; }

  .push-md-12 {
    left: 100%; }

  .offset-md-0 {
    margin-left: 0%; }

  .offset-md-1 {
    margin-left: 8.333333%; }

  .offset-md-2 {
    margin-left: 16.666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.333333%; }

  .offset-md-5 {
    margin-left: 41.666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.333333%; }

  .offset-md-8 {
    margin-left: 66.666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.333333%; }

  .offset-md-11 {
    margin-left: 91.666667%; } }
@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .pull-lg-0 {
    right: auto; }

  .pull-lg-1 {
    right: 8.333333%; }

  .pull-lg-2 {
    right: 16.666667%; }

  .pull-lg-3 {
    right: 25%; }

  .pull-lg-4 {
    right: 33.333333%; }

  .pull-lg-5 {
    right: 41.666667%; }

  .pull-lg-6 {
    right: 50%; }

  .pull-lg-7 {
    right: 58.333333%; }

  .pull-lg-8 {
    right: 66.666667%; }

  .pull-lg-9 {
    right: 75%; }

  .pull-lg-10 {
    right: 83.333333%; }

  .pull-lg-11 {
    right: 91.666667%; }

  .pull-lg-12 {
    right: 100%; }

  .push-lg-0 {
    left: auto; }

  .push-lg-1 {
    left: 8.333333%; }

  .push-lg-2 {
    left: 16.666667%; }

  .push-lg-3 {
    left: 25%; }

  .push-lg-4 {
    left: 33.333333%; }

  .push-lg-5 {
    left: 41.666667%; }

  .push-lg-6 {
    left: 50%; }

  .push-lg-7 {
    left: 58.333333%; }

  .push-lg-8 {
    left: 66.666667%; }

  .push-lg-9 {
    left: 75%; }

  .push-lg-10 {
    left: 83.333333%; }

  .push-lg-11 {
    left: 91.666667%; }

  .push-lg-12 {
    left: 100%; }

  .offset-lg-0 {
    margin-left: 0%; }

  .offset-lg-1 {
    margin-left: 8.333333%; }

  .offset-lg-2 {
    margin-left: 16.666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.333333%; }

  .offset-lg-5 {
    margin-left: 41.666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.333333%; }

  .offset-lg-8 {
    margin-left: 66.666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.333333%; }

  .offset-lg-11 {
    margin-left: 91.666667%; } }
.container-global {
  width: 100%; }
  .container-global .standardWidth {
    width: 100%;
    max-width: 1200px;
    margin: 25px auto; }
  .container-global .cc-header {
    width: 100%;
    padding: 15px;
    color: #999;
    font-size: 30px;
    font-weight: bold;
    background: #FFFFFF;
    border-radius: 3px; }
    .container-global .cc-header[tipo="normal"] em {
      margin-bottom: 5px;
      font-size: 25px;
      font-style: normal;
      display: block; }
    .container-global .cc-header[tipo="normal"] span {
      font-size: 16px; }
    .container-global .cc-header[tipo="erro"] {
      padding: 20px;
      color: #f8f8f2e3;
      font-size: 20px;
      font-weight: 500;
      background: var(--csecondary);
      border-radius: 5px; }
    .container-global .cc-header[tipo="erro"] em {
        margin-bottom: 5px;
        font-size: 25px;
        font-style: normal;
        display: block; }
    .container-global .cc-header[tipo="erro"] span {
        font-size: 16px; }
    .container-global .cc-header[tipo="ok"] {
      padding: 20px;
      color: #f8f8f2e3;
      font-size: 20px;
      font-weight: 500;
      background: #27b44b;
      border-radius: 5px; }
    .container-global .cc-header[tipo="ok"] em {
        margin-bottom: 5px;
        font-size: 25px;
        font-style: normal;
        display: block; }
    .container-global .cc-header[tipo="ok"] span {
        font-size: 16px; }
  .container-global .watch {
    width: 100%;
    margin-bottom: 20px;
    position: relative; }
    .container-global .watch::before {
      content: "";
      width: 5px;
      height: 40px;
      background: var(--csecondary);
      border-radius: 25px;
      position: absolute;
      top: 8px;
      left: -12px; }
    .container-global .watch span {
      display: block; }
      .container-global .watch span.title {
        font-size: 50px;
        font-weight: bold; }
        .container-global .watch span.title em {
          margin-top: 5px;
          font-size: 20px;
          font-weight: lighter;
          text-transform: lowercase;
          display: block; }
    .container-global .watch button.alter {
      width: max-content;
      height: max-content;
      padding: 10px 30px;
      color: #FFFFFF;
      font-size: 25px;
      border-radius: 3px; }

.alertError {
  width: 550px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .alertError hr {
    width: 100px;
    height: 3px;
    margin: 10px auto;
    background: rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 25px; }
  .alertError .header {
    width: max-content;
    margin: 0 auto;
    display: block; }
    .alertError .header img {
      width: 100px;
      margin: 0 auto;
      position: absolute;
      top: -98px;
      left: 50%;
      transform: translateX(-50%); }
    .alertError .header strong {
      width: max-content;
      margin: 0 auto;
      margin-top: 20px;
      margin-bottom: 20px;
      font-size: 25px;
      font-weight: 500;
      display: block; }
  .alertError .content {
    padding: 30px;
    position: relative;
    z-index: 10; }
    .alertError .content p {
      padding-left: 10px;
      font-size: 13px; }
      .alertError .content p::before {
        content: "●";
        margin-right: 5px;
        display: inline-block; }
      .alertError .content p span {
        margin: 0 5px;
        color: rgba(0, 0, 0, 0.6);
        font-family: monospace;
        font-weight: 500;
        letter-spacing: 1.5px;
        cursor: grabbing; }
        .alertError .content p span::before, .alertError .content p span::after {
          display: inline-block; }
        .alertError .content p span::before {
          content: "<"; }
        .alertError .content p span::after {
          content: ">"; }
  .alertError .footer {
    padding: 20px;
    padding-bottom: 25px;
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    .alertError .footer p {
      font-size: 18px;
      text-underline-position: under;
      text-decoration-line: underline;
      text-decoration-style: dotted; }
    .alertError .footer .others {
      position: absolute;
      bottom: -70px;
      left: 50%;
      transform: translateX(-50%); }
      .alertError .footer .others span {
        text-align: center;
        display: block; }
        .alertError .footer .others span.copyright {
          margin-bottom: 10px;
          font-size: 15px; }
        .alertError .footer .others span.developer {
          width: max-content;
          margin: 0 auto;
          font-size: 13px;
          display: flex; }
          .alertError .footer .others span.developer button {
            margin-left: 5px;
            display: flex;
            transition: all 0.2s ease-in-out; }
            .alertError .footer .others span.developer button:hover {
              color: #7289DA; }
            .alertError .footer .others span.developer button span {
              margin-top: -2px;
              font-size: 11px;
              display: block; }

.infoCard {
  width: 100%;
  cursor: grabbing; }
  .infoCard[type="shop"] {
    width: max-content;
    margin: 0 auto; }
    .infoCard[type="shop"] code {
      padding: 5px 10px;
      background: rgba(0, 0, 0, 0.05);
      border-bottom: 2px solid rgba(0, 0, 0, 0);
      border-radius: 10px;
      position: relative;
      z-index: 5;
      transition: all 0.2s ease-in-out; }
      .infoCard[type="shop"] code:hover {
        border-bottom-color: var(--csecondary); }
      .infoCard[type="shop"] code::before, .infoCard[type="shop"] code::after {
        margin-bottom: -3px;
        color: var(--csecondary);
        display: inline-block; }
      .infoCard[type="shop"] code::before {
        content: "❰";
        margin-right: 5px; }
      .infoCard[type="shop"] code::after {
        content: "❱";
        margin-left: 5px; }

.cardbox {
  width: 100%;
  padding: 20px;
  background: #FFFFFF;
  border-radius: 3px;
  position: relative; }
  .cardbox[type="profile"].home {
    height: 100%;
    padding: 30px; }
    .cardbox[type="profile"].home .avatar {
      width: 125px;
      height: 125px;
      margin: 0 auto;
      margin-top: -70px;
      border-radius: 50%;
      border: 10px solid #F3F7F9;
      transition: transform 0.2s ease-in-out;
      position: relative; }
      .cardbox[type="profile"].home .avatar::after {
        content: "";
        width: 100%;
        height: 100%;
        background: var(--cprimary);
        border-radius: 50%;
        opacity: 0.2;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.2s ease-in-out; }
      .cardbox[type="profile"].home .avatar:hover {
        transform: scale(1.05) rotate(3deg); }
        .cardbox[type="profile"].home .avatar:hover::after {
          opacity: 0; }
        .cardbox[type="profile"].home .avatar:hover img {
          transform: scale(1.1); }
      .cardbox[type="profile"].home .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        transition: transform 0.2s ease-in-out;
        position: relative; }
    .cardbox[type="profile"].home .details {
      margin-top: 10px;
      text-align: center; }
      .cardbox[type="profile"].home .details span {
        display: block; }
        .cardbox[type="profile"].home .details span em {
          font-style: normal; }
        .cardbox[type="profile"].home .details span.office, .cardbox[type="profile"].home .details span.email {
          color: rgba(0, 0, 0, 0.6); }
        .cardbox[type="profile"].home .details span.name {
          color: var(--csecondary);
          font-size: 25px;
          font-weight: bold;
          letter-spacing: 1.5px; }
        .cardbox[type="profile"].home .details span.office {
          margin: 5px 0;
          margin-bottom: 10px;
          font-size: 13px; }
          .cardbox[type="profile"].home .details span.office em {
            font-size: 20px;
            font-weight: lighter; }
        .cardbox[type="profile"].home .details span.email {
          font-size: 13px; }
        .cardbox[type="profile"].home .details span.location {
          margin-top: 20px;
          font-size: 18px;
          font-weight: bold; }
    .cardbox[type="profile"].home hr {
      width: 30%;
      height: 3px;
      margin: 15px auto;
      background: rgba(0, 0, 0, 0.06);
      border: none;
      border-radius: 25px; }
    .cardbox[type="profile"].home .social button {
      border-radius: 50%;
      transition: all 0.1s ease-in-out; }
      .cardbox[type="profile"].home .social button:hover {
        border-radius: 2px; }

.inside {
  width: 100%; }
  .inside .card {
    width: 100%;
    height: 100%;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden; }
  .inside[type="topics"] .card {
    padding: 0; }
  .inside[type="topics"].home .header {
    width: 100%;
    height: 100%;
    min-height: 200px;
    max-height: 250px;
    color: #f8f8f2e3;
    border-bottom: 5px solid var(--csecondary); }
    .inside[type="topics"].home .header .banner {
      width: 100%;
      height: 100%;
      padding: 25px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative; }
      .inside[type="topics"].home .header .banner::after {
        content: "";
        width: 100%;
        height: 100%;
        background: var(--cprimary);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;
        z-index: 2; }
      .inside[type="topics"].home .header .banner .row {
        height: 100%;
        align-items: flex-end;
        position: relative;
        z-index: 5; }
        .inside[type="topics"].home .header .banner .row .title {
          font-size: 20px;
          font-weight: bold; }
        .inside[type="topics"].home .header .banner .row .author {
          width: 150px;
          height: 150px;
          padding: 8px;
          border-radius: 10px;
          border: 1.5px solid #f8f8f2e3; }
          .inside[type="topics"].home .header .banner .row .author img {
            width: 100%;
            height: 100%;
            border-radius: 5px; }
  .inside[type="topics"].home .content {
    width: 100%;
    padding: 30px;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 23px; }
    .inside[type="topics"].home .content p {
      color: rgba(0, 0, 0, 0.8); }
    .inside[type="topics"].home .content img {
      width: 90% !important;
      margin: 20px 0;
      display: block; }
  .inside[type="topics"].home .footer {
    width: 100%;
    padding: 90px;
    padding-bottom: 30px;
    background: linear-gradient(to top, white 60%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10; }
    .inside[type="topics"].home .footer button {
      width: max-content;
      margin: 0 auto;
      padding: 15px 30px;
      color: #FFFFFF;
      font-weight: bold;
      background: var(--csecondary);
      border-radius: 25px;
      display: block; }
  .inside[type="store"] .card {
    width: 100%;
    background: #FFFFFF;
    border-radius: 3px; }
  .inside[type="store"].home {
    width: 100%; }
    .inside[type="store"].home .card {
      height: unset; }
      .inside[type="store"].home .card .title {
        padding-left: 10px;
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: bold;
        position: relative; }
        .inside[type="store"].home .card .title::before {
          content: "";
          width: 5px;
          height: 50%;
          background: var(--csecondary);
          border-radius: 25px;
          position: absolute;
          top: 0;
          left: 0;
          transition: all 0.3s ease-in-out; }
      .inside[type="store"].home .card[type="support"] {
        width: 100%;
        color: #f8f8f2e3;
        text-align: left;
        background: #FFAA00;
        transition: all 0.2s ease-in-out; }
        .inside[type="store"].home .card[type="support"]:hover {
          opacity: 0.8; }
        .inside[type="store"].home .card[type="support"] .row {
          align-items: center; }
        .inside[type="store"].home .card[type="support"] .col-md-10 {
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
        .inside[type="store"].home .card[type="support"] mio {
          font-size: 50px; }
        .inside[type="store"].home .card[type="support"] span {
          display: block; }
          .inside[type="store"].home .card[type="support"] span.name {
            font-size: 20px;
            font-weight: bold; }
          .inside[type="store"].home .card[type="support"] span.info {
            margin-top: 5px;
            font-size: 13px; }
      .inside[type="store"].home .card[type="recent-purchases"] .cont .row {
        width: 100% !important;
        margin: 10px auto !important;
        padding: 15px 0 !important;
        background: rgba(0, 0, 0, 0.05);
        border-radius: 3px; }
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row:first-child {
          margin-top: 0; }
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row:last-child {
          margin-bottom: 0; }
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row .col-md-3,
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row .col-md-9 {
          padding: 0 15px !important; }
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row .col-md-9 {
          margin-left: -8px;
          padding-left: 0 !important;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row img {
          width: 45px;
          height: 45px;
          border-radius: 5px; }
        .inside[type="store"].home .card[type="recent-purchases"] .cont .row span {
          display: block; }
          .inside[type="store"].home .card[type="recent-purchases"] .cont .row span.player {
            font-weight: bold; }
          .inside[type="store"].home .card[type="recent-purchases"] .cont .row span.product {
            margin-top: 3px;
            font-size: 13px; }
      .inside[type="store"].home .card[type="monthly-goal"] .cont {
        width: 100%;
        padding: 10px; }
        .inside[type="store"].home .card[type="monthly-goal"] .cont .progress-bar {
          width: 100%;
          padding: 12px 0;
          background: #ececec;
          border-radius: 25px;
          position: relative;
          overflow: hidden; }
          .inside[type="store"].home .card[type="monthly-goal"] .cont .progress-bar::after {
            content: "";
            width: 0%;
            height: 100%;
            color: #f8f8f2e3;
            font-size: 13px;
            font-weight: bold;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
            background: #50fa7b;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0; }
      .inside[type="store"].home .card[type="details"] .title {
        display: flex;
        align-items: center; }
        .inside[type="store"].home .card[type="details"] .title strong {
          margin-left: 3px; }
      .inside[type="store"].home .card[type="details"] .cont img {
        width: 300px;
        margin: 0 auto;
        margin-bottom: 20px;
        border-radius: 5px;
        display: inline-block; }
      .inside[type="store"].home .card[type="details"] .cont p {
        color: #333;
        letter-spacing: 1px;
        line-height: 20px; }
      .inside[type="store"].home .card[type="details"] .cont ul {
        width: 95%;
        margin: 0 auto;
        color: #888; }
        .inside[type="store"].home .card[type="details"] .cont ul li {
          margin: 10px 0;
          display: block; }
          .inside[type="store"].home .card[type="details"] .cont ul li:first-child {
            margin-top: 0; }
          .inside[type="store"].home .card[type="details"] .cont ul li:last-child {
            margin-bottom: 0; }
          .inside[type="store"].home .card[type="details"] .cont ul li::before {
            content: "◾";
            margin-right: 5px;
            display: inline-block; }
      .inside[type="store"].home .card[type="servers"] {
        height: unset;
        padding: 0;
        background: transparent;
        border-radius: 5px; }
        .inside[type="store"].home .card[type="servers"] li {
          display: block; }
          .inside[type="store"].home .card[type="servers"] li.home {
            margin-bottom: 30px; }
            .inside[type="store"].home .card[type="servers"] li.home button {
              width: max-content;
              font-size: 20px;
              text-align: left;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              transition: all 0.2s ease-in-out;
              position: relative; }
              .inside[type="store"].home .card[type="servers"] li.home button::after {
                content: "";
                width: 50px;
                height: 3px;
                background: rgba(0, 0, 0, 0.3);
                border-radius: 25px;
                position: absolute;
                bottom: -10px;
                left: 0;
                transition: all 0.2s ease-in-out; }
              .inside[type="store"].home .card[type="servers"] li.home button:hover {
                color: var(--cprimary); }
                .inside[type="store"].home .card[type="servers"] li.home button:hover::after {
                  background: rgba(0, 0, 0, 0.7); }
          .inside[type="store"].home .card[type="servers"] li.name {
            margin: 10px 0;
            font-size: 16px;
            font-weight: bold; }
            .inside[type="store"].home .card[type="servers"] li.name::before {
              content: "⚼";
              color: var(--csecondary);
              font-size: 25px;
              display: inline-block; }
        .inside[type="store"].home .card[type="servers"] .content {
          padding: 30px;
          background: rgba(0, 0, 0, 0.02); }
          .inside[type="store"].home .card[type="servers"] .content li {
            margin: 15px 0;
            display: block; }
            .inside[type="store"].home .card[type="servers"] .content li:first-child {
              margin-top: 0; }
            .inside[type="store"].home .card[type="servers"] .content li:last-child {
              margin-bottom: 0; }
            .inside[type="store"].home .card[type="servers"] .content li.active button {
              color: var(--csecondary);
              font-weight: bold; }
              .inside[type="store"].home .card[type="servers"] .content li.active button::before {
                content: "►";
                margin-right: 2px;
                font-weight: bold;
                display: inline-block; }
              .inside[type="store"].home .card[type="servers"] .content li.active button:hover {
                padding-left: 0; }
            .inside[type="store"].home .card[type="servers"] .content li button {
              width: max-content;
              text-align: left;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              transition: all 0.2s ease-in-out; }
              .inside[type="store"].home .card[type="servers"] .content li button:hover {
                padding-left: 5px; }
  .inside[type="store"].products .lining {
    width: 100%; }
    .inside[type="store"].products .lining .listingBody {
      margin-bottom: -25px; }
      .inside[type="store"].products .lining .listingBody .col-md-4 {
        margin-bottom: 25px; }
    .inside[type="store"].products .lining .card {
      width: 100%;
      padding: 30px 20px;
      padding-bottom: 20px;
      background: #FFFFFF;
      border-radius: 3px;
      position: relative;
      overflow: visible; }
      .inside[type="store"].products .lining .card .header {
        text-align: center; }
        .inside[type="store"].products .lining .card .header img {
          width: 100%;
          margin: 0 auto;
          margin-bottom: 10px;
          display: block; }
        .inside[type="store"].products .lining .card .header span {
          font-weight: 300;
          display: block; }
          .inside[type="store"].products .lining .card .header span.name {
            color: var(--cprimary);
            font-size: 17px;
            line-height: 25px; }
          .inside[type="store"].products .lining .card .header span.price {
            width: max-content;
            margin: 0 auto;
            margin-top: 10px;
            color: #50fa7b;
            font-size: 26px;
            font-weight: bold;
            display: block; }
      .inside[type="store"].products .lining .card .content {
        margin-top: 10px; }
        .inside[type="store"].products .lining .card .content button {
          width: max-content;
          margin: 0 auto;
          padding: 15px 35px;
          color: #5555FF;
          font-size: 15px;
          font-weight: 500;
          text-align: center;
          letter-spacing: 1.3px;
          text-transform: capitalize;
          background: #FFFFFF;
          border: 1px solid #5555FF;
          border-radius: 25px;
          display: block;
          transition: all 0.2s ease-in-out; }
          .inside[type="store"].products .lining .card .content button:hover {
            color: #f8f8f2e3;
            background: #5555FF; }
  .inside[type="store"].details .card {
    overflow: visible;
    padding: 0;
    background: transparent; }
    .inside[type="store"].details .card .header,
    .inside[type="store"].details .card .content {
      width: 100%;
      padding: 25px;
      background: #FFFFFF;
      border-radius: 5px; }
    .inside[type="store"].details .card .header {
      color: #FFFFFF;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); }
    .inside[type="store"].details .card.information .header {
      background: #5555FF; }
    .inside[type="store"].details .card.product .header {
      background: #FFAA00; }
    .inside[type="store"].details .card.product .content span {
      display: block; }
      .inside[type="store"].details .card.product .content span.name {
        margin: 0 auto;
        color: var(--cprimary);
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
        text-align: center;
        position: relative; }
        .inside[type="store"].details .card.product .content span.name::after {
          content: "";
          width: 80px;
          height: 3px;
          background: rgba(0, 0, 0, 0.08);
          border-radius: 25px;
          position: absolute;
          bottom: -10px;
          left: 50%;
          transform: translateX(-50%); }
      .inside[type="store"].details .card.product .content span.image {
        margin: 40px 0; }
        .inside[type="store"].details .card.product .content span.image img {
          width: max-content;
          margin: 0 auto;
          display: block; }
    .inside[type="store"].details .card.product .content button.cart {
      width: max-content;
      margin: 0 auto;
      padding: 20px 30px;
      color: #FFFFFF;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      background: #50fa7b;
      border-radius: 3px;
      display: block; }
  .inside[type="store"].checkout .card {
    height: unset;
    padding: 0;
    background: transparent;
    overflow: visible; }
    .inside[type="store"].checkout .card .header {
      width: 100%;
      margin-bottom: 20px;
      padding: 25px;
      color: #FFFFFF;
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
      border-radius: 5px; }
    .inside[type="store"].checkout .card .content {
      width: 95%;
      margin: 0 auto; }
    .inside[type="store"].checkout .card.products .header {
      background-color: #FFAA00; }
    .inside[type="store"].checkout .card.products .content .card {
      width: 100%;
      margin: 15px 0;
      padding: 25px 15px;
      background: rgba(0, 0, 0, 0.03);
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-radius: 5px; }
      .inside[type="store"].checkout .card.products .content .card:first-child {
        margin-top: 0; }
      .inside[type="store"].checkout .card.products .content .card:last-child {
        margin-bottom: 0; }
      .inside[type="store"].checkout .card.products .content .card .row {
        align-items: center; }
        .inside[type="store"].checkout .card.products .content .card .row img {
          width: 50px; }
        .inside[type="store"].checkout .card.products .content .card .row span {
          display: block; }
          .inside[type="store"].checkout .card.products .content .card .row span.name {
            margin-bottom: 5px;
            font-weight: bold; }
          .inside[type="store"].checkout .card.products .content .card .row span.price {
            font-weight: bold; }
        .inside[type="store"].checkout .card.products .content .card .row input {
          width: 100%;
          padding: 5px 0;
          text-align: center;
          background: #FFFFFF;
          border: 1px solid rgba(0, 0, 0, 0.3);
          border-radius: 5px; }
        .inside[type="store"].checkout .card.products .content .card .row button {
          margin: 0 10px;
          font-size: 25px;
          transition: all 0.1s ease-in-out; }
    .inside[type="store"].checkout .card.coupon .header {
      background-color: #5555FF; }
    .inside[type="store"].checkout .card.coupon .content {
      margin: 0 auto; }
      .inside[type="store"].checkout .card.coupon .content input {
        width: 100%;
        height: 50px;
        margin-bottom: 15px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border: 1px solid #ccc;
        border-radius: 3px;
        transition: all 0.2s ease-in-out; }
        .inside[type="store"].checkout .card.coupon .content input:focus-within {
          border-color: #5555FF;
          box-shadow: 0 0 2px 1px #5555FF; }
      .inside[type="store"].checkout .card.coupon .content button {
        width: 100%;
        height: 50px;
        margin: 0 auto;
        padding: 13px 25px;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
        background: #555555;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.1s ease-in-out; }
        .inside[type="store"].checkout .card.coupon .content button:hover {
          opacity: 0.8; }
    .inside[type="store"].checkout .card.resume .header {
      text-align: center;
      background-color: #FFAA00; }
    .inside[type="store"].checkout .card.resume .content .card {
      width: 100%;
      margin: 15px 0;
      padding: 25px;
      font-size: 18px;
      text-align: center;
      background: #FFFFFF;
      border: 1px solid #ccc;
      border-radius: 3px;
      transition: all 0.2s ease-in-out;
      position: relative; }
      .inside[type="store"].checkout .card.resume .content .card:first-child {
        margin-top: 0; }
      .inside[type="store"].checkout .card.resume .content .card:last-child {
        margin-bottom: 0; }
      .inside[type="store"].checkout .card.resume .content .card:hover {
        border-color: #5555FF;
        box-shadow: 0 0 2px 1px #5555FF; }
      .inside[type="store"].checkout .card.resume .content .card#resume-warn {
        margin-top: 10px;
        padding-top: 30px;
        font-weight: bold;
        justify-content: center; }
        .inside[type="store"].checkout .card.resume .content .card#resume-warn::before {
          content: "AVISO";
          width: max-content;
          padding: 5px 10px;
          color: #FFFFFF;
          font-size: 13px;
          font-weight: bold;
          border-radius: 0 0 5px 5px;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%); }
        .inside[type="store"].checkout .card.resume .content .card#resume-warn.verde {
          color: #50fa7b;
          background: rgba(21, 161, 51, 0.1);
          border-color: #50fa7b; }
          .inside[type="store"].checkout .card.resume .content .card#resume-warn.verde::before {
            background: #50fa7b; }
        .inside[type="store"].checkout .card.resume .content .card#resume-warn.info {
          color: #1da1f2;
          background: rgba(21, 117, 161, 0.1);
          border-color: #1da1f2; }
          .inside[type="store"].checkout .card.resume .content .card#resume-warn.info::before {
            background: #1da1f2; }
        .inside[type="store"].checkout .card.resume .content .card#resume-warn.laranja {
          color: #FFAA00;
          background: rgba(161, 61, 21, 0.1);
          border-color: #FFAA00; }
          .inside[type="store"].checkout .card.resume .content .card#resume-warn.laranja::before {
            background: #FFAA00; }
        .inside[type="store"].checkout .card.resume .content .card#resume-warn.vermelho {
          color: var(--csecondary);
          background: rgba(161, 21, 21, 0.1);
          border-color: var(--csecondary); }
          .inside[type="store"].checkout .card.resume .content .card#resume-warn.vermelho::before {
            background: var(--csecondary); }
    .inside[type="store"].checkout .card.resume .content .payment-methods strong {
      margin-bottom: 15px;
      font-size: 20px;
      display: block; }
    .inside[type="store"].checkout .card.resume .content .payment-methods label {
      width: max-content;
      margin: 10px 0;
      text-align: left;
      display: block;
      cursor: pointer; }
      .inside[type="store"].checkout .card.resume .content .payment-methods label:first-child {
        margin-top: 0; }
      .inside[type="store"].checkout .card.resume .content .payment-methods label:last-child {
        margin-bottom: 0; }
    .inside[type="store"].checkout .card.resume .content .terms label {
      width: max-content;
      margin-top: 10px;
      text-align: left;
      display: block; }
      .inside[type="store"].checkout .card.resume .content .terms label span {
        padding-left: 23px;
        font-size: 15px;
        display: inline-block; }
        .inside[type="store"].checkout .card.resume .content .terms label span a {
          font-weight: bold;
          transition: all 0.2s ease-in-out; }
          .inside[type="store"].checkout .card.resume .content .terms label span a:hover {
            color: #FFAA00 !important; }
    .inside[type="store"].checkout .card.resume .footer button {
      width: 80%;
      margin: 10px auto; }
      .inside[type="store"].checkout .card.resume .footer button:hover {
        opacity: 0.8; }
      .inside[type="store"].checkout .card.resume .footer button.vermelho {
        background: var(--csecondary);
        border-color: #920000; }
    .inside[type="store"].checkout .card.resume .footer .ip {
      width: 50%;
      margin: 0 auto;
      color: rgba(39, 19, 19, 0.7);
      font-size: 13px;
      line-height: 15px;
      text-align: center; }
      .inside[type="store"].checkout .card.resume .footer .ip span {
        width: max-content; }
  .inside[type="profile"] .row.info {
    padding: 50px 20px;
    color: #6071a4 !important;
    background: #FFFFFF !important;
    border-radius: 10px; }
  .inside[type="profile"] .card {
    padding: 0; }
    .inside[type="profile"] .card[type="information"] {
      padding: 0 20px;
      background: transparent; }
    .inside[type="profile"] .card[type="login"], .inside[type="profile"] .card[type="register"], .inside[type="profile"] .card[type="information"] {
      overflow: visible; }
      .inside[type="profile"] .card[type="login"] .header, .inside[type="profile"] .card[type="register"] .header, .inside[type="profile"] .card[type="information"] .header {
        margin-bottom: 20px;
        color: #5555FF;
        font-size: 30px;
        font-weight: bold;
        text-align: center; }
      .inside[type="profile"] .card[type="login"] .content p, .inside[type="profile"] .card[type="register"] .content p, .inside[type="profile"] .card[type="information"] .content p {
        width: 80%;
        margin: 0 auto;
        letter-spacing: 1.2px;
        line-height: 22px;
        text-align: center; }
        .inside[type="profile"] .card[type="login"] .content p button, .inside[type="profile"] .card[type="register"] .content p button, .inside[type="profile"] .card[type="information"] .content p button {
          width: max-content;
          margin: 0 auto;
          padding: 15px 20px;
          color: #FFFFFF;
          font-size: 16px;
          font-weight: 300;
          letter-spacing: 1.2px;
          line-height: unset;
          background: #5555FF;
          border-radius: 3px;
          display: block; }
      .inside[type="profile"] .card[type="login"] .content form .inputer, .inside[type="profile"] .card[type="register"] .content form .inputer, .inside[type="profile"] .card[type="information"] .content form .inputer {
        width: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden; }
        .inside[type="profile"] .card[type="login"] .content form .inputer span, .inside[type="profile"] .card[type="register"] .content form .inputer span, .inside[type="profile"] .card[type="information"] .content form .inputer span {
          display: block; }
          .inside[type="profile"] .card[type="login"] .content form .inputer span.name, .inside[type="profile"] .card[type="register"] .content form .inputer span.name, .inside[type="profile"] .card[type="information"] .content form .inputer span.name {
            margin-bottom: 5px;
            color: rgba(0, 0, 0, 0.7);
            font-size: 18px;
            font-weight: 200; }
        .inside[type="profile"] .card[type="login"] .content form .inputer input, .inside[type="profile"] .card[type="register"] .content form .inputer input, .inside[type="profile"] .card[type="information"] .content form .inputer input {
          width: 100%;
          height: 50px;
          padding: 15px;
          color: #6071a4;
          font-size: 15px;
          letter-spacing: 1.5px;
          background: transparent;
          border: 1px solid rgba(0, 0, 0, 0.3);
          border-radius: 5px;
          transition: all 0.2s ease-in-out; }
          .inside[type="profile"] .card[type="login"] .content form .inputer input:focus-within, .inside[type="profile"] .card[type="register"] .content form .inputer input:focus-within, .inside[type="profile"] .card[type="information"] .content form .inputer input:focus-within {
            border-color: #5555FF; }
          .inside[type="profile"] .card[type="login"] .content form .inputer input[disabled], .inside[type="profile"] .card[type="register"] .content form .inputer input[disabled], .inside[type="profile"] .card[type="information"] .content form .inputer input[disabled] {
            border-color: var(--csecondary); }
      .inside[type="profile"] .card[type="login"] .content form label, .inside[type="profile"] .card[type="register"] .content form label, .inside[type="profile"] .card[type="information"] .content form label {
        width: max-content;
        margin-left: 20px;
        font-size: 14px;
        display: flex;
        align-items: center; }
        .inside[type="profile"] .card[type="login"] .content form label span, .inside[type="profile"] .card[type="register"] .content form label span, .inside[type="profile"] .card[type="information"] .content form label span {
          padding-left: 25px; }
      .inside[type="profile"] .card[type="login"] .content form a, .inside[type="profile"] .card[type="register"] .content form a, .inside[type="profile"] .card[type="information"] .content form a {
        margin: 10px 0;
        color: #5555FF;
        font-size: 14px;
        font-weight: bold;
        display: block; }
      .inside[type="profile"] .card[type="login"] .content form button[type="submit"], .inside[type="profile"] .card[type="register"] .content form button[type="submit"], .inside[type="profile"] .card[type="information"] .content form button[type="submit"] {
        width: max-content;
        padding: 15px 20px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 1.2px;
        text-transform: capitalize;
        background: #5555FF;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease-in-out; }
        .inside[type="profile"] .card[type="login"] .content form button[type="submit"]:hover, .inside[type="profile"] .card[type="register"] .content form button[type="submit"]:hover, .inside[type="profile"] .card[type="information"] .content form button[type="submit"]:hover {
          background-color: #7289DA; }
        .inside[type="profile"] .card[type="login"] .content form button[type="submit"].red, .inside[type="profile"] .card[type="register"] .content form button[type="submit"].red, .inside[type="profile"] .card[type="information"] .content form button[type="submit"].red {
          background-color: var(--csecondary); }
        .inside[type="profile"] .card[type="login"] .content form button[type="submit"].green, .inside[type="profile"] .card[type="register"] .content form button[type="submit"].green, .inside[type="profile"] .card[type="information"] .content form button[type="submit"].green {
          background-color: #50fa7b; }
        .inside[type="profile"] .card[type="login"] .content form button[type="submit"].gold, .inside[type="profile"] .card[type="register"] .content form button[type="submit"].gold, .inside[type="profile"] .card[type="information"] .content form button[type="submit"].gold {
          background-color: #FFAA00; }
    .inside[type="profile"] .card[type="monitor"] {
      padding: 20px 10px !important; }
      .inside[type="profile"] .card[type="monitor"] .row .col-md-3,
      .inside[type="profile"] .card[type="monitor"] .row .col-md-9 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; }
      .inside[type="profile"] .card[type="monitor"] span {
        display: block; }
        .inside[type="profile"] .card[type="monitor"] span.icon {
          margin: 0 auto;
          font-size: 80px; }
        .inside[type="profile"] .card[type="monitor"] span.title {
          font-size: 16px;
          font-weight: 500; }
        .inside[type="profile"] .card[type="monitor"] span.result {
          font-size: 50px;
          font-weight: bold; }
    .inside[type="profile"] .card[type="standard"] {
      width: 100%; }
      .inside[type="profile"] .card[type="standard"] .header {
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: bold; }
      .inside[type="profile"] .card[type="standard"] .content {
        padding-top: 5px;
        padding: 10px;
        letter-spacing: 1.2px; }
    .inside[type="profile"] .card[type="plugins"] .box {
      width: 100%;
      padding: 30px 20px;
      text-align: left;
      background: var(--cprimary);
      border-radius: 2px;
      position: relative; }
      .inside[type="profile"] .card[type="plugins"] .box:hover span.info {
        opacity: 0.5; }
        .inside[type="profile"] .card[type="plugins"] .box:hover span.info strong {
          opacity: 0; }
      .inside[type="profile"] .card[type="plugins"] .box:hover .icon button.settings {
        opacity: 1; }
      .inside[type="profile"] .card[type="plugins"] .box .row {
        align-items: center; }
      .inside[type="profile"] .card[type="plugins"] .box span {
        display: block;
        transition: opacity 0.2s ease-in-out; }
        .inside[type="profile"] .card[type="plugins"] .box span.name {
          font-size: 17px;
          font-weight: 500; }
        .inside[type="profile"] .card[type="plugins"] .box span.info {
          margin-top: 5px;
          font-size: 14px;
          letter-spacing: 1px; }
          .inside[type="profile"] .card[type="plugins"] .box span.info::before {
            content: "●";
            display: inline-block; }
          .inside[type="profile"] .card[type="plugins"] .box span.info strong {
            transition: opacity 0.2s ease-in-out; }
      .inside[type="profile"] .card[type="plugins"] .box .icon button {
        width: 100%;
        padding: 12px 0;
        color: #f8f8f2e3;
        font-size: 20px;
        background: #35384b;
        border-radius: 3px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 10;
        transition: all 0.2s ease-in-out; }
        .inside[type="profile"] .card[type="plugins"] .box .icon button:hover.download {
          color: #50fa7b; }
        .inside[type="profile"] .card[type="plugins"] .box .icon button:hover.settings {
          color: #79d1ff; }
        .inside[type="profile"] .card[type="plugins"] .box .icon button.settings {
          width: 88px;
          height: 48px;
          opacity: 0;
          position: absolute;
          top: 50%;
          right: 120px;
          transform: translateY(-50%);
          transition: opacity 0.3s ease-in-out; }
    .inside[type="profile"] .card[type="tickets"] .header {
      font-weight: bold;
      background: var(--cprimary);
      border-radius: 5px; }
      .inside[type="profile"] .card[type="tickets"] .header .row {
        margin: 0 auto; }
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-1,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-2,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-3,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-4,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-5,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-7,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-8,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-9,
        .inside[type="profile"] .card[type="tickets"] .header .row .col-md-10 {
          padding: 20px !important;
          align-items: center; }
    .inside[type="profile"] .card[type="tickets"] .content {
      width: 100%;
      margin-top: 20px; }
      .inside[type="profile"] .card[type="tickets"] .content button {
        width: 100%;
        margin: 10px 0;
        text-align: left;
        background: var(--cprimary);
        border-radius: 5px; }
        .inside[type="profile"] .card[type="tickets"] .content button:first-child {
          margin-top: 0; }
        .inside[type="profile"] .card[type="tickets"] .content button:last-child {
          margin-bottom: 0; }
        .inside[type="profile"] .card[type="tickets"] .content button .row {
          margin: 0 auto; }
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-1,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-2,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-3,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-4,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-5,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-7,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-8,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-9,
          .inside[type="profile"] .card[type="tickets"] .content button .row .col-md-10 {
            padding: 20px !important;
            align-items: center; }
          .inside[type="profile"] .card[type="tickets"] .content button .row span {
            display: block; }
            .inside[type="profile"] .card[type="tickets"] .content button .row span.referer {
              color: var(--csecondary);
              font-weight: bold; }

@media screen and (max-width: 600px) {
  body {
    zoom: 0.8; }
    body .container-global {
      padding: 0 20px; }
    body .no-mobile {
      display: none; }
    body .standardWidth {
      width: 100%; }
    body .curve-shape {
      display: none; }
    body .marilan {
      margin-left: 10px !important;
      margin-right: 10px !important; }
    body .marilan-bottom {
      margin-bottom: 10px; }
    body .marlin {
      margin: 20px 0; }
    body menu[type="higher"] .buttons .row li.logo {
      padding-left: 100px !important; }
      body menu[type="higher"] .buttons .row li.logo button {
        width: 80px !important;
        height: 80px !important; }
    body menu[type="higher"] .buttons .row .range-right {
      margin-top: 50px;
      justify-content: center; }
    body menu[type="higher"] .banner[type="bottom"] .row {
      padding-top: 0 !important;
      height: auto !important;
      justify-content: center; }
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-1,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-2,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-3,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-4,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-5,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-6,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-7,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-8,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-9 {
        width: fit-content !important; }
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-1 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-2 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-3 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-4 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-5 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-6 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-7 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-8 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-9 li {
          margin: 0 0 20px 15px !important; }
    body footer .socialnetwork {
      padding-bottom: 50px !important; }
      body footer .socialnetwork .range-right {
        justify-content: center !important; }
    body footer .row.yes-mobile {
      margin-top: 20px !important;
      padding: 0 !important; }
      body footer .row.yes-mobile .range-center {
        padding: 20px 0 !important; }
        body footer .row.yes-mobile .range-center .info {
          padding: 0 0 20px 0 !important; }
    body .inside.home[type="topics"] .card .header {
      min-height: unset; }
      body .inside.home[type="topics"] .card .header .banner::after {
        opacity: 0.8; }
      body .inside.home[type="topics"] .card .header .banner .author {
        width: unset;
        height: unset;
        padding: 0;
        margin-top: 15px;
        border: none; }
        body .inside.home[type="topics"] .card .header .banner .author img {
          display: none; }
        body .inside.home[type="topics"] .card .header .banner .author span {
          color: var(--cprimary);
          font-weight: bold;
          background-color: #FFFFFF;
          display: block;
          position: relative;
          top: unset;
          bottom: unset;
          left: unset;
          transform: unset;
          opacity: 1; }
          body .inside.home[type="topics"] .card .header .banner .author span::before {
            content: "Author: ";
            margin-right: 5px;
            color: var(--cprimary);
            border: none;
            display: inline-block;
            position: relative;
            top: unset;
            left: unset;
            transform: unset; }
    body .inside[type="sidelong"] {
      margin-top: 30px; }
    body .inside[type="store"].checkout .card.products .card .row .col-md-1,
    body .inside[type="store"].checkout .card.products .card .row .col-md-2,
    body .inside[type="store"].checkout .card.products .card .row .col-md-3,
    body .inside[type="store"].checkout .card.products .card .row .col-md-4,
    body .inside[type="store"].checkout .card.products .card .row .col-md-5,
    body .inside[type="store"].checkout .card.products .card .row .col-md-6,
    body .inside[type="store"].checkout .card.products .card .row .col-md-7,
    body .inside[type="store"].checkout .card.products .card .row .col-md-8,
    body .inside[type="store"].checkout .card.products .card .row .col-md-9 {
      margin-bottom: 15px; }
      body .inside[type="store"].checkout .card.products .card .row .col-md-1:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-2:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-3:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-4:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-5:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-6:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-7:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-8:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-9:last-child {
        margin-bottom: 0; }
      body .inside[type="store"].checkout .card.products .card .row .col-md-1.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-2.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-3.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-4.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-5.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-6.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-7.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-8.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-9.mobile-resize {
        width: fit-content !important; }
      body .inside[type="store"].checkout .card.products .card .row .col-md-1.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-2.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-3.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-4.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-5.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-6.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-7.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-8.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-9.mobile-resize-fix {
        margin-bottom: 0 !important; }
    body .inside[type="profile"] {
      padding: 0 20px; }
      body .inside[type="profile"] .row.info .card[type="information"] {
        margin-top: 50px;
        padding: 0 !important; } }
@media screen and (min-width: 600px) and (max-width: 900px) {
  body {
    zoom: 0.8; }
    body .container-global {
      padding: 0 20px; }
    body .no-mobile {
      display: none; }
    body .standardWidth {
      width: 100%; }
    body .curve-shape {
      display: none; }
    body .marilan {
      margin-left: 10px !important;
      margin-right: 10px !important; }
    body .marilan-bottom {
      margin-bottom: 10px; }
    body .marlin {
      margin: 20px 0; }
    body menu[type="higher"] .buttons .row li.logo {
      padding-left: 100px !important; }
      body menu[type="higher"] .buttons .row li.logo button {
        width: 80px !important;
        height: 80px !important; }
    body menu[type="higher"] .buttons .row .range-right {
      margin-top: 50px;
      justify-content: center; }
    body menu[type="higher"] .banner[type="bottom"] .row {
      padding-top: 0 !important;
      height: auto !important;
      justify-content: center; }
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-1,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-2,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-3,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-4,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-5,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-6,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-7,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-8,
      body menu[type="higher"] .banner[type="bottom"] .row .col-md-9 {
        width: fit-content !important; }
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-1 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-2 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-3 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-4 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-5 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-6 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-7 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-8 li,
        body menu[type="higher"] .banner[type="bottom"] .row .col-md-9 li {
          margin: 0 0 20px 15px !important; }
    body footer .socialnetwork {
      padding-bottom: 50px !important; }
      body footer .socialnetwork .range-right {
        justify-content: center !important; }
    body footer .row.yes-mobile {
      margin-top: 20px !important;
      padding: 0 !important; }
      body footer .row.yes-mobile .range-center {
        padding: 20px 0 !important; }
        body footer .row.yes-mobile .range-center .info {
          padding: 0 0 20px 0 !important; }
    body .inside.home[type="topics"] .card .header {
      min-height: unset; }
      body .inside.home[type="topics"] .card .header .banner::after {
        opacity: 0.8; }
      body .inside.home[type="topics"] .card .header .banner .author {
        width: unset;
        height: unset;
        padding: 0;
        margin-top: 15px;
        border: none; }
        body .inside.home[type="topics"] .card .header .banner .author img {
          display: none; }
        body .inside.home[type="topics"] .card .header .banner .author span {
          color: var(--cprimary);
          font-weight: bold;
          background-color: #FFFFFF;
          display: block;
          position: relative;
          top: unset;
          bottom: unset;
          left: unset;
          transform: unset;
          opacity: 1; }
          body .inside.home[type="topics"] .card .header .banner .author span::before {
            content: "Author: ";
            margin-right: 5px;
            color: var(--cprimary);
            border: none;
            display: inline-block;
            position: relative;
            top: unset;
            left: unset;
            transform: unset; }
    body .inside[type="sidelong"] {
      margin-top: 30px; }
    body .inside[type="store"].checkout .card.products .card .row .col-md-1,
    body .inside[type="store"].checkout .card.products .card .row .col-md-2,
    body .inside[type="store"].checkout .card.products .card .row .col-md-3,
    body .inside[type="store"].checkout .card.products .card .row .col-md-4,
    body .inside[type="store"].checkout .card.products .card .row .col-md-5,
    body .inside[type="store"].checkout .card.products .card .row .col-md-6,
    body .inside[type="store"].checkout .card.products .card .row .col-md-7,
    body .inside[type="store"].checkout .card.products .card .row .col-md-8,
    body .inside[type="store"].checkout .card.products .card .row .col-md-9 {
      margin-bottom: 15px; }
      body .inside[type="store"].checkout .card.products .card .row .col-md-1:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-2:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-3:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-4:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-5:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-6:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-7:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-8:last-child,
      body .inside[type="store"].checkout .card.products .card .row .col-md-9:last-child {
        margin-bottom: 0; }
      body .inside[type="store"].checkout .card.products .card .row .col-md-1.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-2.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-3.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-4.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-5.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-6.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-7.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-8.mobile-resize,
      body .inside[type="store"].checkout .card.products .card .row .col-md-9.mobile-resize {
        width: fit-content !important; }
      body .inside[type="store"].checkout .card.products .card .row .col-md-1.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-2.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-3.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-4.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-5.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-6.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-7.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-8.mobile-resize-fix,
      body .inside[type="store"].checkout .card.products .card .row .col-md-9.mobile-resize-fix {
        margin-bottom: 0 !important; }
    body .inside[type="profile"] {
      padding: 0 20px; }
      body .inside[type="profile"] .row.info .card[type="information"] {
        margin-top: 50px;
        padding: 0 !important; } }
.range-left {
  display: flex;
  justify-content: flex-start; }

.range-center {
  display: flex;
  justify-content: center; }

.range-right {
  display: flex;
  justify-content: flex-end; }

.range-top {
  display: flex;
  justify-content: flex-start; }

.range-bottom {
  display: flex;
  justify-content: flex-end; }

body {
  margin: 0 auto;
  color: #888 !important;
  font-family: "Montserrat", sans-serif !important;
  background: #F3F7F9;
  position: relative;
  scrollbar-width: thin;
  overflow-x: hidden;
  z-index: 999999; }
  body::-webkit-scrollbar {
    width: 11px;
    height: 0;
    background-color: #FFFFFF;
    overflow: visible; }
  body::-webkit-scrollbar-thumb {
    background: var(--csecondary);
    border: 3px solid #FFFFFF;
    border-radius: 25px; }
    body::-webkit-scrollbar-thumb:active, body::-webkit-scrollbar-thumb:hover {
      background: var(--csecondary); }
  body::-webkit-scrollbar-button {
    height: 0;
    width: 0; }
  body::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px; }
  body[type="mask"] {
    overflow-y: hidden; }
    body[type="mask"]::before {
      content: "";
      width: 100%;
      height: 100%;
      background: dyedracu-1;
      position: fixed;
      top: 0;
      left: 0;
      opacity: 0.5;
      z-index: 99; }
  body[type="error"] {
    background: #ececec; }
  body[type="regular"].profile .row::before, body[type="regular"].profile .row::after, body[type="regular"].buttons .row::before, body[type="regular"].buttons .row::after {
    content: ""; }
  body[type="regular"].profile menu[type="higher"] .buttons,
  body[type="regular"].profile menu[type="higher"] .banner[type="bottom"] {
    background: #111111 !important; }
    body[type="regular"].profile menu[type="higher"] .buttons::after,
    body[type="regular"].profile menu[type="higher"] .banner[type="bottom"]::after {
      background-image: url("/assets/content/public/img/bgs/2.png"); }
    body[type="regular"].profile menu[type="higher"] .buttons .curve-shape[type="2"],
    body[type="regular"].profile menu[type="higher"] .banner[type="bottom"] .curve-shape[type="2"] {
      background-color: #F3F7F9; }
  body[type="regular"].profile menu[type="higher"] .banner[type="bottom"] .row {
    padding-top: 20px; }
  body[type="regular"].profile footer .brand .socialnetwork::after {
    content: "";
    background-image: url("/assets/content/public/img/bgs/2.png"); }
  body[type="regular"].store menu[type="higher"] .buttons,
  body[type="regular"].store menu[type="higher"] .banner[type="bottom"] {
    background: #111111 !important; }
    body[type="regular"].store menu[type="higher"] .buttons::after,
    body[type="regular"].store menu[type="higher"] .banner[type="bottom"]::after {
      background-image: url("/assets/content/public/img/bgs/8.jpg"); }
  body[type="regular"].store menu[type="higher"] .banner[type="bottom"] .curve-shape[type="2"] {
    background: #F3F7F9; }
  body[type="regular"].store menu[type="higher"] .banner[type="bottom"] .row {
    padding-top: 20px; }
  body[type="regular"].store footer .brand .socialnetwork::after {
    content: "";
    background-image: url("/assets/content/public/img/bgs/8.jpg"); }
  body[type="regular"] menu {
    width: 100%;
    position: relative; }
    body[type="regular"] menu .row .col-md-1,
    body[type="regular"] menu .row .col-md-2,
    body[type="regular"] menu .row .col-md-3,
    body[type="regular"] menu .row .col-md-4,
    body[type="regular"] menu .row .col-md-5,
    body[type="regular"] menu .row .col-md-7,
    body[type="regular"] menu .row .col-md-8,
    body[type="regular"] menu .row .col-md-9,
    body[type="regular"] menu .row .col-md-10 {
      padding: 0 !important;
      align-items: center; }
    body[type="regular"] menu[type="higher"] .buttons::after,
    body[type="regular"] menu[type="higher"] .banner[type="bottom"]::after {
      content: "";
      width: 100%;
      height: 100%;
      background-attachment: fixed;
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0.8;
      position: absolute;
      top: 0;
      left: 0;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
      filter: blur(2px);
      -webkit-filter: blur(2px);
      z-index: 5; }
    body[type="regular"] menu[type="higher"] .buttons .curve-shape[type="2"],
    body[type="regular"] menu[type="higher"] .banner[type="bottom"] .curve-shape[type="2"] {
      background-color: #FFFFFF;
      z-index: 30; }
    body[type="regular"] menu[type="higher"] .buttons::after {
      opacity: 0.5; }
    body[type="regular"] menu[type="higher"] .buttons .row::before, body[type="regular"] menu[type="higher"] .buttons .row::after {
      background: rgba(255, 255, 255, 0.6); }
    body[type="regular"] menu[type="higher"] .buttons .row::before {
      width: 100%;
      max-width: 1015px;
      height: 1.5px;
      position: absolute;
      bottom: 0;
      left: 80px; }
    body[type="regular"] menu[type="higher"] .buttons .row::after {
      width: 8px;
      height: 8px;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      position: absolute;
      bottom: -2.7px;
      right: 100px; }
    body[type="regular"] menu[type="higher"] .buttons .row li {
      color: #f8f8f2e3; }
      body[type="regular"] menu[type="higher"] .buttons .row li button:hover::before {
        color: #f8f8f2e3; }
    body[type="regular"] menu[type="higher"] .buttons {
      width: 100%;
      background: var(--cprimary);
      position: relative;
      z-index: 10; }
      body[type="regular"] menu[type="higher"] .buttons .row {
        width: 100%;
        max-width: 1200px !important;
        margin: 0 auto;
        padding: 30px 30px;
        position: relative;
        z-index: 10; }
        body[type="regular"] menu[type="higher"] .buttons .row li {
          margin: 0 15px;
          display: inline-block; }
          body[type="regular"] menu[type="higher"] .buttons .row li:first-child {
            margin-left: 0; }
          body[type="regular"] menu[type="higher"] .buttons .row li:last-child {
            margin-right: 0; }
          body[type="regular"] menu[type="higher"] .buttons .row li.active button {
            color: var(--csecondary); }
            body[type="regular"] menu[type="higher"] .buttons .row li.active button:hover::before {
              height: 100%;
              background: var(--csecondary); }
            body[type="regular"] menu[type="higher"] .buttons .row li.active button::before {
              background: var(--csecondary); }
          body[type="regular"] menu[type="higher"] .buttons .row li.logo {
            padding-left: 175px; }
            body[type="regular"] menu[type="higher"] .buttons .row li.logo button::before {
              content: unset; }
            body[type="regular"] menu[type="higher"] .buttons .row li.logo button.soon {
              width: 160px;
              height: 160px;
              /*background: url("/assets/content/public/img/Soon.png") no-repeat center center;*/
              background-size: contain;
              position: absolute;
              top: -20px;
              left: 0; }
            body[type="regular"] menu[type="higher"] .buttons .row li.logo button.info {
              margin-top: 5px;
              font-size: 13px !important;
              text-transform: capitalize;
              display: flex;
              align-items: center; }
              body[type="regular"] menu[type="higher"] .buttons .row li.logo button.info mio {
                width: 20px;
                height: 20px;
                margin-right: 5px;
                color: #FFFFFF;
                font-size: 10px;
                background: var(--csecondary);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center; }
            body[type="regular"] menu[type="higher"] .buttons .row li.logo .name span {
              font-size: 20px;
              font-weight: bold; }
              body[type="regular"] menu[type="higher"] .buttons .row li.logo .name span strong {
                color: var(--csecondary); }
            body[type="regular"] menu[type="higher"] .buttons .row li.logo .online-players {
              margin-top: 5px;
              font-size: 13px; }
          body[type="regular"] menu[type="higher"] .buttons .row li button {
            font-size: 16px !important;
            font-weight: 500;
            display: flex;
            align-items: center;
            position: relative; }
            body[type="regular"] menu[type="higher"] .buttons .row li button::before {
              content: "";
              width: 3px;
              height: 10px;
              background: rgba(0, 0, 0, 0);
              border-radius: 25px;
              position: absolute;
              top: 0;
              left: -8px;
              transition: all 0.3s ease-in-out; }
            body[type="regular"] menu[type="higher"] .buttons .row li button:hover::before {
              background: #888; }
            body[type="regular"] menu[type="higher"] .buttons .row li button mio {
              margin-right: 3px;
              font-size: 16px;
              display: block; }
    body[type="regular"] menu[type="higher"] .banner {
      width: 100%;
      position: relative;
      z-index: 8; }
      body[type="regular"] menu[type="higher"] .banner[type="bottom"] {
        padding: 20px 0;
        background: #FFFFFF; }
        body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row {
          width: 100%;
          max-width: 1200px;
          height: 110px;
          margin: 0 auto; }
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-1,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-2,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-3,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-4,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-5,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-7,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-8,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-9,
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row .col-md-10 {
            align-items: flex-start; }
          body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li {
            margin: 0 15px;
            display: inline-block;
            position: relative;
            z-index: 9999; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li:first-child {
              margin-left: 0; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li:last-child {
              margin-right: 0; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li.return button {
              background: var(--csecondary); }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li.cart button {
              background: #FFAA00; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li.shop button {
              background-color: #FFAA00; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li.profile.register button {
              background-color: #FFAA00; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li.profile button {
              background-color: #5555FF; }
            body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li button {
              padding: 8px 15px;
              color: #FFFFFF;
              font-size: 13px !important;
              font-weight: bold;
              text-transform: uppercase;
              border-radius: 25px;
              display: flex;
              align-items: center; }
              body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li button mio,
              body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li button mdi {
                margin-right: 5px; }
              body[type="regular"] menu[type="higher"] .banner[type="bottom"] .row li button mdi {
                font-size: 22px; }
  body[type="regular"] footer .row {
    width: 100%;
    max-width: 1200px !important;
    margin: 0 auto; }
    body[type="regular"] footer .row .col-md-1,
    body[type="regular"] footer .row .col-md-2,
    body[type="regular"] footer .row .col-md-3,
    body[type="regular"] footer .row .col-md-4,
    body[type="regular"] footer .row .col-md-5,
    body[type="regular"] footer .row .col-md-7,
    body[type="regular"] footer .row .col-md-8,
    body[type="regular"] footer .row .col-md-9,
    body[type="regular"] footer .row .col-md-10 {
      padding: 0 !important;
      align-items: center; }
  body[type="regular"] footer .brand {
    width: 100%;
    color: rgba(255, 255, 255, 0.4);
    background: #232426;
    border-top: 3px solid var(--csecondary);
    position: relative; }
    body[type="regular"] footer .brand[type="normal"] .socialnetwork::after {
      content: unset; }
    body[type="regular"] footer .brand .socialnetwork,
    body[type="regular"] footer .brand .row {
      position: relative;
      z-index: 20; }
    body[type="regular"] footer .brand .socialnetwork {
      width: 100%;
      padding: 10px;
      padding-bottom: 5px;
      background: #262729; }
      body[type="regular"] footer .brand .socialnetwork::after {
        width: 100%;
        height: 100%;
        background-attachment: fixed;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
        filter: blur(2px);
        -webkit-filter: blur(2px);
        z-index: 5; }
      body[type="regular"] footer .brand .socialnetwork .row {
        width: 100%;
        max-width: 1200px;
        position: relative; }
    body[type="regular"] footer .brand .row {
      padding: 20px 0;
      position: relative; }
      body[type="regular"] footer .brand .row .range-center {
        flex-direction: column;
        align-items: center; }
      body[type="regular"] footer .brand .row .payment-methods {
        width: fit-content;
        padding-right: 20px; }
        body[type="regular"] footer .brand .row .payment-methods img {
          width: 100%; }
      body[type="regular"] footer .brand .row .copyright {
        width: 270px;
        max-width: 270px;
        height: 55px;
        margin: 0 auto;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        background: #232426;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -65px;
        left: 50%;
        transform: translateX(-50%); }
        body[type="regular"] footer .brand .row .copyright::before {
          right: 100%;
          border-width: 0 0 55px 25px; }
        body[type="regular"] footer .brand .row .copyright::after {
          left: 100%;
          border-width: 0 25px 55px 0; }
        body[type="regular"] footer .brand .row .copyright::before, body[type="regular"] footer .brand .row .copyright::after {
          content: "";
          width: 0;
          height: 0;
          border-color: transparent transparent #232426;
          display: inline-block;
          border-style: solid;
          position: absolute;
          top: 0; }
        body[type="regular"] footer .brand .row .copyright span.top {
          display: flex;
          align-items: center; }
          body[type="regular"] footer .brand .row .copyright span.top strong {
            margin-left: 5px;
            color: var(--csecondary);
            display: block; }
        body[type="regular"] footer .brand .row .copyright span.bottom {
          margin-top: 5px;
          font-size: 12px;
          display: block; }
      body[type="regular"] footer .brand .row .info {
        font-size: 13px;
        text-transform: uppercase; }
      body[type="regular"] footer .brand .row .developer {
        width: max-content;
        font-size: 14px;
        text-align: right;
        display: flex;
        flex-direction: column; }
        body[type="regular"] footer .brand .row .developer button {
          color: #FFFFFF;
          font-size: 18px;
          font-weight: bold;
          text-transform: uppercase;
          display: flex; }
          body[type="regular"] footer .brand .row .developer button span {
            font-size: 15px;
            display: block; }

.boxshadow {
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.06); }

[box_shadow="true"][box_shadow-type="1"] {
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.06); }
[box_shadow="true"][box_shadow-type="2"] {
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); }
[box_shadow="true"][box_shadow-type="3"] {
  -webkit-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.1); }

.listingBody {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

a {
  color: unset;
  text-decoration: unset;
  background: transparent;
  cursor: pointer; }
  a[disabled] {
    cursor: not-allowed !important;
    pointer-events: none !important; }

button {
  color: unset;
  background: transparent;
  border: none;
  outline: 0;
  cursor: pointer; }
  button[disabled] {
    cursor: not-allowed !important; }
  button.btn-verde {
    background: #3fcb2d !important; }
  button.btn-azul {
    background: #3369e7 !important;
    background-image: linear-gradient(80deg, #00aeff, #3369e7) !important;
    box-shadow: 0px 0px 5px 1px rgba(0, 130, 215, 0.4) !important; }
  button.btn-vermelho {
    background: #ee2c2c !important;
    background-image: linear-gradient(80deg, #f84040, #db2929) !important;
    box-shadow: 0px 0px 5px 1px rgba(238, 44, 44, 0.4) !important; }
  button.info {
    padding: 0.35rem 0.375rem !important;
    font-size: 66% !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 0.25rem;
    display: inline-block; }
    button.info.i-verde {
      color: #1aae6f !important;
      background-color: rgba(147, 231, 195, 0.5) !important; }
    button.info.i-azul {
      margin-left: 5px;
      color: #2643e9 !important;
      background-color: rgba(203, 210, 246, 0.5) !important; }
    button.info.i-vermelho {
      color: #f80031 !important;
      background-color: rgba(251, 175, 190, 0.5) !important; }

.sb-1 {
  background-image: linear-gradient(87deg, #495aff 0%, #2c6aee 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(0, 130, 215, 0.4); }

.sb-2 {
  background-image: linear-gradient(87deg, #fc6076 0%, #ff9a44 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(252, 96, 118, 0.4); }

.sb-3 {
  background-image: linear-gradient(87deg, #eb3232 0%, #ff0000 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(250, 50, 50, 0.4); }

.sb-4 {
  background-image: linear-gradient(87deg, #d69cf3 0%, #c56cf0 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(197, 108, 240, 0.4); }

.sb-5 {
  background-image: linear-gradient(87deg, #7085b6 0%, #819dca 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(112, 133, 182, 0.4); }

.sb-6 {
  background-image: linear-gradient(87deg, #faaf1a 0%, #ffbc35 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(250, 175, 26, 0.4); }

.sb-7 {
  background-image: linear-gradient(87deg, #27ae60 0%, #28b964 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(39, 174, 96, 0.4); }

.sb-8 {
  background-image: linear-gradient(87deg, #7d5fff 0%, #6b4cf3 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(107, 76, 243, 0.4); }

.sb-9 {
  background-image: linear-gradient(87deg, #e9464e 0%, #fc5c65 100%) !important;
  box-shadow: 0px 0px 3px 1px rgba(252, 92, 101, 0.4); }

.sb-10 {
  background: linear-gradient(87deg, #fb6340, #fbb140) !important;
  box-shadow: 0px 0px 3px 1px rgba(252, 92, 101, 0.4); }

.sb-11 {
  background: linear-gradient(87deg, #1bfd39, #21d330) !important;
  box-shadow: 0px 0px 3px 1px rgba(124, 252, 92, 0.4); }

.sb-12 {
  background: linear-gradient(87deg, #8d55e6, #8436ce) !important;
  box-shadow: 0px 0px 3px 1px rgba(141, 85, 230, 0.4); }

.sb-13 {
  background: linear-gradient(87deg, #00b4db, #0083b0) !important;
  box-shadow: 0px 0px 3px 1px rgba(0, 131, 176, 0.4); }

.sb-14 {
  background: linear-gradient(87deg, #4d6ab4, #4d36b4) !important;
  box-shadow: 0px 0px 3px 1px rgba(63, 43, 150, 0.4); }

.sb-15 {
  background: linear-gradient(87deg, #06beb6, #48b1bf) !important;
  box-shadow: 0px 0px 3px 1px rgba(72, 177, 191, 0.4); }