.materialize-red {
background-color: #e51c23; }
.materialize-red-text {
color: #e51c23; }
.materialize-red.lighten-5 {
background-color: #fdeaeb; }
.materialize-red-text.text-lighten-5 {
color: #fdeaeb; }
.materialize-red.lighten-4 {
background-color: #f8c1c3; }
.materialize-red-text.text-lighten-4 {
color: #f8c1c3; }
.materialize-red.lighten-3 {
background-color: #f3989b; }
.materialize-red-text.text-lighten-3 {
color: #f3989b; }
.materialize-red.lighten-2 {
background-color: #ee6e73; }
.materialize-red-text.text-lighten-2 {
color: #ee6e73; }
.materialize-red.lighten-1 {
background-color: #ea454b; }
.materialize-red-text.text-lighten-1 {
color: #ea454b; }
.materialize-red.darken-1 {
background-color: #d0181e; }
.materialize-red-text.text-darken-1 {
color: #d0181e; }
.materialize-red.darken-2 {
background-color: #b9151b; }
.materialize-red-text.text-darken-2 {
color: #b9151b; }
.materialize-red.darken-3 {
background-color: #a21318; }
.materialize-red-text.text-darken-3 {
color: #a21318; }
.materialize-red.darken-4 {
background-color: #8b1014; }
.materialize-red-text.text-darken-4 {
color: #8b1014; }
.red {
background-color: #F44336; }
.red-text {
color: #F44336; }
.red.lighten-5 {
background-color: #FFEBEE; }
.red-text.text-lighten-5 {
color: #FFEBEE; }
.red.lighten-4 {
background-color: #FFCDD2; }
.red-text.text-lighten-4 {
color: #FFCDD2; }
.red.lighten-3 {
background-color: #EF9A9A; }
.red-text.text-lighten-3 {
color: #EF9A9A; }
.red.lighten-2 {
background-color: #E57373; }
.red-text.text-lighten-2 {
color: #E57373; }
.red.lighten-1 {
background-color: #EF5350; }
.red-text.text-lighten-1 {
color: #EF5350; }
.red.darken-1 {
background-color: #E53935; }
.red-text.text-darken-1 {
color: #E53935; }
.red.darken-2 {
background-color: #D32F2F; }
.red-text.text-darken-2 {
color: #D32F2F; }
.red.darken-3 {
background-color: #C62828; }
.red-text.text-darken-3 {
color: #C62828; }
.red.darken-4 {
background-color: #B71C1C; }
.red-text.text-darken-4 {
color: #B71C1C; }
.red.accent-1 {
background-color: #FF8A80; }
.red-text.text-accent-1 {
color: #FF8A80; }
.red.accent-2 {
background-color: #FF5252; }
.red-text.text-accent-2 {
color: #FF5252; }
.red.accent-3 {
background-color: #FF1744; }
.red-text.text-accent-3 {
color: #FF1744; }
.red.accent-4 {
background-color: #D50000; }
.red-text.text-accent-4 {
color: #D50000; }
.pink {
background-color: #e91e63; }
.pink-text {
color: #e91e63; }
.pink.lighten-5 {
background-color: #fce4ec; }
.pink-text.text-lighten-5 {
color: #fce4ec; }
.pink.lighten-4 {
background-color: #f8bbd0; }
.pink-text.text-lighten-4 {
color: #f8bbd0; }
.pink.lighten-3 {
background-color: #f48fb1; }
.pink-text.text-lighten-3 {
color: #f48fb1; }
.pink.lighten-2 {
background-color: #f06292; }
.pink-text.text-lighten-2 {
color: #f06292; }
.pink.lighten-1 {
background-color: #ec407a; }
.pink-text.text-lighten-1 {
color: #ec407a; }
.pink.darken-1 {
background-color: #d81b60; }
.pink-text.text-darken-1 {
color: #d81b60; }
.pink.darken-2 {
background-color: #c2185b; }
.pink-text.text-darken-2 {
color: #c2185b; }
.pink.darken-3 {
background-color: #ad1457; }
.pink-text.text-darken-3 {
color: #ad1457; }
.pink.darken-4 {
background-color: #880e4f; }
.pink-text.text-darken-4 {
color: #880e4f; }
.pink.accent-1 {
background-color: #ff80ab; }
.pink-text.text-accent-1 {
color: #ff80ab; }
.pink.accent-2 {
background-color: #ff4081; }
.pink-text.text-accent-2 {
color: #ff4081; }
.pink.accent-3 {
background-color: #f50057; }
.pink-text.text-accent-3 {
color: #f50057; }
.pink.accent-4 {
background-color: #c51162; }
.pink-text.text-accent-4 {
color: #c51162; }
.purple {
background-color: #9c27b0; }
.purple-text {
color: #9c27b0; }
.purple.lighten-5 {
background-color: #f3e5f5; }
.purple-text.text-lighten-5 {
color: #f3e5f5; }
.purple.lighten-4 {
background-color: #e1bee7; }
.purple-text.text-lighten-4 {
color: #e1bee7; }
.purple.lighten-3 {
background-color: #ce93d8; }
.purple-text.text-lighten-3 {
color: #ce93d8; }
.purple.lighten-2 {
background-color: #ba68c8; }
.purple-text.text-lighten-2 {
color: #ba68c8; }
.purple.lighten-1 {
background-color: #ab47bc; }
.purple-text.text-lighten-1 {
color: #ab47bc; }
.purple.darken-1 {
background-color: #8e24aa; }
.purple-text.text-darken-1 {
color: #8e24aa; }
.purple.darken-2 {
background-color: #7b1fa2; }
.purple-text.text-darken-2 {
color: #7b1fa2; }
.purple.darken-3 {
background-color: #6a1b9a; }
.purple-text.text-darken-3 {
color: #6a1b9a; }
.purple.darken-4 {
background-color: #4a148c; }
.purple-text.text-darken-4 {
color: #4a148c; }
.purple.accent-1 {
background-color: #ea80fc; }
.purple-text.text-accent-1 {
color: #ea80fc; }
.purple.accent-2 {
background-color: #e040fb; }
.purple-text.text-accent-2 {
color: #e040fb; }
.purple.accent-3 {
background-color: #d500f9; }
.purple-text.text-accent-3 {
color: #d500f9; }
.purple.accent-4 {
background-color: #aa00ff; }
.purple-text.text-accent-4 {
color: #aa00ff; }
.deep-purple {
background-color: #673ab7; }
.deep-purple-text {
color: #673ab7; }
.deep-purple.lighten-5 {
background-color: #ede7f6; }
.deep-purple-text.text-lighten-5 {
color: #ede7f6; }
.deep-purple.lighten-4 {
background-color: #d1c4e9; }
.deep-purple-text.text-lighten-4 {
color: #d1c4e9; }
.deep-purple.lighten-3 {
background-color: #b39ddb; }
.deep-purple-text.text-lighten-3 {
color: #b39ddb; }
.deep-purple.lighten-2 {
background-color: #9575cd; }
.deep-purple-text.text-lighten-2 {
color: #9575cd; }
.deep-purple.lighten-1 {
background-color: #7e57c2; }
.deep-purple-text.text-lighten-1 {
color: #7e57c2; }
.deep-purple.darken-1 {
background-color: #5e35b1; }
.deep-purple-text.text-darken-1 {
color: #5e35b1; }
.deep-purple.darken-2 {
background-color: #512da8; }
.deep-purple-text.text-darken-2 {
color: #512da8; }
.deep-purple.darken-3 {
background-color: #4527a0; }
.deep-purple-text.text-darken-3 {
color: #4527a0; }
.deep-purple.darken-4 {
background-color: #311b92; }
.deep-purple-text.text-darken-4 {
color: #311b92; }
.deep-purple.accent-1 {
background-color: #b388ff; }
.deep-purple-text.text-accent-1 {
color: #b388ff; }
.deep-purple.accent-2 {
background-color: #7c4dff; }
.deep-purple-text.text-accent-2 {
color: #7c4dff; }
.deep-purple.accent-3 {
background-color: #651fff; }
.deep-purple-text.text-accent-3 {
color: #651fff; }
.deep-purple.accent-4 {
background-color: #6200ea; }
.deep-purple-text.text-accent-4 {
color: #6200ea; }
.indigo {
background-color: #3f51b5; }
.indigo-text {
color: #3f51b5; }
.indigo.lighten-5 {
background-color: #e8eaf6; }
.indigo-text.text-lighten-5 {
color: #e8eaf6; }
.indigo.lighten-4 {
background-color: #c5cae9; }
.indigo-text.text-lighten-4 {
color: #c5cae9; }
.indigo.lighten-3 {
background-color: #9fa8da; }
.indigo-text.text-lighten-3 {
color: #9fa8da; }
.indigo.lighten-2 {
background-color: #7986cb; }
.indigo-text.text-lighten-2 {
color: #7986cb; }
.indigo.lighten-1 {
background-color: #5c6bc0; }
.indigo-text.text-lighten-1 {
color: #5c6bc0; }
.indigo.darken-1 {
background-color: #3949ab; }
.indigo-text.text-darken-1 {
color: #3949ab; }
.indigo.darken-2 {
background-color: #303f9f; }
.indigo-text.text-darken-2 {
color: #303f9f; }
.indigo.darken-3 {
background-color: #283593; }
.indigo-text.text-darken-3 {
color: #283593; }
.indigo.darken-4 {
background-color: #1a237e; }
.indigo-text.text-darken-4 {
color: #1a237e; }
.indigo.accent-1 {
background-color: #8c9eff; }
.indigo-text.text-accent-1 {
color: #8c9eff; }
.indigo.accent-2 {
background-color: #536dfe; }
.indigo-text.text-accent-2 {
color: #536dfe; }
.indigo.accent-3 {
background-color: #3d5afe; }
.indigo-text.text-accent-3 {
color: #3d5afe; }
.indigo.accent-4 {
background-color: #304ffe; }
.indigo-text.text-accent-4 {
color: #304ffe; }
.blue {
background-color: #2196F3; }
.blue-text {
color: #2196F3; }
.blue.lighten-5 {
background-color: #E3F2FD; }
.blue-text.text-lighten-5 {
color: #E3F2FD; }
.blue.lighten-4 {
background-color: #BBDEFB; }
.blue-text.text-lighten-4 {
color: #BBDEFB; }
.blue.lighten-3 {
background-color: #90CAF9; }
.blue-text.text-lighten-3 {
color: #90CAF9; }
.blue.lighten-2 {
background-color: #64B5F6; }
.blue-text.text-lighten-2 {
color: #64B5F6; }
.blue.lighten-1 {
background-color: #42A5F5; }
.blue-text.text-lighten-1 {
color: #42A5F5; }
.blue.darken-1 {
background-color: #1E88E5; }
.blue-text.text-darken-1 {
color: #1E88E5; }
.blue.darken-2 {
background-color: #1976D2; }
.blue-text.text-darken-2 {
color: #1976D2; }
.blue.darken-3 {
background-color: #1565C0; }
.blue-text.text-darken-3 {
color: #1565C0; }
.blue.darken-4 {
background-color: #0D47A1; }
.blue-text.text-darken-4 {
color: #0D47A1; }
.blue.accent-1 {
background-color: #82B1FF; }
.blue-text.text-accent-1 {
color: #82B1FF; }
.blue.accent-2 {
background-color: #448AFF; }
.blue-text.text-accent-2 {
color: #448AFF; }
.blue.accent-3 {
background-color: #2979FF; }
.blue-text.text-accent-3 {
color: #2979FF; }
.blue.accent-4 {
background-color: #2962FF; }
.blue-text.text-accent-4 {
color: #2962FF; }
.light-blue {
background-color: #03a9f4; }
.light-blue-text {
color: #03a9f4; }
.light-blue.lighten-5 {
background-color: #e1f5fe; }
.light-blue-text.text-lighten-5 {
color: #e1f5fe; }
.light-blue.lighten-4 {
background-color: #b3e5fc; }
.light-blue-text.text-lighten-4 {
color: #b3e5fc; }
.light-blue.lighten-3 {
background-color: #81d4fa; }
.light-blue-text.text-lighten-3 {
color: #81d4fa; }
.light-blue.lighten-2 {
background-color: #4fc3f7; }
.light-blue-text.text-lighten-2 {
color: #4fc3f7; }
.light-blue.lighten-1 {
background-color: #29b6f6; }
.light-blue-text.text-lighten-1 {
color: #29b6f6; }
.light-blue.darken-1 {
background-color: #039be5; }
.light-blue-text.text-darken-1 {
color: #039be5; }
.light-blue.darken-2 {
background-color: #0288d1; }
.light-blue-text.text-darken-2 {
color: #0288d1; }
.light-blue.darken-3 {
background-color: #0277bd; }
.light-blue-text.text-darken-3 {
color: #0277bd; }
.light-blue.darken-4 {
background-color: #01579b; }
.light-blue-text.text-darken-4 {
color: #01579b; }
.light-blue.accent-1 {
background-color: #80d8ff; }
.light-blue-text.text-accent-1 {
color: #80d8ff; }
.light-blue.accent-2 {
background-color: #40c4ff; }
.light-blue-text.text-accent-2 {
color: #40c4ff; }
.light-blue.accent-3 {
background-color: #00b0ff; }
.light-blue-text.text-accent-3 {
color: #00b0ff; }
.light-blue.accent-4 {
background-color: #0091ea; }
.light-blue-text.text-accent-4 {
color: #0091ea; }
.cyan {
background-color: #00bcd4; }
.cyan-text {
color: #00bcd4; }
.cyan.lighten-5 {
background-color: #e0f7fa; }
.cyan-text.text-lighten-5 {
color: #e0f7fa; }
.cyan.lighten-4 {
background-color: #b2ebf2; }
.cyan-text.text-lighten-4 {
color: #b2ebf2; }
.cyan.lighten-3 {
background-color: #80deea; }
.cyan-text.text-lighten-3 {
color: #80deea; }
.cyan.lighten-2 {
background-color: #4dd0e1; }
.cyan-text.text-lighten-2 {
color: #4dd0e1; }
.cyan.lighten-1 {
background-color: #26c6da; }
.cyan-text.text-lighten-1 {
color: #26c6da; }
.cyan.darken-1 {
background-color: #00acc1; }
.cyan-text.text-darken-1 {
color: #00acc1; }
.cyan.darken-2 {
background-color: #0097a7; }
.cyan-text.text-darken-2 {
color: #0097a7; }
.cyan.darken-3 {
background-color: #00838f; }
.cyan-text.text-darken-3 {
color: #00838f; }
.cyan.darken-4 {
background-color: #006064; }
.cyan-text.text-darken-4 {
color: #006064; }
.cyan.accent-1 {
background-color: #84ffff; }
.cyan-text.text-accent-1 {
color: #84ffff; }
.cyan.accent-2 {
background-color: #18ffff; }
.cyan-text.text-accent-2 {
color: #18ffff; }
.cyan.accent-3 {
background-color: #00e5ff; }
.cyan-text.text-accent-3 {
color: #00e5ff; }
.cyan.accent-4 {
background-color: #00b8d4; }
.cyan-text.text-accent-4 {
color: #00b8d4; }
.teal {
background-color: #009688; }
.teal-text {
color: #009688; }
.teal.lighten-5 {
background-color: #e0f2f1; }
.teal-text.text-lighten-5 {
color: #e0f2f1; }
.teal.lighten-4 {
background-color: #b2dfdb; }
.teal-text.text-lighten-4 {
color: #b2dfdb; }
.teal.lighten-3 {
background-color: #80cbc4; }
.teal-text.text-lighten-3 {
color: #80cbc4; }
.teal.lighten-2 {
background-color: #4db6ac; }
.teal-text.text-lighten-2 {
color: #4db6ac; }
.teal.lighten-1 {
background-color: #26a69a; }
.teal-text.text-lighten-1 {
color: #26a69a; }
.teal.darken-1 {
background-color: #00897b; }
.teal-text.text-darken-1 {
color: #00897b; }
.teal.darken-2 {
background-color: #00796b; }
.teal-text.text-darken-2 {
color: #00796b; }
.teal.darken-3 {
background-color: #00695c; }
.teal-text.text-darken-3 {
color: #00695c; }
.teal.darken-4 {
background-color: #004d40; }
.teal-text.text-darken-4 {
color: #004d40; }
.teal.accent-1 {
background-color: #a7ffeb; }
.teal-text.text-accent-1 {
color: #a7ffeb; }
.teal.accent-2 {
background-color: #64ffda; }
.teal-text.text-accent-2 {
color: #64ffda; }
.teal.accent-3 {
background-color: #1de9b6; }
.teal-text.text-accent-3 {
color: #1de9b6; }
.teal.accent-4 {
background-color: #00bfa5; }
.teal-text.text-accent-4 {
color: #00bfa5; }
.green {
background-color: #4CAF50; }
.green-text {
color: #4CAF50; }
.green.lighten-5 {
background-color: #E8F5E9; }
.green-text.text-lighten-5 {
color: #E8F5E9; }
.green.lighten-4 {
background-color: #C8E6C9; }
.green-text.text-lighten-4 {
color: #C8E6C9; }
.green.lighten-3 {
background-color: #A5D6A7; }
.green-text.text-lighten-3 {
color: #A5D6A7; }
.green.lighten-2 {
background-color: #81C784; }
.green-text.text-lighten-2 {
color: #81C784; }
.green.lighten-1 {
background-color: #66BB6A; }
.green-text.text-lighten-1 {
color: #66BB6A; }
.green.darken-1 {
background-color: #43A047; }
.green-text.text-darken-1 {
color: #43A047; }
.green.darken-2 {
background-color: #388E3C; }
.green-text.text-darken-2 {
color: #388E3C; }
.green.darken-3 {
background-color: #2E7D32; }
.green-text.text-darken-3 {
color: #2E7D32; }
.green.darken-4 {
background-color: #1B5E20; }
.green-text.text-darken-4 {
color: #1B5E20; }
.green.accent-1 {
background-color: #B9F6CA; }
.green-text.text-accent-1 {
color: #B9F6CA; }
.green.accent-2 {
background-color: #69F0AE; }
.green-text.text-accent-2 {
color: #69F0AE; }
.green.accent-3 {
background-color: #00E676; }
.green-text.text-accent-3 {
color: #00E676; }
.green.accent-4 {
background-color: #00C853; }
.green-text.text-accent-4 {
color: #00C853; }
.light-green {
background-color: #8bc34a; }
.light-green-text {
color: #8bc34a; }
.light-green.lighten-5 {
background-color: #f1f8e9; }
.light-green-text.text-lighten-5 {
color: #f1f8e9; }
.light-green.lighten-4 {
background-color: #dcedc8; }
.light-green-text.text-lighten-4 {
color: #dcedc8; }
.light-green.lighten-3 {
background-color: #c5e1a5; }
.light-green-text.text-lighten-3 {
color: #c5e1a5; }
.light-green.lighten-2 {
background-color: #aed581; }
.light-green-text.text-lighten-2 {
color: #aed581; }
.light-green.lighten-1 {
background-color: #9ccc65; }
.light-green-text.text-lighten-1 {
color: #9ccc65; }
.light-green.darken-1 {
background-color: #7cb342; }
.light-green-text.text-darken-1 {
color: #7cb342; }
.light-green.darken-2 {
background-color: #689f38; }
.light-green-text.text-darken-2 {
color: #689f38; }
.light-green.darken-3 {
background-color: #558b2f; }
.light-green-text.text-darken-3 {
color: #558b2f; }
.light-green.darken-4 {
background-color: #33691e; }
.light-green-text.text-darken-4 {
color: #33691e; }
.light-green.accent-1 {
background-color: #ccff90; }
.light-green-text.text-accent-1 {
color: #ccff90; }
.light-green.accent-2 {
background-color: #b2ff59; }
.light-green-text.text-accent-2 {
color: #b2ff59; }
.light-green.accent-3 {
background-color: #76ff03; }
.light-green-text.text-accent-3 {
color: #76ff03; }
.light-green.accent-4 {
background-color: #64dd17; }
.light-green-text.text-accent-4 {
color: #64dd17; }
.lime {
background-color: #cddc39; }
.lime-text {
color: #cddc39; }
.lime.lighten-5 {
background-color: #f9fbe7; }
.lime-text.text-lighten-5 {
color: #f9fbe7; }
.lime.lighten-4 {
background-color: #f0f4c3; }
.lime-text.text-lighten-4 {
color: #f0f4c3; }
.lime.lighten-3 {
background-color: #e6ee9c; }
.lime-text.text-lighten-3 {
color: #e6ee9c; }
.lime.lighten-2 {
background-color: #dce775; }
.lime-text.text-lighten-2 {
color: #dce775; }
.lime.lighten-1 {
background-color: #d4e157; }
.lime-text.text-lighten-1 {
color: #d4e157; }
.lime.darken-1 {
background-color: #c0ca33; }
.lime-text.text-darken-1 {
color: #c0ca33; }
.lime.darken-2 {
background-color: #afb42b; }
.lime-text.text-darken-2 {
color: #afb42b; }
.lime.darken-3 {
background-color: #9e9d24; }
.lime-text.text-darken-3 {
color: #9e9d24; }
.lime.darken-4 {
background-color: #827717; }
.lime-text.text-darken-4 {
color: #827717; }
.lime.accent-1 {
background-color: #f4ff81; }
.lime-text.text-accent-1 {
color: #f4ff81; }
.lime.accent-2 {
background-color: #eeff41; }
.lime-text.text-accent-2 {
color: #eeff41; }
.lime.accent-3 {
background-color: #c6ff00; }
.lime-text.text-accent-3 {
color: #c6ff00; }
.lime.accent-4 {
background-color: #aeea00; }
.lime-text.text-accent-4 {
color: #aeea00; }
.yellow {
background-color: #ffeb3b; }
.yellow-text {
color: #ffeb3b; }
.yellow.lighten-5 {
background-color: #fffde7; }
.yellow-text.text-lighten-5 {
color: #fffde7; }
.yellow.lighten-4 {
background-color: #fff9c4; }
.yellow-text.text-lighten-4 {
color: #fff9c4; }
.yellow.lighten-3 {
background-color: #fff59d; }
.yellow-text.text-lighten-3 {
color: #fff59d; }
.yellow.lighten-2 {
background-color: #fff176; }
.yellow-text.text-lighten-2 {
color: #fff176; }
.yellow.lighten-1 {
background-color: #ffee58; }
.yellow-text.text-lighten-1 {
color: #ffee58; }
.yellow.darken-1 {
background-color: #fdd835; }
.yellow-text.text-darken-1 {
color: #fdd835; }
.yellow.darken-2 {
background-color: #fbc02d; }
.yellow-text.text-darken-2 {
color: #fbc02d; }
.yellow.darken-3 {
background-color: #f9a825; }
.yellow-text.text-darken-3 {
color: #f9a825; }
.yellow.darken-4 {
background-color: #f57f17; }
.yellow-text.text-darken-4 {
color: #f57f17; }
.yellow.accent-1 {
background-color: #ffff8d; }
.yellow-text.text-accent-1 {
color: #ffff8d; }
.yellow.accent-2 {
background-color: #ffff00; }
.yellow-text.text-accent-2 {
color: #ffff00; }
.yellow.accent-3 {
background-color: #ffea00; }
.yellow-text.text-accent-3 {
color: #ffea00; }
.yellow.accent-4 {
background-color: #ffd600; }
.yellow-text.text-accent-4 {
color: #ffd600; }
.amber {
background-color: #ffc107; }
.amber-text {
color: #ffc107; }
.amber.lighten-5 {
background-color: #fff8e1; }
.amber-text.text-lighten-5 {
color: #fff8e1; }
.amber.lighten-4 {
background-color: #ffecb3; }
.amber-text.text-lighten-4 {
color: #ffecb3; }
.amber.lighten-3 {
background-color: #ffe082; }
.amber-text.text-lighten-3 {
color: #ffe082; }
.amber.lighten-2 {
background-color: #ffd54f; }
.amber-text.text-lighten-2 {
color: #ffd54f; }
.amber.lighten-1 {
background-color: #ffca28; }
.amber-text.text-lighten-1 {
color: #ffca28; }
.amber.darken-1 {
background-color: #ffb300; }
.amber-text.text-darken-1 {
color: #ffb300; }
.amber.darken-2 {
background-color: #ffa000; }
.amber-text.text-darken-2 {
color: #ffa000; }
.amber.darken-3 {
background-color: #ff8f00; }
.amber-text.text-darken-3 {
color: #ff8f00; }
.amber.darken-4 {
background-color: #ff6f00; }
.amber-text.text-darken-4 {
color: #ff6f00; }
.amber.accent-1 {
background-color: #ffe57f; }
.amber-text.text-accent-1 {
color: #ffe57f; }
.amber.accent-2 {
background-color: #ffd740; }
.amber-text.text-accent-2 {
color: #ffd740; }
.amber.accent-3 {
background-color: #ffc400; }
.amber-text.text-accent-3 {
color: #ffc400; }
.amber.accent-4 {
background-color: #ffab00; }
.amber-text.text-accent-4 {
color: #ffab00; }
.orange {
background-color: #ff9800; }
.orange-text {
color: #ff9800; }
.orange.lighten-5 {
background-color: #fff3e0; }
.orange-text.text-lighten-5 {
color: #fff3e0; }
.orange.lighten-4 {
background-color: #ffe0b2; }
.orange-text.text-lighten-4 {
color: #ffe0b2; }
.orange.lighten-3 {
background-color: #ffcc80; }
.orange-text.text-lighten-3 {
color: #ffcc80; }
.orange.lighten-2 {
background-color: #ffb74d; }
.orange-text.text-lighten-2 {
color: #ffb74d; }
.orange.lighten-1 {
background-color: #ffa726; }
.orange-text.text-lighten-1 {
color: #ffa726; }
.orange.darken-1 {
background-color: #fb8c00; }
.orange-text.text-darken-1 {
color: #fb8c00; }
.orange.darken-2 {
background-color: #f57c00; }
.orange-text.text-darken-2 {
color: #f57c00; }
.orange.darken-3 {
background-color: #ef6c00; }
.orange-text.text-darken-3 {
color: #ef6c00; }
.orange.darken-4 {
background-color: #e65100; }
.orange-text.text-darken-4 {
color: #e65100; }
.orange.accent-1 {
background-color: #ffd180; }
.orange-text.text-accent-1 {
color: #ffd180; }
.orange.accent-2 {
background-color: #ffab40; }
.orange-text.text-accent-2 {
color: #ffab40; }
.orange.accent-3 {
background-color: #ff9100; }
.orange-text.text-accent-3 {
color: #ff9100; }
.orange.accent-4 {
background-color: #ff6d00; }
.orange-text.text-accent-4 {
color: #ff6d00; }
.deep-orange {
background-color: #ff5722; }
.deep-orange-text {
color: #ff5722; }
.deep-orange.lighten-5 {
background-color: #fbe9e7; }
.deep-orange-text.text-lighten-5 {
color: #fbe9e7; }
.deep-orange.lighten-4 {
background-color: #ffccbc; }
.deep-orange-text.text-lighten-4 {
color: #ffccbc; }
.deep-orange.lighten-3 {
background-color: #ffab91; }
.deep-orange-text.text-lighten-3 {
color: #ffab91; }
.deep-orange.lighten-2 {
background-color: #ff8a65; }
.deep-orange-text.text-lighten-2 {
color: #ff8a65; }
.deep-orange.lighten-1 {
background-color: #ff7043; }
.deep-orange-text.text-lighten-1 {
color: #ff7043; }
.deep-orange.darken-1 {
background-color: #f4511e; }
.deep-orange-text.text-darken-1 {
color: #f4511e; }
.deep-orange.darken-2 {
background-color: #e64a19; }
.deep-orange-text.text-darken-2 {
color: #e64a19; }
.deep-orange.darken-3 {
background-color: #d84315; }
.deep-orange-text.text-darken-3 {
color: #d84315; }
.deep-orange.darken-4 {
background-color: #bf360c; }
.deep-orange-text.text-darken-4 {
color: #bf360c; }
.deep-orange.accent-1 {
background-color: #ff9e80; }
.deep-orange-text.text-accent-1 {
color: #ff9e80; }
.deep-orange.accent-2 {
background-color: #ff6e40; }
.deep-orange-text.text-accent-2 {
color: #ff6e40; }
.deep-orange.accent-3 {
background-color: #ff3d00; }
.deep-orange-text.text-accent-3 {
color: #ff3d00; }
.deep-orange.accent-4 {
background-color: #dd2c00; }
.deep-orange-text.text-accent-4 {
color: #dd2c00; }
.brown {
background-color: #795548; }
.brown-text {
color: #795548; }
.brown.lighten-5 {
background-color: #efebe9; }
.brown-text.text-lighten-5 {
color: #efebe9; }
.brown.lighten-4 {
background-color: #d7ccc8; }
.brown-text.text-lighten-4 {
color: #d7ccc8; }
.brown.lighten-3 {
background-color: #bcaaa4; }
.brown-text.text-lighten-3 {
color: #bcaaa4; }
.brown.lighten-2 {
background-color: #a1887f; }
.brown-text.text-lighten-2 {
color: #a1887f; }
.brown.lighten-1 {
background-color: #8d6e63; }
.brown-text.text-lighten-1 {
color: #8d6e63; }
.brown.darken-1 {
background-color: #6d4c41; }
.brown-text.text-darken-1 {
color: #6d4c41; }
.brown.darken-2 {
background-color: #5d4037; }
.brown-text.text-darken-2 {
color: #5d4037; }
.brown.darken-3 {
background-color: #4e342e; }
.brown-text.text-darken-3 {
color: #4e342e; }
.brown.darken-4 {
background-color: #3e2723; }
.brown-text.text-darken-4 {
color: #3e2723; }
.blue-grey {
background-color: #607d8b; }
.blue-grey-text {
color: #607d8b; }
.blue-grey.lighten-5 {
background-color: #eceff1; }
.blue-grey-text.text-lighten-5 {
color: #eceff1; }
.blue-grey.lighten-4 {
background-color: #cfd8dc; }
.blue-grey-text.text-lighten-4 {
color: #cfd8dc; }
.blue-grey.lighten-3 {
background-color: #b0bec5; }
.blue-grey-text.text-lighten-3 {
color: #b0bec5; }
.blue-grey.lighten-2 {
background-color: #90a4ae; }
.blue-grey-text.text-lighten-2 {
color: #90a4ae; }
.blue-grey.lighten-1 {
background-color: #78909c; }
.blue-grey-text.text-lighten-1 {
color: #78909c; }
.blue-grey.darken-1 {
background-color: #546e7a; }
.blue-grey-text.text-darken-1 {
color: #546e7a; }
.blue-grey.darken-2 {
background-color: #455a64; }
.blue-grey-text.text-darken-2 {
color: #455a64; }
.blue-grey.darken-3 {
background-color: #37474f; }
.blue-grey-text.text-darken-3 {
color: #37474f; }
.blue-grey.darken-4 {
background-color: #263238; }
.blue-grey-text.text-darken-4 {
color: #263238; }
.grey {
background-color: #9e9e9e; }
.grey-text {
color: #9e9e9e; }
.grey.lighten-5 {
background-color: #fafafa; }
.grey-text.text-lighten-5 {
color: #fafafa; }
.grey.lighten-4 {
background-color: #f5f5f5; }
.grey-text.text-lighten-4 {
color: #f5f5f5; }
.grey.lighten-3 {
background-color: #eeeeee; }
.grey-text.text-lighten-3 {
color: #eeeeee; }
.grey.lighten-2 {
background-color: #e0e0e0; }
.grey-text.text-lighten-2 {
color: #e0e0e0; }
.grey.lighten-1 {
background-color: #bdbdbd; }
.grey-text.text-lighten-1 {
color: #bdbdbd; }
.grey.darken-1 {
background-color: #757575; }
.grey-text.text-darken-1 {
color: #757575; }
.grey.darken-2 {
background-color: #616161; }
.grey-text.text-darken-2 {
color: #616161; }
.grey.darken-3 {
background-color: #424242; }
.grey-text.text-darken-3 {
color: #424242; }
.grey.darken-4 {
background-color: #212121; }
.grey-text.text-darken-4 {
color: #212121; }
.shades.black {
background-color: #000000; }
.shades-text.text-black {
color: #000000; }
.shades.white {
background-color: #FFFFFF; }
.shades-text.text-white {
color: #FFFFFF; }
.shades.transparent {
background-color: transparent; }
.shades-text.text-transparent {
color: transparent; }
.black {
background-color: #000000; }
.black-text {
color: #000000; }
.white {
background-color: #FFFFFF; }
.white-text {
color: #FFFFFF; }
.transparent {
background-color: transparent; }
.transparent-text {
color: transparent; }      .qt-widgets-footer {
color: rgba(255, 255, 255, 0.8); }
.qt-widgets-footer .qt-caption-small span, .qt-widgets-footer .qt-caption-small a.rsswidget {
background-color: #dedede !important;
color: #000 !important; }
.qt-widgets-footer .qt-caption-small {
border-color: #dedede !important; } #onair2Body .qt-accent, #onair2Body .qt-text-white, #onair2Body .qt-menubar a, #onair2Body a.qt-sharelink, #onair2Body .qt-text-white h1, #onair2Body .qt-text-white h2, #onair2Body .qt-text-white h3, #onair2Body .qt-text-white h4, #onair2Body .qt-text-white h5, #onair2Body .qt-text-white h6, #onair2Body .qt-pageheader h1, #onair2Body .qt-pageheader h2, #onair2Body .qt-pageheader h3, #onair2Body .qt-pageheader h4, #onair2Body .qt-pageheader h5, #onair2Body .qt-pageheader h6, #onair2Body .qt-menubar-top a {
color: #fff !important; }
.qt-pageheader h1 a, .qt-pageheader h2 a, .qt-pageheader h3 a, .qt-pageheader h4 a, .qt-pageheader h5 a, .qt-pageheader h6 a {
color: #dd0e34; }
.qt-main h4.qt-negative {
color: #fff !important; }
[class*="qt-content-primary"] {
color: #fff !important; }
[class*="qt-content-primary"] h1, [class*="qt-content-primary"] h2, [class*="qt-content-primary"] h3, [class*="qt-content-primary"] h4, [class*="qt-content-primary"] h5, [class*="qt-content-primary"] h6 {
color: #fff !important; }
[class*="qt-content-primary"] .qt-btn-ghost {
border-color: #fff !important; }
.qt-side-nav a {
color: #fff !important; }
.qt-menubar ul.qt-desktopmenu > li::after, .qt-menubar ul.qt-desktopmenu > li > a::after, .qt-menubar ul.qt-desktopmenu > li > a::before, .qt-menubar ul.qt-desktopmenu > li.current_page_item:hover::after {
border-color: #fff !important; }                                 html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
ul {
list-style-type: none; }
ul.browser-default {
list-style-type: initial; }
a {
color: #dd0e34;
text-decoration: none;
-webkit-tap-highlight-color: transparent; }
.valign-wrapper {
display: flex;
align-items: center; }
.valign-wrapper .valign {
display: block; }
ul {
padding: 0; }
ul li {
list-style-type: none; }
.clearfix {
clear: both; }
.z-depth-0 {
box-shadow: none !important; }
.z-depth-1, .side-nav, .collapsible, nav {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.z-depth-1-half {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.z-depth-2 {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.z-depth-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.z-depth-4, .modal {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.z-depth-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.hoverable {
transition: box-shadow .25s;
box-shadow: 0; }
.hoverable:hover {
transition: box-shadow .25s;
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.divider {
height: 1px;
overflow: hidden;
background-color: #e0e0e0; }
blockquote {
margin: 20px 0;
padding-left: 1.5rem;
border-left: 5px solid #dd0e34; }
i {
line-height: inherit; }
i.left {
float: left;
margin-right: 15px; }
i.right {
float: right;
margin-left: 15px; }
i.tiny {
font-size: 1rem; }
i.small {
font-size: 2rem; }
i.medium {
font-size: 4rem; }
i.large {
font-size: 6rem; }
img.responsive-img,
video.responsive-video {
max-width: 100%;
height: auto; }
.pagination li {
display: inline-block;
font-size: 1.2rem;
padding: 0 10px;
line-height: 30px;
border-radius: 2px;
text-align: center; }
.pagination li a {
color: #444; }
.pagination li.active a {
color: #fff; }
.pagination li.active {
background-color: #dd0e34; }
.pagination li.disabled a {
cursor: default;
color: #999; }
.pagination li i {
font-size: 2.2rem;
vertical-align: middle; }
.pagination li.pages ul li {
display: inline-block;
float: none; }
@media only screen and (max-width : 992px) {
.pagination {
width: 100%; }
.pagination li.prev,
.pagination li.next {
width: 10%; }
.pagination li.pages {
width: 80%;
overflow: hidden;
white-space: nowrap; } }
.breadcrumb {
font-size: 18px;
color: rgba(255, 255, 255, 0.7); }
.breadcrumb i,
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
display: inline-block;
float: left;
font-size: 24px; }
.breadcrumb:before {
content: '\E5CC';
color: rgba(255, 255, 255, 0.7);
vertical-align: top;
display: inline-block;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 25px;
margin: 0 10px 0 8px;
-webkit-font-smoothing: antialiased; }
.breadcrumb:first-child:before {
display: none; }
.breadcrumb:last-child {
color: #fff; }
.parallax-container {
position: relative;
overflow: hidden;
height: 500px; }
.parallax {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; }
.parallax img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
transform: translate3d(0, 0, 0);
transform: translateX(-50%); }
.vc_parallax-inner {
display: none; }
.pin-top, .pin-bottom {
position: relative; }
.pinned {
position: fixed !important; } ul.staggered-list li {
opacity: 0; }
.fade-in {
opacity: 0;
transform-origin: 0 50%; } @media only screen and (max-width : 600px) {
.hide-on-small-only, .hide-on-small-and-down {
display: none !important; } }
@media only screen and (max-width : 992px) {
.hide-on-med-and-down {
display: none !important; } }
@media only screen and (max-width : 1200px) {
.hide-on-large-and-down {
display: none !important; } }
@media only screen and (max-width : 1200px) {
.hide-on-xl-and-down {
display: none !important; } }
@media only screen and (min-width : 993px) {
.hide-on-med-and-up {
display: none !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {
display: none !important; } }
@media only screen and (min-width : 1201px) {
.hide-on-large-only {
display: none !important; } }
@media only screen and (min-width : 1201px) {
.hide-on-xl-only {
display: none !important; } }
@media only screen and (min-width : 1201px) {
.show-on-large {
display: block !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {
display: block !important; } }
@media only screen and (max-width : 600px) {
.show-on-small {
display: block !important; } }
@media only screen and (min-width : 993px) {
.show-on-medium-and-up {
display: block !important; } }
@media only screen and (max-width : 992px) {
.show-on-medium-and-down {
display: block !important; } }
@media only screen and (max-width : 600px) {
.center-on-small-only {
text-align: center; } }
footer.page-footer {
margin-top: 20px;
padding-top: 20px;
background-color: #dd0e34; }
footer.page-footer .footer-copyright {
overflow: hidden;
height: 50px;
line-height: 50px;
color: rgba(255, 255, 255, 0.8);
background-color: rgba(51, 51, 51, 0.08); }
table, th, td {
border: none; }
table {
width: 100%;
display: table; }
table.bordered > thead > tr, table.bordered > tbody > tr {
border-bottom: 1px solid #d0d0d0; }
table.striped > tbody > tr:nth-child(odd) {
background-color: #f2f2f2; }
table.striped > tbody > tr > td {
border-radius: 0; }
table.highlight > tbody > tr {
transition: background-color .25s ease; }
table.highlight > tbody > tr:hover {
background-color: #f2f2f2; }
table.centered thead tr th, table.centered tbody tr td {
text-align: center; }
thead {
border-bottom: 1px solid #d0d0d0; }
td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px; }
@media only screen and (max-width : 992px) {
table.responsive-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
display: block;
position: relative; }
table.responsive-table td:empty:before {
content: '\00a0'; }
table.responsive-table th,
table.responsive-table td {
margin: 0;
vertical-align: top; }
table.responsive-table th {
text-align: left; }
table.responsive-table thead {
display: block;
float: left; }
table.responsive-table thead tr {
display: block;
padding: 0 10px 0 0; }
table.responsive-table thead tr th::before {
content: "\00a0"; }
table.responsive-table tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap; }
table.responsive-table tbody tr {
display: inline-block;
vertical-align: top; }
table.responsive-table th {
display: block;
text-align: right; }
table.responsive-table td {
display: block;
min-height: 1.25em;
text-align: left; }
table.responsive-table tr {
padding: 0 10px; }
table.responsive-table thead {
border: 0;
border-right: 1px solid #d0d0d0; }
table.responsive-table.bordered th {
border-bottom: 0;
border-left: 0; }
table.responsive-table.bordered td {
border-left: 0;
border-right: 0;
border-bottom: 0; }
table.responsive-table.bordered tr {
border: 0; }
table.responsive-table.bordered tbody tr {
border-right: 1px solid #d0d0d0; } }
.collection {
margin: 0.5rem 0 1rem 0;
border: 1px solid #e0e0e0;
border-radius: 2px;
overflow: hidden;
position: relative; }
.collection .collection-item {
background-color: #fff;
line-height: 1.5rem;
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid #e0e0e0; }
.collection .collection-item.avatar {
min-height: 84px;
padding-left: 72px;
position: relative; }
.collection .collection-item.avatar .circle {
position: absolute;
width: 42px;
height: 42px;
overflow: hidden;
left: 15px;
display: inline-block;
vertical-align: middle; }
.collection .collection-item.avatar i.circle {
font-size: 18px;
line-height: 42px;
color: #fff;
background-color: #999;
text-align: center; }
.collection .collection-item.avatar .title {
font-size: 16px; }
.collection .collection-item.avatar p {
margin: 0; }
.collection .collection-item.avatar .secondary-content {
position: absolute;
top: 16px;
right: 16px; }
.collection .collection-item:last-child {
border-bottom: none; }
.collection .collection-item.active {
background-color: #64c9d9;
color: white; }
.collection .collection-item.active .secondary-content {
color: #fff; }
.collection a.collection-item {
display: block;
transition: .25s;
color: #64c9d9; }
.collection a.collection-item:not(.active):hover {
background-color: #ddd; }
.collection.with-header .collection-header {
background-color: #fff;
border-bottom: 1px solid #e0e0e0;
padding: 10px 20px; }
.collection.with-header .collection-item {
padding-left: 30px; }
.collection.with-header .collection-item.avatar {
padding-left: 72px; }
.secondary-content {
float: right;
color: #64c9d9; }
.collapsible .collection {
margin: 0;
border: none; }
span.badge {
min-width: 3rem;
padding: 0 6px;
text-align: center;
font-size: 1rem;
line-height: inherit;
color: #757575;
position: absolute;
right: 15px;
box-sizing: border-box; }
span.badge.new {
font-weight: 300;
font-size: 0.8rem;
color: #fff;
background-color: #64c9d9;
border-radius: 2px; }
span.badge.new:after {
content: " new"; }
nav ul a span.badge {
position: static;
margin-left: 4px;
line-height: 0; }
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.progress {
position: relative;
height: 4px;
display: block;
width: 100%;
background-color: white;
border-radius: 2px;
margin: 0.5rem 0 1rem 0;
overflow: hidden; }
.progress .determinate {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #64c9d9;
transition: width .3s linear; }
.progress .indeterminate {
background-color: #64c9d9; }
.progress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.progress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s; }
@-webkit-keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; } }
@keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; } }
@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; } }
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; } } .hide {
display: none !important; }
.left-align {
text-align: left; }
.right-align {
text-align: right; }
.center, .center-align {
text-align: center; }
.left {
float: left !important; }
.right {
float: right !important; }
.no-select, input[type=range],
input[type=range] + .thumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.circle {
border-radius: 50%; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.truncate {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.no-padding {
padding: 0 !important; }
.container {
margin: 0 auto;
max-width: 1280px;
width: 90%; }
@media only screen and (min-width : 993px) {
.container {
width: 85%; } }
@media only screen and (min-width : 1201px) {
.container {
width: 70%; } }
.container .row {
margin-left: -0.75rem;
margin-right: -0.75rem; }
.section {
padding-top: 1rem;
padding-bottom: 1rem; }
.section.no-pad {
padding: 0; }
.section.no-pad-bot {
padding-bottom: 0; }
.section.no-pad-top {
padding-top: 0; }
.row {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; }
.row:after {
content: "";
display: table;
clear: both; }
.row .col, .row .slick-slider.qt-slickslider-multiple .qt-item, .slick-slider.qt-slickslider-multiple .row .qt-item {
float: left;
box-sizing: border-box;
padding: 0 0.75rem; }
.row .col[class*="push-"], .row .slick-slider.qt-slickslider-multiple .qt-item[class*="push-"], .slick-slider.qt-slickslider-multiple .row .qt-item[class*="push-"], .row .col[class*="pull-"], .row .slick-slider.qt-slickslider-multiple .qt-item[class*="pull-"], .slick-slider.qt-slickslider-multiple .row .qt-item[class*="pull-"] {
position: relative; }
.row .col.s1, .row .slick-slider.qt-slickslider-multiple .s1.qt-item, .slick-slider.qt-slickslider-multiple .row .s1.qt-item {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s2, .row .slick-slider.qt-slickslider-multiple .s2.qt-item, .slick-slider.qt-slickslider-multiple .row .s2.qt-item {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s3, .row .slick-slider.qt-slickslider-multiple .s3.qt-item, .slick-slider.qt-slickslider-multiple .row .s3.qt-item {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s4, .row .slick-slider.qt-slickslider-multiple .s4.qt-item, .slick-slider.qt-slickslider-multiple .row .s4.qt-item {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s5, .row .slick-slider.qt-slickslider-multiple .s5.qt-item, .slick-slider.qt-slickslider-multiple .row .s5.qt-item {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s6, .row .slick-slider.qt-slickslider-multiple .s6.qt-item, .slick-slider.qt-slickslider-multiple .row .s6.qt-item {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s7, .row .slick-slider.qt-slickslider-multiple .s7.qt-item, .slick-slider.qt-slickslider-multiple .row .s7.qt-item {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s8, .row .slick-slider.qt-slickslider-multiple .s8.qt-item, .slick-slider.qt-slickslider-multiple .row .s8.qt-item {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s9, .row .slick-slider.qt-slickslider-multiple .s9.qt-item, .slick-slider.qt-slickslider-multiple .row .s9.qt-item {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s10, .row .slick-slider.qt-slickslider-multiple .s10.qt-item, .slick-slider.qt-slickslider-multiple .row .s10.qt-item {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s11, .row .slick-slider.qt-slickslider-multiple .s11.qt-item, .slick-slider.qt-slickslider-multiple .row .s11.qt-item {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s12, .row .slick-slider.qt-slickslider-multiple .qt-item, .slick-slider.qt-slickslider-multiple .row .qt-item {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-s1, .row .slick-slider.qt-slickslider-multiple .offset-s1.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s1.qt-item {
margin-left: 8.3333333333%; }
.row .col.pull-s1, .row .slick-slider.qt-slickslider-multiple .pull-s1.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s1.qt-item {
right: 8.3333333333%; }
.row .col.push-s1, .row .slick-slider.qt-slickslider-multiple .push-s1.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s1.qt-item {
left: 8.3333333333%; }
.row .col.offset-s2, .row .slick-slider.qt-slickslider-multiple .offset-s2.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s2.qt-item {
margin-left: 16.6666666667%; }
.row .col.pull-s2, .row .slick-slider.qt-slickslider-multiple .pull-s2.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s2.qt-item {
right: 16.6666666667%; }
.row .col.push-s2, .row .slick-slider.qt-slickslider-multiple .push-s2.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s2.qt-item {
left: 16.6666666667%; }
.row .col.offset-s3, .row .slick-slider.qt-slickslider-multiple .offset-s3.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s3.qt-item {
margin-left: 25%; }
.row .col.pull-s3, .row .slick-slider.qt-slickslider-multiple .pull-s3.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s3.qt-item {
right: 25%; }
.row .col.push-s3, .row .slick-slider.qt-slickslider-multiple .push-s3.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s3.qt-item {
left: 25%; }
.row .col.offset-s4, .row .slick-slider.qt-slickslider-multiple .offset-s4.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s4.qt-item {
margin-left: 33.3333333333%; }
.row .col.pull-s4, .row .slick-slider.qt-slickslider-multiple .pull-s4.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s4.qt-item {
right: 33.3333333333%; }
.row .col.push-s4, .row .slick-slider.qt-slickslider-multiple .push-s4.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s4.qt-item {
left: 33.3333333333%; }
.row .col.offset-s5, .row .slick-slider.qt-slickslider-multiple .offset-s5.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s5.qt-item {
margin-left: 41.6666666667%; }
.row .col.pull-s5, .row .slick-slider.qt-slickslider-multiple .pull-s5.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s5.qt-item {
right: 41.6666666667%; }
.row .col.push-s5, .row .slick-slider.qt-slickslider-multiple .push-s5.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s5.qt-item {
left: 41.6666666667%; }
.row .col.offset-s6, .row .slick-slider.qt-slickslider-multiple .offset-s6.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s6.qt-item {
margin-left: 50%; }
.row .col.pull-s6, .row .slick-slider.qt-slickslider-multiple .pull-s6.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s6.qt-item {
right: 50%; }
.row .col.push-s6, .row .slick-slider.qt-slickslider-multiple .push-s6.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s6.qt-item {
left: 50%; }
.row .col.offset-s7, .row .slick-slider.qt-slickslider-multiple .offset-s7.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s7.qt-item {
margin-left: 58.3333333333%; }
.row .col.pull-s7, .row .slick-slider.qt-slickslider-multiple .pull-s7.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s7.qt-item {
right: 58.3333333333%; }
.row .col.push-s7, .row .slick-slider.qt-slickslider-multiple .push-s7.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s7.qt-item {
left: 58.3333333333%; }
.row .col.offset-s8, .row .slick-slider.qt-slickslider-multiple .offset-s8.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s8.qt-item {
margin-left: 66.6666666667%; }
.row .col.pull-s8, .row .slick-slider.qt-slickslider-multiple .pull-s8.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s8.qt-item {
right: 66.6666666667%; }
.row .col.push-s8, .row .slick-slider.qt-slickslider-multiple .push-s8.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s8.qt-item {
left: 66.6666666667%; }
.row .col.offset-s9, .row .slick-slider.qt-slickslider-multiple .offset-s9.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s9.qt-item {
margin-left: 75%; }
.row .col.pull-s9, .row .slick-slider.qt-slickslider-multiple .pull-s9.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s9.qt-item {
right: 75%; }
.row .col.push-s9, .row .slick-slider.qt-slickslider-multiple .push-s9.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s9.qt-item {
left: 75%; }
.row .col.offset-s10, .row .slick-slider.qt-slickslider-multiple .offset-s10.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s10.qt-item {
margin-left: 83.3333333333%; }
.row .col.pull-s10, .row .slick-slider.qt-slickslider-multiple .pull-s10.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s10.qt-item {
right: 83.3333333333%; }
.row .col.push-s10, .row .slick-slider.qt-slickslider-multiple .push-s10.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s10.qt-item {
left: 83.3333333333%; }
.row .col.offset-s11, .row .slick-slider.qt-slickslider-multiple .offset-s11.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s11.qt-item {
margin-left: 91.6666666667%; }
.row .col.pull-s11, .row .slick-slider.qt-slickslider-multiple .pull-s11.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s11.qt-item {
right: 91.6666666667%; }
.row .col.push-s11, .row .slick-slider.qt-slickslider-multiple .push-s11.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s11.qt-item {
left: 91.6666666667%; }
.row .col.offset-s12, .row .slick-slider.qt-slickslider-multiple .offset-s12.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-s12.qt-item {
margin-left: 100%; }
.row .col.pull-s12, .row .slick-slider.qt-slickslider-multiple .pull-s12.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-s12.qt-item {
right: 100%; }
.row .col.push-s12, .row .slick-slider.qt-slickslider-multiple .push-s12.qt-item, .slick-slider.qt-slickslider-multiple .row .push-s12.qt-item {
left: 100%; }
@media only screen and (min-width : 993px) {
.row .col.m1, .row .slick-slider.qt-slickslider-multiple .m1.qt-item, .slick-slider.qt-slickslider-multiple .row .m1.qt-item {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m2, .row .slick-slider.qt-slickslider-multiple .m2.qt-item, .slick-slider.qt-slickslider-multiple .row .m2.qt-item {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m3, .row .slick-slider.qt-slickslider-multiple .m3.qt-item, .slick-slider.qt-slickslider-multiple .row .m3.qt-item {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m4, .row .slick-slider.qt-slickslider-multiple .m4.qt-item, .slick-slider.qt-slickslider-multiple .row .m4.qt-item {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m5, .row .slick-slider.qt-slickslider-multiple .m5.qt-item, .slick-slider.qt-slickslider-multiple .row .m5.qt-item {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m6, .row .slick-slider.qt-slickslider-multiple .m6.qt-item, .slick-slider.qt-slickslider-multiple .row .m6.qt-item {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m7, .row .slick-slider.qt-slickslider-multiple .m7.qt-item, .slick-slider.qt-slickslider-multiple .row .m7.qt-item {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m8, .row .slick-slider.qt-slickslider-multiple .m8.qt-item, .slick-slider.qt-slickslider-multiple .row .m8.qt-item {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m9, .row .slick-slider.qt-slickslider-multiple .m9.qt-item, .slick-slider.qt-slickslider-multiple .row .m9.qt-item {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m10, .row .slick-slider.qt-slickslider-multiple .m10.qt-item, .slick-slider.qt-slickslider-multiple .row .m10.qt-item {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m11, .row .slick-slider.qt-slickslider-multiple .m11.qt-item, .slick-slider.qt-slickslider-multiple .row .m11.qt-item {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m12, .row .slick-slider.qt-slickslider-multiple .m12.qt-item, .slick-slider.qt-slickslider-multiple .row .m12.qt-item {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-m1, .row .slick-slider.qt-slickslider-multiple .offset-m1.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m1.qt-item {
margin-left: 8.3333333333%; }
.row .col.pull-m1, .row .slick-slider.qt-slickslider-multiple .pull-m1.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m1.qt-item {
right: 8.3333333333%; }
.row .col.push-m1, .row .slick-slider.qt-slickslider-multiple .push-m1.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m1.qt-item {
left: 8.3333333333%; }
.row .col.offset-m2, .row .slick-slider.qt-slickslider-multiple .offset-m2.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m2.qt-item {
margin-left: 16.6666666667%; }
.row .col.pull-m2, .row .slick-slider.qt-slickslider-multiple .pull-m2.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m2.qt-item {
right: 16.6666666667%; }
.row .col.push-m2, .row .slick-slider.qt-slickslider-multiple .push-m2.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m2.qt-item {
left: 16.6666666667%; }
.row .col.offset-m3, .row .slick-slider.qt-slickslider-multiple .offset-m3.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m3.qt-item {
margin-left: 25%; }
.row .col.pull-m3, .row .slick-slider.qt-slickslider-multiple .pull-m3.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m3.qt-item {
right: 25%; }
.row .col.push-m3, .row .slick-slider.qt-slickslider-multiple .push-m3.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m3.qt-item {
left: 25%; }
.row .col.offset-m4, .row .slick-slider.qt-slickslider-multiple .offset-m4.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m4.qt-item {
margin-left: 33.3333333333%; }
.row .col.pull-m4, .row .slick-slider.qt-slickslider-multiple .pull-m4.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m4.qt-item {
right: 33.3333333333%; }
.row .col.push-m4, .row .slick-slider.qt-slickslider-multiple .push-m4.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m4.qt-item {
left: 33.3333333333%; }
.row .col.offset-m5, .row .slick-slider.qt-slickslider-multiple .offset-m5.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m5.qt-item {
margin-left: 41.6666666667%; }
.row .col.pull-m5, .row .slick-slider.qt-slickslider-multiple .pull-m5.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m5.qt-item {
right: 41.6666666667%; }
.row .col.push-m5, .row .slick-slider.qt-slickslider-multiple .push-m5.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m5.qt-item {
left: 41.6666666667%; }
.row .col.offset-m6, .row .slick-slider.qt-slickslider-multiple .offset-m6.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m6.qt-item {
margin-left: 50%; }
.row .col.pull-m6, .row .slick-slider.qt-slickslider-multiple .pull-m6.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m6.qt-item {
right: 50%; }
.row .col.push-m6, .row .slick-slider.qt-slickslider-multiple .push-m6.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m6.qt-item {
left: 50%; }
.row .col.offset-m7, .row .slick-slider.qt-slickslider-multiple .offset-m7.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m7.qt-item {
margin-left: 58.3333333333%; }
.row .col.pull-m7, .row .slick-slider.qt-slickslider-multiple .pull-m7.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m7.qt-item {
right: 58.3333333333%; }
.row .col.push-m7, .row .slick-slider.qt-slickslider-multiple .push-m7.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m7.qt-item {
left: 58.3333333333%; }
.row .col.offset-m8, .row .slick-slider.qt-slickslider-multiple .offset-m8.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m8.qt-item {
margin-left: 66.6666666667%; }
.row .col.pull-m8, .row .slick-slider.qt-slickslider-multiple .pull-m8.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m8.qt-item {
right: 66.6666666667%; }
.row .col.push-m8, .row .slick-slider.qt-slickslider-multiple .push-m8.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m8.qt-item {
left: 66.6666666667%; }
.row .col.offset-m9, .row .slick-slider.qt-slickslider-multiple .offset-m9.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m9.qt-item {
margin-left: 75%; }
.row .col.pull-m9, .row .slick-slider.qt-slickslider-multiple .pull-m9.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m9.qt-item {
right: 75%; }
.row .col.push-m9, .row .slick-slider.qt-slickslider-multiple .push-m9.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m9.qt-item {
left: 75%; }
.row .col.offset-m10, .row .slick-slider.qt-slickslider-multiple .offset-m10.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m10.qt-item {
margin-left: 83.3333333333%; }
.row .col.pull-m10, .row .slick-slider.qt-slickslider-multiple .pull-m10.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m10.qt-item {
right: 83.3333333333%; }
.row .col.push-m10, .row .slick-slider.qt-slickslider-multiple .push-m10.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m10.qt-item {
left: 83.3333333333%; }
.row .col.offset-m11, .row .slick-slider.qt-slickslider-multiple .offset-m11.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m11.qt-item {
margin-left: 91.6666666667%; }
.row .col.pull-m11, .row .slick-slider.qt-slickslider-multiple .pull-m11.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m11.qt-item {
right: 91.6666666667%; }
.row .col.push-m11, .row .slick-slider.qt-slickslider-multiple .push-m11.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m11.qt-item {
left: 91.6666666667%; }
.row .col.offset-m12, .row .slick-slider.qt-slickslider-multiple .offset-m12.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-m12.qt-item {
margin-left: 100%; }
.row .col.pull-m12, .row .slick-slider.qt-slickslider-multiple .pull-m12.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-m12.qt-item {
right: 100%; }
.row .col.push-m12, .row .slick-slider.qt-slickslider-multiple .push-m12.qt-item, .slick-slider.qt-slickslider-multiple .row .push-m12.qt-item {
left: 100%; } }
@media only screen and (min-width : 1201px) {
.row .col.l1, .row .slick-slider.qt-slickslider-multiple .l1.qt-item, .slick-slider.qt-slickslider-multiple .row .l1.qt-item {
width: 8.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l2, .row .slick-slider.qt-slickslider-multiple .l2.qt-item, .slick-slider.qt-slickslider-multiple .row .l2.qt-item {
width: 16.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l3, .row .slick-slider.qt-slickslider-multiple .l3.qt-item, .slick-slider.qt-slickslider-multiple .row .l3.qt-item {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l4, .row .slick-slider.qt-slickslider-multiple .l4.qt-item, .slick-slider.qt-slickslider-multiple .row .l4.qt-item {
width: 33.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l5, .row .slick-slider.qt-slickslider-multiple .l5.qt-item, .slick-slider.qt-slickslider-multiple .row .l5.qt-item {
width: 41.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l6, .row .slick-slider.qt-slickslider-multiple .l6.qt-item, .slick-slider.qt-slickslider-multiple .row .l6.qt-item {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l7, .row .slick-slider.qt-slickslider-multiple .l7.qt-item, .slick-slider.qt-slickslider-multiple .row .l7.qt-item {
width: 58.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l8, .row .slick-slider.qt-slickslider-multiple .l8.qt-item, .slick-slider.qt-slickslider-multiple .row .l8.qt-item {
width: 66.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l9, .row .slick-slider.qt-slickslider-multiple .l9.qt-item, .slick-slider.qt-slickslider-multiple .row .l9.qt-item {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l10, .row .slick-slider.qt-slickslider-multiple .l10.qt-item, .slick-slider.qt-slickslider-multiple .row .l10.qt-item {
width: 83.3333333333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l11, .row .slick-slider.qt-slickslider-multiple .l11.qt-item, .slick-slider.qt-slickslider-multiple .row .l11.qt-item {
width: 91.6666666667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l12, .row .slick-slider.qt-slickslider-multiple .l12.qt-item, .slick-slider.qt-slickslider-multiple .row .l12.qt-item {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-l1, .row .slick-slider.qt-slickslider-multiple .offset-l1.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l1.qt-item {
margin-left: 8.3333333333%; }
.row .col.pull-l1, .row .slick-slider.qt-slickslider-multiple .pull-l1.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l1.qt-item {
right: 8.3333333333%; }
.row .col.push-l1, .row .slick-slider.qt-slickslider-multiple .push-l1.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l1.qt-item {
left: 8.3333333333%; }
.row .col.offset-l2, .row .slick-slider.qt-slickslider-multiple .offset-l2.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l2.qt-item {
margin-left: 16.6666666667%; }
.row .col.pull-l2, .row .slick-slider.qt-slickslider-multiple .pull-l2.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l2.qt-item {
right: 16.6666666667%; }
.row .col.push-l2, .row .slick-slider.qt-slickslider-multiple .push-l2.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l2.qt-item {
left: 16.6666666667%; }
.row .col.offset-l3, .row .slick-slider.qt-slickslider-multiple .offset-l3.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l3.qt-item {
margin-left: 25%; }
.row .col.pull-l3, .row .slick-slider.qt-slickslider-multiple .pull-l3.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l3.qt-item {
right: 25%; }
.row .col.push-l3, .row .slick-slider.qt-slickslider-multiple .push-l3.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l3.qt-item {
left: 25%; }
.row .col.offset-l4, .row .slick-slider.qt-slickslider-multiple .offset-l4.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l4.qt-item {
margin-left: 33.3333333333%; }
.row .col.pull-l4, .row .slick-slider.qt-slickslider-multiple .pull-l4.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l4.qt-item {
right: 33.3333333333%; }
.row .col.push-l4, .row .slick-slider.qt-slickslider-multiple .push-l4.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l4.qt-item {
left: 33.3333333333%; }
.row .col.offset-l5, .row .slick-slider.qt-slickslider-multiple .offset-l5.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l5.qt-item {
margin-left: 41.6666666667%; }
.row .col.pull-l5, .row .slick-slider.qt-slickslider-multiple .pull-l5.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l5.qt-item {
right: 41.6666666667%; }
.row .col.push-l5, .row .slick-slider.qt-slickslider-multiple .push-l5.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l5.qt-item {
left: 41.6666666667%; }
.row .col.offset-l6, .row .slick-slider.qt-slickslider-multiple .offset-l6.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l6.qt-item {
margin-left: 50%; }
.row .col.pull-l6, .row .slick-slider.qt-slickslider-multiple .pull-l6.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l6.qt-item {
right: 50%; }
.row .col.push-l6, .row .slick-slider.qt-slickslider-multiple .push-l6.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l6.qt-item {
left: 50%; }
.row .col.offset-l7, .row .slick-slider.qt-slickslider-multiple .offset-l7.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l7.qt-item {
margin-left: 58.3333333333%; }
.row .col.pull-l7, .row .slick-slider.qt-slickslider-multiple .pull-l7.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l7.qt-item {
right: 58.3333333333%; }
.row .col.push-l7, .row .slick-slider.qt-slickslider-multiple .push-l7.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l7.qt-item {
left: 58.3333333333%; }
.row .col.offset-l8, .row .slick-slider.qt-slickslider-multiple .offset-l8.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l8.qt-item {
margin-left: 66.6666666667%; }
.row .col.pull-l8, .row .slick-slider.qt-slickslider-multiple .pull-l8.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l8.qt-item {
right: 66.6666666667%; }
.row .col.push-l8, .row .slick-slider.qt-slickslider-multiple .push-l8.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l8.qt-item {
left: 66.6666666667%; }
.row .col.offset-l9, .row .slick-slider.qt-slickslider-multiple .offset-l9.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l9.qt-item {
margin-left: 75%; }
.row .col.pull-l9, .row .slick-slider.qt-slickslider-multiple .pull-l9.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l9.qt-item {
right: 75%; }
.row .col.push-l9, .row .slick-slider.qt-slickslider-multiple .push-l9.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l9.qt-item {
left: 75%; }
.row .col.offset-l10, .row .slick-slider.qt-slickslider-multiple .offset-l10.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l10.qt-item {
margin-left: 83.3333333333%; }
.row .col.pull-l10, .row .slick-slider.qt-slickslider-multiple .pull-l10.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l10.qt-item {
right: 83.3333333333%; }
.row .col.push-l10, .row .slick-slider.qt-slickslider-multiple .push-l10.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l10.qt-item {
left: 83.3333333333%; }
.row .col.offset-l11, .row .slick-slider.qt-slickslider-multiple .offset-l11.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l11.qt-item {
margin-left: 91.6666666667%; }
.row .col.pull-l11, .row .slick-slider.qt-slickslider-multiple .pull-l11.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l11.qt-item {
right: 91.6666666667%; }
.row .col.push-l11, .row .slick-slider.qt-slickslider-multiple .push-l11.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l11.qt-item {
left: 91.6666666667%; }
.row .col.offset-l12, .row .slick-slider.qt-slickslider-multiple .offset-l12.qt-item, .slick-slider.qt-slickslider-multiple .row .offset-l12.qt-item {
margin-left: 100%; }
.row .col.pull-l12, .row .slick-slider.qt-slickslider-multiple .pull-l12.qt-item, .slick-slider.qt-slickslider-multiple .row .pull-l12.qt-item {
right: 100%; }
.row .col.push-l12, .row .slick-slider.qt-slickslider-multiple .push-l12.qt-item, .slick-slider.qt-slickslider-multiple .row .push-l12.qt-item {
left: 100%; } }
nav {
width: 100%;
height: 56px;
line-height: 56px; }
nav a {
color: #fff; }
nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
display: block;
font-size: 2rem;
height: 56px;
line-height: 56px; }
nav .nav-wrapper {
position: relative;
height: 100%; }
@media only screen and (min-width : 1201px) {
nav a.button-collapse {
display: none; } }
nav .button-collapse {
float: left;
position: relative;
z-index: 1;
height: 56px; }
nav .button-collapse i {
font-size: 2.7rem;
height: 56px;
line-height: 56px; }
nav .brand-logo {
position: absolute;
color: #fff;
display: inline-block;
font-size: 2.1rem;
padding: 0;
white-space: nowrap; }
nav .brand-logo.center {
left: 50%;
transform: translateX(-50%); }
@media only screen and (max-width : 992px) {
nav .brand-logo {
left: 50%;
transform: translateX(-50%); }
nav .brand-logo.left, nav .brand-logo.right {
padding: 0;
transform: none; }
nav .brand-logo.left {
left: 0.5rem; }
nav .brand-logo.right {
right: 0.5rem;
left: auto; } }
nav .brand-logo.right {
right: 0.5rem;
padding: 0; }
nav ul {
margin: 0; }
nav ul li {
transition: background-color .3s;
float: left;
padding: 0; }
nav ul li.active {
background-color: rgba(0, 0, 0, 0.1); }
nav ul a {
transition: background-color .3s;
font-size: 1rem;
color: #fff;
display: inline-block;
padding: 0 15px;
cursor: pointer; }
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
margin-top: -2px;
margin-left: 15px;
margin-right: 15px; }
nav ul a:hover {
background-color: rgba(0, 0, 0, 0.1); }
nav ul.left {
float: left; }
nav .input-field {
margin: 0; }
nav .input-field input {
height: 100%;
font-size: 1.2rem;
border: none;
padding-left: 2rem; }
nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
border: none;
box-shadow: none; }
nav .input-field label {
top: 0;
left: 0; }
nav .input-field label i {
color: rgba(255, 255, 255, 0.7);
transition: color .3s; }
nav .input-field label.active i {
color: #fff; }
nav .input-field label.active {
transform: translateY(0); }
.navbar-fixed {
position: relative;
height: 56px;
z-index: 998; }
.navbar-fixed nav {
position: fixed; }
@media only screen and (min-width : 601px) {
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
height: 64px;
line-height: 64px; }
.navbar-fixed {
height: 64px; } }
.tabs {
display: flex;
position: relative;
overflow-x: auto;
overflow-y: hidden;
height: 48px;
margin: 0 auto;
width: 100%;
white-space: nowrap; }
.tabs .tab {
flex-grow: 1;
display: block;
float: left;
text-align: center;
line-height: 48px;
height: 48px;
padding: 0;
margin: 0;
text-transform: uppercase;
text-overflow: ellipsis;
overflow: hidden;
letter-spacing: .8px;
width: 15%;
min-width: 80px;
background-color: #fff; }
.tabs .tab a {
color: #dd0e34;
display: block;
width: 100%;
height: 100%;
text-overflow: ellipsis;
overflow: hidden;
transition: color .28s ease;
line-height: 48px; }
.tabs .tab a:hover {
color: #f55c78; }
.tabs .tab.disabled a {
color: #f55c78;
cursor: default; }
.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
background-color: #ff0442;
will-change: left, right; }
.material-tooltip {
padding: 10px 8px;
font-size: 1rem;
z-index: 2000;
background-color: transparent;
border-radius: 2px;
color: #fff;
min-height: 36px;
line-height: 120%;
opacity: 0;
display: none;
position: absolute;
text-align: center;
max-width: calc(100% - 4px);
overflow: hidden;
left: 0;
top: 0;
pointer-events: none;
will-change: top, left; }
.backdrop {
position: absolute;
opacity: 0;
display: none;
height: 7px;
width: 14px;
border-radius: 0 0 14px 14px;
background-color: #323232;
z-index: -1;
transform-origin: 50% 10%;
will-change: transform, opacity; } .waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
transition: all .3s ease-out; }
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
transition: all 0.7s ease-out;
transition-property: transform, opacity;
transform: scale(0);
pointer-events: none; }
.waves-effect.waves-light .waves-ripple {
background-color: rgba(255, 255, 255, 0.45); }
.waves-effect.waves-red .waves-ripple {
background-color: rgba(244, 67, 54, 0.7); }
.waves-effect.waves-yellow .waves-ripple {
background-color: rgba(255, 235, 59, 0.7); }
.waves-effect.waves-orange .waves-ripple {
background-color: rgba(255, 152, 0, 0.7); }
.waves-effect.waves-purple .waves-ripple {
background-color: rgba(156, 39, 176, 0.7); }
.waves-effect.waves-green .waves-ripple {
background-color: rgba(76, 175, 80, 0.7); }
.waves-effect.waves-teal .waves-ripple {
background-color: rgba(0, 150, 136, 0.7); }
.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
border: 0;
font-style: normal;
font-size: inherit;
text-transform: inherit;
background: none; }
.waves-notransition {
transition: none !important; }
.waves-circle {
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom; }
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1; }
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%;
-webkit-mask-image: none; }
.waves-block {
display: block; } a.waves-effect .waves-ripple {
z-index: -1; }
.modal {
display: none;
position: fixed;
left: 0;
right: 0;
background-color: #fafafa;
padding: 0;
max-height: 70%;
width: 55%;
margin: auto;
overflow-y: auto;
border-radius: 2px;
will-change: top, opacity; }
@media only screen and (max-width : 992px) {
.modal {
width: 80%; } }
.modal h1, .modal h2, .modal h3, .modal h4 {
margin-top: 0; }
.modal .modal-content {
padding: 24px; }
.modal .modal-close {
cursor: pointer; }
.modal .modal-footer {
border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px;
height: 56px;
width: 100%; }
.modal .modal-footer .btn, .modal .modal-footer .btn-flat {
float: right;
margin: 6px 0; }
.lean-overlay {
position: fixed;
z-index: 999;
top: -100px;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #000;
display: none;
will-change: opacity; }
.modal.modal-fixed-footer {
padding: 0;
height: 70%; }
.modal.modal-fixed-footer .modal-content {
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto; }
.modal.modal-fixed-footer .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0; }
.modal.bottom-sheet {
top: auto;
bottom: -100%;
margin: 0;
width: 100%;
max-height: 45%;
border-radius: 0;
will-change: bottom, opacity; }
.collapsible {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 0.5rem 0 1rem 0; }
.collapsible-header {
display: block;
cursor: pointer;
min-height: 3rem;
line-height: 3rem;
padding: 0 1rem;
background-color: #fff;
border-bottom: 1px solid #ddd; }
.collapsible-header i {
width: 2rem;
font-size: 1.6rem;
line-height: 3rem;
display: block;
float: left;
text-align: center;
margin-right: 1rem; }
.collapsible-body {
display: none;
border-bottom: 1px solid #ddd;
box-sizing: border-box; }
.collapsible-body p {
margin: 0;
padding: 2rem; }
.collapsible-body iframe {
display: block; }
.side-nav .collapsible,
.side-nav.fixed .collapsible {
border: none;
box-shadow: none; }
.side-nav .collapsible li,
.side-nav.fixed .collapsible li {
padding: 0; }
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
background-color: transparent;
border: none;
line-height: inherit;
height: inherit;
padding: 0 30px; }
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
background-color: rgba(0, 0, 0, 0.05); }
.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i {
line-height: inherit; }
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
border: 0;
background-color: #fff; }
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
padding: 0 37.5px 0 45px; }
.collapsible.popout {
border: none;
box-shadow: none; }
.collapsible.popout > li {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
margin: 0 24px;
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.collapsible.popout > li.active {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
margin: 16px 0; }
select:focus {
outline: 1px solid white; }
button:focus {
outline: none;
background-color: #74cfdd; }
label {
font-size: 0.8rem;
color: #9e9e9e; }  ::-webkit-input-placeholder {
color: #ababab; }
:-moz-placeholder { color: #ababab; }
::-moz-placeholder { color: #ababab; }
:-ms-input-placeholder {
color: #ababab; } input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 15px 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
padding: 30px; }
input:not([type]):disabled, input[readonly="readonly"]:not([type]),
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime]:disabled,
input[type=datetime][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
color: rgba(0, 0, 0, 0.26);
border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
input:not([type]):disabled + label, input[readonly="readonly"]:not([type]) + label,
input[type=text]:disabled + label,
input[type=text][readonly="readonly"] + label,
input[type=password]:disabled + label,
input[type=password][readonly="readonly"] + label,
input[type=email]:disabled + label,
input[type=email][readonly="readonly"] + label,
input[type=url]:disabled + label,
input[type=url][readonly="readonly"] + label,
input[type=time]:disabled + label,
input[type=time][readonly="readonly"] + label,
input[type=date]:disabled + label,
input[type=date][readonly="readonly"] + label,
input[type=datetime]:disabled + label,
input[type=datetime][readonly="readonly"] + label,
input[type=datetime-local]:disabled + label,
input[type=datetime-local][readonly="readonly"] + label,
input[type=tel]:disabled + label,
input[type=tel][readonly="readonly"] + label,
input[type=number]:disabled + label,
input[type=number][readonly="readonly"] + label,
input[type=search]:disabled + label,
input[type=search][readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
color: rgba(0, 0, 0, 0.26); }
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #64c9d9;
box-shadow: 0 1px 0 0 #64c9d9; }
input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #64c9d9; }
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text],
input.valid[type=text]:focus,
input.valid[type=password],
input.valid[type=password]:focus,
input.valid[type=email],
input.valid[type=email]:focus,
input.valid[type=url],
input.valid[type=url]:focus,
input.valid[type=time],
input.valid[type=time]:focus,
input.valid[type=date],
input.valid[type=date]:focus,
input.valid[type=datetime],
input.valid[type=datetime]:focus,
input.valid[type=datetime-local],
input.valid[type=datetime-local]:focus,
input.valid[type=tel],
input.valid[type=tel]:focus,
input.valid[type=number],
input.valid[type=number]:focus,
input.valid[type=search],
input.valid[type=search]:focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus {
border-bottom: 1px solid #4CAF50;
box-shadow: 0 1px 0 0 #4CAF50; }
input.valid:not([type]) + label:after, input.valid:not([type]):focus + label:after,
input.valid[type=text] + label:after,
input.valid[type=text]:focus + label:after,
input.valid[type=password] + label:after,
input.valid[type=password]:focus + label:after,
input.valid[type=email] + label:after,
input.valid[type=email]:focus + label:after,
input.valid[type=url] + label:after,
input.valid[type=url]:focus + label:after,
input.valid[type=time] + label:after,
input.valid[type=time]:focus + label:after,
input.valid[type=date] + label:after,
input.valid[type=date]:focus + label:after,
input.valid[type=datetime] + label:after,
input.valid[type=datetime]:focus + label:after,
input.valid[type=datetime-local] + label:after,
input.valid[type=datetime-local]:focus + label:after,
input.valid[type=tel] + label:after,
input.valid[type=tel]:focus + label:after,
input.valid[type=number] + label:after,
input.valid[type=number]:focus + label:after,
input.valid[type=search] + label:after,
input.valid[type=search]:focus + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea.valid:focus + label:after {
content: attr(data-success);
color: #4CAF50;
opacity: 1; }
input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text],
input.invalid[type=text]:focus,
input.invalid[type=password],
input.invalid[type=password]:focus,
input.invalid[type=email],
input.invalid[type=email]:focus,
input.invalid[type=url],
input.invalid[type=url]:focus,
input.invalid[type=time],
input.invalid[type=time]:focus,
input.invalid[type=date],
input.invalid[type=date]:focus,
input.invalid[type=datetime],
input.invalid[type=datetime]:focus,
input.invalid[type=datetime-local],
input.invalid[type=datetime-local]:focus,
input.invalid[type=tel],
input.invalid[type=tel]:focus,
input.invalid[type=number],
input.invalid[type=number]:focus,
input.invalid[type=search],
input.invalid[type=search]:focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus {
border-bottom: 1px solid #F44336;
box-shadow: 0 1px 0 0 #F44336; }
input.invalid:not([type]) + label:after, input.invalid:not([type]):focus + label:after,
input.invalid[type=text] + label:after,
input.invalid[type=text]:focus + label:after,
input.invalid[type=password] + label:after,
input.invalid[type=password]:focus + label:after,
input.invalid[type=email] + label:after,
input.invalid[type=email]:focus + label:after,
input.invalid[type=url] + label:after,
input.invalid[type=url]:focus + label:after,
input.invalid[type=time] + label:after,
input.invalid[type=time]:focus + label:after,
input.invalid[type=date] + label:after,
input.invalid[type=date]:focus + label:after,
input.invalid[type=datetime] + label:after,
input.invalid[type=datetime]:focus + label:after,
input.invalid[type=datetime-local] + label:after,
input.invalid[type=datetime-local]:focus + label:after,
input.invalid[type=tel] + label:after,
input.invalid[type=tel]:focus + label:after,
input.invalid[type=number] + label:after,
input.invalid[type=number]:focus + label:after,
input.invalid[type=search] + label:after,
input.invalid[type=search]:focus + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea.invalid:focus + label:after {
content: attr(data-error);
color: #F44336;
opacity: 1; }
input.validate:not([type]) + label,
input.validate[type=text] + label,
input.validate[type=password] + label,
input.validate[type=email] + label,
input.validate[type=url] + label,
input.validate[type=time] + label,
input.validate[type=date] + label,
input.validate[type=datetime] + label,
input.validate[type=datetime-local] + label,
input.validate[type=tel] + label,
input.validate[type=number] + label,
input.validate[type=search] + label,
textarea.materialize-textarea.validate + label {
width: 100%;
pointer-events: none; }
input:not([type]) + label:after,
input[type=text] + label:after,
input[type=password] + label:after,
input[type=email] + label:after,
input[type=url] + label:after,
input[type=time] + label:after,
input[type=date] + label:after,
input[type=datetime] + label:after,
input[type=datetime-local] + label:after,
input[type=tel] + label:after,
input[type=number] + label:after,
input[type=search] + label:after,
textarea.materialize-textarea + label:after {
display: block;
content: "";
position: absolute;
top: 65px;
opacity: 0;
transition: .2s opacity ease-out, .2s color ease-out; }
.input-field {
position: relative;
margin-top: 1rem; }
.input-field label {
color: #9e9e9e;
position: absolute;
top: 0.8rem;
left: 0.75rem;
font-size: 1rem;
cursor: text;
transition: .2s ease-out; }
.input-field label.active {
font-size: 0.8rem;
transform: translateY(-140%); }
.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
transition: color .2s; }
.input-field .prefix.active {
color: #64c9d9; }
.input-field .prefix ~ input,
.input-field .prefix ~ textarea {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem); }
.input-field .prefix ~ textarea {
padding-top: .8rem; }
.input-field .prefix ~ label {
margin-left: 3rem; }
@media only screen and (max-width : 992px) {
.input-field .prefix ~ input {
width: 86%;
width: calc(100% - 3rem); } }
@media only screen and (max-width : 600px) {
.input-field .prefix ~ input {
width: 80%;
width: calc(100% - 3rem); } } .input-field input[type=search] {
display: block;
line-height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem); }
.input-field input[type=search]:focus {
background-color: #fff;
border: 0;
box-shadow: none;
color: #444; }
.input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close, .input-field input[type=search]:focus ~ .material-icons {
color: #444; }
.input-field input[type=search] + label {
left: 1rem; }
.input-field input[type=search] ~ .mdi-navigation-close, .input-field input[type=search] ~ .material-icons {
position: absolute;
top: 0;
right: 1rem;
color: transparent;
cursor: pointer;
font-size: 2rem;
transition: .3s color; } textarea {
width: 100%;
height: 100px;
background-color: transparent;
padding: 20px; }
textarea.materialize-textarea {
overflow-y: hidden; padding: 1.6rem 0; resize: none;
min-height: 3rem; }
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word; padding-top: 1.2rem; } .qt-material-form {      }
.qt-material-form [type="radio"]:not(:checked),
.qt-material-form [type="radio"]:checked {
position: absolute;
left: -9999px;
opacity: 0; }
.qt-material-form [type="radio"]:not(:checked) + label,
.qt-material-form [type="radio"]:checked + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
transition: .28s ease; -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.qt-material-form [type="radio"] + label:before,
.qt-material-form [type="radio"] + label:after {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
transition: .28s ease; }
.qt-material-form [type="radio"]:not(:checked) + label:before,
.qt-material-form [type="radio"]:not(:checked) + label:after,
.qt-material-form [type="radio"]:checked + label:before,
.qt-material-form [type="radio"]:checked + label:after,
.qt-material-form .with-gap[type="radio"]:checked + label:before,
.qt-material-form .with-gap[type="radio"]:checked + label:after {
border-radius: 50%; }
.qt-material-form [type="radio"]:not(:checked) + label:before,
.qt-material-form [type="radio"]:not(:checked) + label:after {
border: 2px solid #5a5a5a; }
.qt-material-form [type="radio"]:not(:checked) + label:after {
z-index: -1;
transform: scale(0); }
.qt-material-form [type="radio"]:checked + label:before {
border: 2px solid transparent; }
.qt-material-form [type="radio"]:checked + label:after,
.qt-material-form .with-gap[type="radio"]:checked + label:before,
.qt-material-form .with-gap[type="radio"]:checked + label:after {
border: 2px solid #64c9d9; }
.qt-material-form [type="radio"]:checked + label:after,
.qt-material-form .with-gap[type="radio"]:checked + label:after {
background-color: #64c9d9;
z-index: 0; }
.qt-material-form [type="radio"]:checked + label:after {
transform: scale(1.02); }
.qt-material-form .with-gap[type="radio"]:checked + label:after {
transform: scale(0.5); }
.qt-material-form .tabbed[type="radio"]:focus + label:before {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }
.qt-material-form .with-gap[type="radio"]:disabled:checked + label:before {
border: 2px solid rgba(0, 0, 0, 0.26); }
.qt-material-form .with-gap[type="radio"]:disabled:checked + label:after {
border: none;
background-color: rgba(0, 0, 0, 0.26); }
.qt-material-form [type="radio"]:disabled:not(:checked) + label:before,
.qt-material-form [type="radio"]:disabled:checked + label:before {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.26); }
.qt-material-form [type="radio"]:disabled + label {
color: rgba(0, 0, 0, 0.26); }
.qt-material-form [type="radio"]:disabled:not(:checked) + label:before {
border-color: rgba(0, 0, 0, 0.26); }
.qt-material-form [type="radio"]:disabled:checked + label:after {
background-color: rgba(0, 0, 0, 0.26);
border-color: #BDBDBD; }  form p {
margin-bottom: 10px;
text-align: left; }
form p:last-child {
margin-bottom: 0; }
.qt-material-form {  }
.qt-material-form [type="checkbox"]:not(:checked),
.qt-material-form [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0; }
.qt-material-form [type="checkbox"] { }
.qt-material-form [type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }
.qt-material-form [type="checkbox"] + label:before, .qt-material-form [type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 2px;
transition: .2s; }
.qt-material-form [type="checkbox"]:not(.filled-in) + label:after {
border: 0;
transform: scale(0); }
.qt-material-form [type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0, 0, 0, 0.26); }
.qt-material-form .tabbed[type="checkbox"]:focus + label: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); }
.qt-material-form [type="checkbox"]:checked + label:before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #64c9d9;
border-bottom: 2px solid #64c9d9;
transform: rotate(40deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-origin: 100% 100%; }
.qt-material-form [type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26);
border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
.qt-material-form [type="checkbox"]:indeterminate + label:before {
top: -11px;
left: -12px;
width: 10px;
height: 22px;
border-top: none;
border-left: none;
border-right: 2px solid #64c9d9;
border-bottom: none;
transform: rotate(90deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-origin: 100% 100%; }
.qt-material-form [type="checkbox"]:indeterminate:disabled + label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26);
background-color: transparent; }
.qt-material-form .filled-in[type="checkbox"] + label:after {
border-radius: 2px; }
.qt-material-form .filled-in[type="checkbox"] + label:before,
.qt-material-form .filled-in[type="checkbox"] + label:after {
content: '';
left: 0;
position: absolute; transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
z-index: 1; }
.qt-material-form .filled-in[type="checkbox"]:not(:checked) + label:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
transform: rotateZ(37deg);
transform-origin: 100% 100%; }
.qt-material-form .filled-in[type="checkbox"]:not(:checked) + label:after {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #5a5a5a;
top: 0px;
z-index: 0; }
.qt-material-form .filled-in[type="checkbox"]:checked + label:before {
top: 0;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotateZ(37deg);
transform-origin: 100% 100%; }
.qt-material-form .filled-in[type="checkbox"]:checked + label:after {
top: 0;
width: 20px;
height: 20px;
border: 2px solid #64c9d9;
background-color: #64c9d9;
z-index: 0; }
.qt-material-form .filled-in.tabbed[type="checkbox"]:focus + label:after {
border-radius: 2px;
border-color: #5a5a5a;
background-color: rgba(0, 0, 0, 0.1); }
.qt-material-form .filled-in.tabbed[type="checkbox"]:checked:focus + label:after {
border-radius: 2px;
background-color: #64c9d9;
border-color: #64c9d9; }
.qt-material-form .filled-in[type="checkbox"]:disabled:not(:checked) + label:before {
background-color: transparent;
border: 2px solid transparent; }
.qt-material-form .filled-in[type="checkbox"]:disabled:not(:checked) + label:after {
border-color: transparent;
background-color: #BDBDBD; }
.qt-material-form .filled-in[type="checkbox"]:disabled:checked + label:before {
background-color: transparent; }
.qt-material-form .filled-in[type="checkbox"]:disabled:checked + label:after {
background-color: #BDBDBD;
border-color: #BDBDBD; } .switch,
.switch * {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none; }
.switch label {
cursor: pointer; }
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0; }
.switch label input[type=checkbox]:checked + .lever {
background-color: #d3e7ea; }
.switch label input[type=checkbox]:checked + .lever:after {
background-color: #64c9d9;
left: 24px; }
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 40px;
height: 15px;
background-color: #818181;
border-radius: 15px;
margin-right: 10px;
transition: background 0.3s ease;
vertical-align: middle;
margin: 0 16px; }
.switch label .lever:after {
content: "";
position: absolute;
display: inline-block;
width: 21px;
height: 21px;
background-color: #F1F1F1;
border-radius: 21px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input.tabbed[type=checkbox]:checked:not(:disabled):focus ~ .lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(100, 201, 217, 0.1); }
input[type=checkbox]:not(:disabled) ~ .lever:active:after,
input.tabbed[type=checkbox]:not(:disabled):focus ~ .lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }
.switch input[type=checkbox][disabled] + .lever {
cursor: default; }
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
background-color: #BDBDBD; } select {
display: none; }
select.browser-default {
display: block; }
select {
background-color: #fff;
color: rgba(0, 0, 0, 0.65);
width: 100%;
padding: 5px;
border: 1px solid #f2f2f2;
border-radius: 2px;
height: 3rem;
border-top: none;
border-left: none;
border-right: none; }
.select-label {
position: absolute; }
.select-wrapper {
position: relative; }
.select-wrapper input.select-dropdown {
position: relative;
cursor: pointer;
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
outline: none;
height: 3rem;
line-height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 15px 0;
padding: 0;
display: block; }
.select-wrapper span.caret {
color: initial;
position: absolute;
right: 0;
top: 16px;
font-size: 10px; }
.select-wrapper span.caret.disabled {
color: rgba(0, 0, 0, 0.26); }
.select-wrapper + label {
position: absolute;
top: -14px;
font-size: 0.8rem; }
select:disabled {
color: rgba(0, 0, 0, 0.3); }
.select-wrapper input.select-dropdown:disabled {
color: rgba(0, 0, 0, 0.3);
cursor: default;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
.select-wrapper i {
color: rgba(0, 0, 0, 0.3); }
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
color: rgba(0, 0, 0, 0.3);
background-color: transparent; }
.prefix ~ .select-wrapper {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem); }
.prefix ~ label {
margin-left: 3rem; }
.select-dropdown li img {
height: 40px;
width: 40px;
margin: 5px 15px;
float: right; }
.select-dropdown li.optgroup {
border-top: 1px solid #eee; }
.select-dropdown li.optgroup.selected > span {
color: rgba(0, 0, 0, 0.7); }
.select-dropdown li.optgroup > span {
color: rgba(0, 0, 0, 0.4); }
.select-dropdown li.optgroup ~ li.optgroup-option {
padding-left: 1rem; } .file-field {
position: relative; }
.file-field .file-path-wrapper {
overflow: hidden;
padding-left: 10px; }
.file-field input.file-path {
width: 100%; }
.file-field .btn {
float: left;
height: 3rem;
line-height: 3rem; }
.file-field span {
cursor: pointer; }
.file-field input[type=file] {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0); } .range-field {
position: relative; }
input[type=range],
input[type=range] + .thumb {
cursor: pointer; }
input[type=range] {
position: relative;
background-color: transparent;
border: none;
outline: none;
width: 100%;
margin: 15px 0;
padding: 0; }
input[type=range]:focus {
outline: none; }
input[type=range] + .thumb {
position: absolute;
border: none;
height: 0;
width: 0;
border-radius: 50%;
background-color: #64c9d9;
top: 10px;
margin-left: -6px;
transform-origin: 50% 50%;
transform: rotate(-45deg); }
input[type=range] + .thumb .value {
display: block;
width: 30px;
text-align: center;
color: #64c9d9;
font-size: 0;
transform: rotate(45deg); }
input[type=range] + .thumb.active {
border-radius: 50% 50% 50% 0; }
input[type=range] + .thumb.active .value {
color: #fff;
margin-left: -1px;
margin-top: 8px;
font-size: 10px; }
input[type=range] {
-webkit-appearance: none; }
input[type=range]::-webkit-slider-runnable-track {
height: 3px;
background: #c2c0c2;
border: none; }
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background-color: #64c9d9;
transform-origin: 50% 50%;
margin: -5px 0 0 0;
-webkit-transition: .3s;
transition: .3s; }
input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc; }
input[type=range] { border: 1px solid white; }
input[type=range]::-moz-range-track {
height: 3px;
background: #ddd;
border: none; }
input[type=range]::-moz-range-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #64c9d9;
margin-top: -5px; }
input[type=range]:-moz-focusring {
outline: 1px solid #fff;
outline-offset: -1px; }
input[type=range]:focus::-moz-range-track {
background: #ccc; }
input[type=range]::-ms-track {
height: 3px;
background: transparent;
border-color: transparent;
border-width: 6px 0; color: transparent; }
input[type=range]::-ms-fill-lower {
background: #777; }
input[type=range]::-ms-fill-upper {
background: #ddd; }
input[type=range]::-ms-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #64c9d9; }
input[type=range]:focus::-ms-fill-lower {
background: #888; }
input[type=range]:focus::-ms-fill-upper {
background: #ccc; }
.side-nav {
position: fixed;
width: 240px;
left: 0;
top: 0;
margin: 0;
transform: translateX(-100%);
height: 100%;
height: calc(100% + 60px);
height: -moz-calc(100%);
padding-bottom: 60px;
background-color: #fff;
z-index: 9999999;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-y: auto;
will-change: transform;
backface-visibility: hidden;
transform: translateX(-105%); }
.side-nav.right-aligned {
right: 0;
transform: translateX(105%);
left: auto;
transform: translateX(100%); }
.side-nav .collapsible {
margin: 0; }
.side-nav ul li {
float: none;
line-height: 64px; }
.side-nav ul li.active {
background-color: rgba(0, 0, 0, 0.05); }
.side-nav ul li a { display: block;
height: auto;
line-height: 1em;
padding: 18px 24px;
font-size: 13px;
letter-spacing: 0; }
.side-nav ul li a:hover {
background-color: rgba(0, 0, 0, 0.05); }
.side-nav ul li a.btn, .side-nav ul li a.btn-large, .side-nav ul li a.btn-flat, .side-nav ul li a.btn-floating {
margin: 10px 15px; }
.side-nav ul li a.btn, .side-nav ul li a.btn-large, .side-nav ul li a.btn-floating {
color: #fff; }
.side-nav ul li a.btn-flat {
color: #343434; }
.side-nav ul li a.btn:hover, .side-nav ul li a.btn-large:hover {
background-color: #78d0de; }
.side-nav ul li a.btn-floating:hover {
background-color: #64c9d9; } .drag-target {
height: 100%;
width: 10px;
position: fixed;
top: 0;
z-index: 998; }
.side-nav.fixed a {
display: block;
padding: 0 30px;
color: #444; }
.side-nav.fixed {
left: 0;
transform: translateX(0);
position: fixed; }
.side-nav.fixed.right-aligned {
right: 0;
left: auto; }
@media only screen and (max-width : 992px) {
.side-nav.fixed {
transform: translateX(-105%); }
.side-nav.fixed.right-aligned {
transform: translateX(105%); } }
.side-nav .collapsible-body li.active,
.side-nav.fixed .collapsible-body li.active {
background-color: #dd0e34; }
.side-nav .collapsible-body li.active a,
.side-nav.fixed .collapsible-body li.active a {
color: #fff; }
#sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 320;
will-change: opacity; }
.slider {
position: relative;
height: 400px;
width: 100%; }
.slider.fullscreen {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.slider.fullscreen ul.slides {
height: 100%; }
.slider.fullscreen ul.indicators {
z-index: 2;
bottom: 30px; }
.slider .slides {
background-color: #9e9e9e;
margin: 0;
height: 400px; }
.slider .slides li {
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: inherit;
overflow: hidden; }
.slider .slides li img {
height: 100%;
width: 100%;
background-size: cover;
background-position: center; }
.slider .slides li .caption {
color: #fff;
position: absolute;
top: 15%;
left: 15%;
width: 70%;
opacity: 0; }
.slider .slides li .caption p {
color: #e0e0e0; }
.slider .slides li.active {
z-index: 2; }
.slider .indicators {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 0;
margin: 0; }
.slider .indicators .indicator-item {
display: inline-block;
position: relative;
cursor: pointer;
height: 16px;
width: 16px;
margin: 0 12px;
background-color: #e0e0e0;
transition: background-color .3s;
border-radius: 50%; }
.slider .indicators .indicator-item.active {
background-color: #4CAF50; }
.carousel {
overflow: hidden;
position: relative;
width: 100%;
height: 400px;
perspective: 500px;
transform-style: preserve-3d;
transform-origin: 0% 50%; }
.carousel .carousel-item {
width: 200px;
position: absolute;
top: 0;
left: 0; }
.carousel .carousel-item img {
width: 100%; }
.carousel.carousel-slider {
top: 0;
left: 0;
height: 0; }
.carousel.carousel-slider .carousel-item {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; } *, :before, :after {
box-sizing: border-box;
-webkit-backface-visibility: hidden;
margin: 0;
padding: 0;
outline: none; }
iframe {
width: 100%; }
.fb-video {
width: 100%;
padding-top: 56%; }
.fb-video > span,
.fb-video iframe {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important; }
.qt-container {
width: 90%;
max-width: 1170px;
margin: 0 auto;
clear: both; }
.qt-container .row {
margin-left: -0.75rem;
margin-right: -0.75rem; }
.qt-container::after, .qt-container::before {
display: table;
width: 100%;
height: 0.1px;
clear: both; }
.qt-main {
width: 100%;
max-width: 100%;
overflow: hidden; }
.qt-antispam {
display: none;
visibility: hidden; }
.qt-clearfix {
border: none;
clear: both; }
.qt-clearfix::after, .qt-clearfix::before {
display: block;
width: 100%;
clear: both; }
.qt-body {
position: relative;
z-index: 300; }
.qt-hidden {
display: none; }
.qt-invisible {
opacity: 0 !important; }
.qt-animated {
transition: all 0.4s; }
.row.qt-nopadding {
margin: 0; }
.row.qt-nopadding .col, .row.qt-nopadding .slick-slider.qt-slickslider-multiple .qt-item, .slick-slider.qt-slickslider-multiple .row.qt-nopadding .qt-item {
padding: 0; }
.qt-expandable {
height: 0;
overflow: hidden; }
.qt-img-responsive {
max-width: 100%;
height: auto; }
.qt-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
transform: rotate(90deg);
display: inline-block; }
[data-bgimage] {
background-size: cover;
background-position: center center;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000; }
[data-bgimage] > img {
display: none;
visibility: hidden; }
.qt-section {
position: relative;
overflow: hidden; }
.qt-section > .qt-container {
position: relative;
z-index: 2; }
.qt-blur-bg {
-webkit-filter: blur(7px);
filter: blur(7px);
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0); }
img {
max-width: 100%;
height: auto;
display: block; }
a img {
-webkit-filter: brightness(100%);
filter: brightness(100%);
transition: -webkit-filter 0.25s;
transition: filter 0.25s;
transition: filter 0.25s, -webkit-filter 0.25s;
will-change: filter; }
a:hover img {
-webkit-filter: brightness(130%);
filter: brightness(130%); }
.row {
margin-bottom: 0; }
.qt-black-bg {
background: #101010; } .qt-spacer-l {
margin-top: 2.4rem; }
.qt-spacer-m {
margin-top: 1.6rem; }
.qt-spacer-s {
margin-top: 1rem; }
.qt-spacer-xs {
margin-top: 0.6rem; }
.qt-paddedcontainer {
padding: 1.4rem; }
hr[class^="qt-spacer"] {
height: 0;
border: none;
background: transparent; }
.qt-vertical-padding-l {
padding: 2.4rem 0 1.8rem 0; }
.qt-vertical-padding-m {
padding: 1.6rem 0 1.3rem 0; }
.qt-vertical-padding-s {
padding: 1rem 0; } .qt-fullwidth {
width: 100%; }
.qt-card {
box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1); }
.qt-card-title {
padding: 40px;
text-align: center; }
.qt-card-s {
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); }
.qt-vc {
display: table;
height: 100%;
width: 100%; }
.qt-vi {
display: table-cell;
width: 100%;
vertical-align: middle; }
.qt-tags {
display: table-cell;
width: 100%;
vertical-align: top;
overflow: hidden;
float: left;
height: 30px; }
.qt-tags li {
display: inline-block;
margin: 0 1px; }
.qt-tags li:first-child {
margin-left: 0; }
.qt-tags li a {
border-top: 4px solid;
padding: 0 8px;
text-transform: uppercase;
font-size: 13px;
display: inline-block;
line-height: 32px;
font-weight: bold; }
.qt-masonry .qt-ms-item {
width: 100%; } .qt-addtocal {
padding: 2rem; }
.qt-addtocal h4 {
display: inline;
vertical-align: middle;
line-height: 2.4em; } .give-form-wrap {
padding: 1rem; }
.give-form-wrap .give-form-title, .give-form-wrap .give-goal-progress .income {
color: inherit; }
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text,
form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
color: #000; }
form[id*=give-form] .give-tooltip {
color: inherit; }
form[id*=give-form] .dashicons-give:before, form[id*=give-form] [class*=" give-icon-"], form[id*=give-form] [class^=give-icon-] {
top: 0; }
form[id*=give-form] input[type="button"] {
background: #EDEDED;
border: 1px solid #ccc;
color: #333;
padding: 8px 10px;
cursor: pointer;
line-height: 1.2em;
font-size: 1em;
text-transform: uppercase; }
form[id*=give-form] .give-btn {
border: none;
color: #fff; }
.give-modal .mfp-content {
color: #000; }
.give-modal .mfp-content ol, .give-modal .mfp-content ul {
margin-left: 1.4rem; } .gallery-caption {
white-space: pre-line;
margin-top: -18px; }
.wp-caption {
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto; }
.wp-caption-text {
color: #444;
font-size: 12px;
text-align: center; }
.wp-caption .wp-caption-text {
margin-bottom: 0.8075em;
margin-top: 0.8075em; }
.gallery {
margin: -5px !important;
margin-bottom: 0; }
.gallery .gallery-item {
padding: 5px;
margin-top: 0 !important; }
.gallery .gallery-item .gallery-icon {
margin: 0; }
.gallery .gallery-item .gallery-icon img {
border: none !important;
padding: 0; }
.single-event .qt-the-content::after {
content: " ";
display: block;
width: 100%;
clear: both; } ::-webkit-input-placeholder {
color: #ccc; }
:-moz-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-ms-input-placeholder {
color: #ccc; }
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
padding: 5px 12px;
box-sizing: border-box; }
select {
display: initial; }
form.standard-form [type="radio"]:not(:checked),
form.standard-form [type="radio"]:checked,
form.standard-form [type="checkbox"]:not(:checked),
form.standard-form [type="checkbox"]:checked {
position: relative;
left: 0;
opacity: 1; }
[type="radio"], [type="checkbox"] {
margin-right: 10px; }
.select2-container--default .select2-selection--single {
border: 1px solid #bbb;
border-radius: 0;
padding: 10px;
height: auto; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
transform: translateY(-50%); }  .alignnone {
margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter, .qt-center {
text-align: center;
display: block;
margin: 0 auto; }
.alignright, .qt-right {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center; }
.wp-caption.aligncenter {
margin-bottom: 16px; }
.gallery-caption {
white-space: pre-line;
margin-top: -18px; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.qt-page-contents .sticky {
position: initial; }
.bypostauthor {
margin: 1em; } body, html {
font-size: 16px;
line-height: 1.5em; }
body strong, html strong {
font-weight: 700; }
.qt-small {
font-size: 13px;
line-height: 1.5em; } h1, h2, h3, h4, h5, h6, .qt-btn, .qt-capfont {
font-weight: 700;
line-height: 1.05em;
letter-spacing: 0.03em;
text-transform: uppercase;
text-rendering: geometricPrecision;
margin: 0;
padding: 0; }
h6 {
font-size: 0.8695652174rem; }
h5 {
font-size: 1rem; }
h4 {
font-size: 1.3rem; }
h3 {
font-size: 1.4rem; }
h2 {
font-size: 1.8rem; }
h1 {
font-size: 2.5rem; }
.qt-title {
text-transform: uppercase; }
a {
text-rendering: optimizeLegibility; } .qt-logo-text {
font-size: 2.3rem; }
.qt-logo-text img {
height: 56px;
width: auto; }
.qt-menubar-top, .qt-menubar, .qt-side-nav, .qt-menu-footer {
font-size: 1rem;
font-weight: 300;
letter-spacing: 0.1em;
text-transform: uppercase;
text-rendering: auto;
transform: translate3d(0, 0, 0); }
.qt-thin {
font-weight: 300; }
.qt-menubar-top, .qt-menu-footer {
font-size: 0.9rem;
font-weight: 400; }
.qt-menubar, .qt-side-nav {
text-rendering: geometricPrecision; }
i {
opacity: 0.54;
position: relative;
top: 0.18em; }
p i {
position: relative;
top: 0.23rem; } .qt-the-content iframe {
max-width: 100%; }
.qt-the-content p + h1, .qt-the-content ol + h1, .qt-the-content ul + h1, .qt-the-content blockquote + h1, .qt-the-content table + h1, .qt-the-content dl + h1, .qt-the-content h1 + h1, .qt-the-content h2 + h1, .qt-the-content h3 + h1, .qt-the-content h4 + h1, .qt-the-content h5 + h1, .qt-the-content h6 + h1 {
margin-top: 0.7em; }
.qt-the-content p + h2, .qt-the-content ol + h2, .qt-the-content ul + h2, .qt-the-content blockquote + h2, .qt-the-content table + h2, .qt-the-content dl + h2, .qt-the-content h1 + h2, .qt-the-content h2 + h2, .qt-the-content h3 + h2, .qt-the-content h4 + h2, .qt-the-content h5 + h2, .qt-the-content h6 + h2 {
margin-top: 0.6em; }
.qt-the-content p + h3, .qt-the-content ol + h3, .qt-the-content ul + h3, .qt-the-content blockquote + h3, .qt-the-content table + h3, .qt-the-content dl + h3, .qt-the-content h1 + h3, .qt-the-content h2 + h3, .qt-the-content h3 + h3, .qt-the-content h4 + h3, .qt-the-content h5 + h3, .qt-the-content h6 + h3 {
margin-top: 0.6em; }
.qt-the-content p + h4, .qt-the-content ol + h4, .qt-the-content ul + h4, .qt-the-content blockquote + h4, .qt-the-content table + h4, .qt-the-content dl + h4, .qt-the-content h1 + h4, .qt-the-content h2 + h4, .qt-the-content h3 + h4, .qt-the-content h4 + h4, .qt-the-content h5 + h4, .qt-the-content h6 + h4 {
margin-top: 0.5em; }
.qt-the-content p + h5, .qt-the-content ol + h5, .qt-the-content ul + h5, .qt-the-content blockquote + h5, .qt-the-content table + h5, .qt-the-content dl + h5, .qt-the-content h1 + h5, .qt-the-content h2 + h5, .qt-the-content h3 + h5, .qt-the-content h4 + h5, .qt-the-content h5 + h5, .qt-the-content h6 + h5 {
margin-top: 1em; }
.qt-the-content p + h6, .qt-the-content ol + h6, .qt-the-content ul + h6, .qt-the-content blockquote + h6, .qt-the-content table + h6, .qt-the-content dl + h6, .qt-the-content h1 + h6, .qt-the-content h2 + h6, .qt-the-content h3 + h6, .qt-the-content h4 + h6, .qt-the-content h5 + h6, .qt-the-content h6 + h6 {
margin-top: 1em; }
.qt-the-content p + p, .qt-the-content p + ul, .qt-the-content p + ol, .qt-the-content p + img, .qt-the-content p + iframe, .qt-the-content ol + p, .qt-the-content ol + ul, .qt-the-content ol + ol, .qt-the-content ol + img, .qt-the-content ol + iframe, .qt-the-content ul + p, .qt-the-content ul + ul, .qt-the-content ul + ol, .qt-the-content ul + img, .qt-the-content ul + iframe, .qt-the-content blockquote + p, .qt-the-content blockquote + ul, .qt-the-content blockquote + ol, .qt-the-content blockquote + img, .qt-the-content blockquote + iframe, .qt-the-content table + p, .qt-the-content table + ul, .qt-the-content table + ol, .qt-the-content table + img, .qt-the-content table + iframe, .qt-the-content dl + p, .qt-the-content dl + ul, .qt-the-content dl + ol, .qt-the-content dl + img, .qt-the-content dl + iframe, .qt-the-content h1 + p, .qt-the-content h1 + ul, .qt-the-content h1 + ol, .qt-the-content h1 + img, .qt-the-content h1 + iframe, .qt-the-content h2 + p, .qt-the-content h2 + ul, .qt-the-content h2 + ol, .qt-the-content h2 + img, .qt-the-content h2 + iframe, .qt-the-content h3 + p, .qt-the-content h3 + ul, .qt-the-content h3 + ol, .qt-the-content h3 + img, .qt-the-content h3 + iframe, .qt-the-content h4 + p, .qt-the-content h4 + ul, .qt-the-content h4 + ol, .qt-the-content h4 + img, .qt-the-content h4 + iframe, .qt-the-content h5 + p, .qt-the-content h5 + ul, .qt-the-content h5 + ol, .qt-the-content h5 + img, .qt-the-content h5 + iframe, .qt-the-content h6 + p, .qt-the-content h6 + ul, .qt-the-content h6 + ol, .qt-the-content h6 + img, .qt-the-content h6 + iframe {
margin-top: 1.4em; }
.qt-the-content .qt-capfont {
text-transform: uppercase; }
.qt-the-content address {
margin: 2rem 0.5rem; }
.qt-the-content dl dt {
font-weight: bold; }
.qt-the-content dl dt, .qt-the-content dl dd {
margin-top: 1rem; }
.qt-the-content dl dt + dd {
margin: 0; }
.qt-the-content h1, .qt-the-content h2, .qt-the-content h3, .qt-the-content h4, .qt-the-content h5, .qt-the-content h6 {
text-transform: none; }
.qt-the-content ul:not([class*=qt]):not([class*=vdl]):not([class*=slick-dots]), .qt-the-content ol {
margin-left: 26px;
margin-right: 26px; }
.qt-the-content ul:not([class*=qt]):not([class*=vdl]):not([class*=slick-dots]) li, .qt-the-content ol li {
padding: 8px 16px; }
.qt-the-content ul li {
list-style-type: square; }
.qt-the-content ul.slick-dots {
margin: 0; }
.qt-the-content ul.tabs {
margin-left: 0; }
.qt-the-content .qt-show-schedule ul.tabs {
margin: 0 0 30px 0; }
.qt-the-content .qt-show-schedule-day {
margin: 0 -0.375em; }
.qt-the-content table {
border-collapse: initial;
font-size: .8em;
line-height: 1.3em; }
.qt-the-content table td, .qt-the-content table th {
padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-collapse: initial;
border-radius: 0; }
.qt-the-content table th {
border-bottom: 2px solid rgba(0, 0, 0, 0.3); }
.qt-the-content table tr:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.2); }
.qt-the-content .qt-title {
text-transform: uppercase; }
blockquote {
font-size: 1rem;
padding: 1rem 0.7rem;
position: relative;
border: none;
margin: 2rem 0 2.5rem 0;
min-height: 3rem;
background: rgba(0, 0, 0, 0.02);
text-rendering: geometricPrecision;
letter-spacing: 0.02em; }
blockquote p {
font-weight: light;
font-size: 1.4rem;
font-style: italic;
line-height: 1.5em; }
blockquote::before {
font-size: 3rem;
display: block;
clear: both;
width: 100%;
height: 3rem;
text-align: center;
content: "\f10d";
left: 0.5em;
top: 0.3em;
box-sizing: border-box;
font-family: "FontAwesome";
line-height: 1.2em;
opacity: 0.2; }
blockquote acronym {
font-style: italic; }
blockquote cite {
font-size: .6em;
display: block;
clear: both;
margin: 1em 0;
opacity: 0.8;
line-height: 1.3em; }
blockquote q {
font-size: 1.72em;
line-height: 1.4em;
font-style: italic; }
blockquote kbd, blockquote code, blockquote pre, blockquote var {
font-size: 14px;
padding: 4px 14px 6px 14px;
background: rgba(100, 100, 100, 0.2);
border-radius: 3px;
margin: 14px 0 30px; } .qt-caption {
border-bottom: 6px solid;
padding: 0;
margin: 0;
display: inline-block;
padding-bottom: 1rem;
text-transform: uppercase; }
.qt-subtitle {
margin-top: 2rem; }
.qt-caption-med {
padding: 0.5rem;
margin: 0 0 0.7rem 0;
margin: 0 auto;
text-align: center;
text-transform: uppercase; }
.qt-caption-med span {
display: inline-block;
padding: 0.2em 0.5em;
font-size: 32px;
line-height: 32px; }
.qt-caption-small {
border-bottom: 4px solid #000;
line-height: 2em;
height: 1.78em;
margin-bottom: 1rem;
text-transform: uppercase; }
.qt-caption-small span {
display: inline;
color: white;
background: #000;
padding: 0.03em 0.5em;
line-height: 2rem; } .qt-inline-textdeco {
display: table;
width: 100%;
opacity: 0.75; }
.qt-inline-textdeco span {
display: inline-block;
width: auto;
white-space: nowrap;
padding-right: 10px; }
.qt-inline-textdeco::after {
content: " ";
display: table-cell;
width: 100%;
background: #fff;
opacity: 0.35; }
hr.qt-inline-textdeco {
opacity: 0.75;
height: 0.7em;
border: none; } .qt-btn, input[type="button"], input[type="submit"] {
display: inline-block;
text-transform: uppercase;
padding: 0 0.9rem;
line-height: 2.8rem;
font-size: 1rem;
font-weight: 400;
text-rendering: optimizeLegibility;
border: none;
color: #fff !important; }
.qt-btn i, input[type="button"] i, input[type="submit"] i {
top: 0.2em;
opacity: 0.83;
margin: 0;
position: relative; }
.qt-btn.qt-btn-s, input.qt-btn-s[type="button"], input.qt-btn-s[type="submit"] {
line-height: 2rem;
font-size: 13px;
min-width: 2rem; }
.qt-btn.qt-btn-l, input.qt-btn-l[type="button"], input.qt-btn-l[type="submit"] {
line-height: 4rem;
font-size: 1.414rem;
padding: 0 1.414rem;
min-width: 4rem; }
.qt-btn.qt-btn-ghost, input.qt-btn-ghost[type="button"], input.qt-btn-ghost[type="submit"] {
background-color: transparent;
border: 2px solid;
line-height: 62px;
height: 62px;
font-size: 1.414rem;
padding: 0 13px;
min-width: 4rem;
text-align: center;
display: table-cell;
align-items: center;
vertical-align: middle; }
.qt-btn:hover, input[type="button"]:hover, input[type="submit"]:hover {
text-decoration: none !important; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff !important; }
.qt-content-aside a.qt-btn:hover {
color: #fff !important; }
.qt-text-shadow {
text-shadow: 0 3px 0 rgba(0, 0, 0, 0.6); }
.qt-text-shadow.small {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.qt-text-shadow .qt-btn {
text-shadow: none; }
.qt-btn {
background-color: rgba(0, 0, 0, 0.1); } input.qt-input-s[type="text"] {
line-height: 2rem;
font-size: 0.7rem;
height: 2rem; }
input.qt-input-l[type="text"] {
line-height: 4rem;
font-size: 1.414rem;
height: 4rem;
padding: 0 1rem;
margin: 0; } .qt-widget.widget_nav_menu ul li,
.qt-list-chevron li {
list-style: none; }
.qt-widget.widget_nav_menu ul li::before,
.qt-list-chevron li::before {
display: inline;
font-family: "dripicons-v2";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\56";
position: relative;
top: 0.11em;
margin-right: 0.6em; } .qt-ellipsis {
display: block; display: -webkit-box;
max-width: 100%;
width: 100%;
max-height: 1.2em; height: 1.2em;
line-height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.qt-ellipsis.qt-t {
line-height: 1.07em;
max-height: 1.03em; height: 1.03em; }
.qt-ellipsis-2 {
display: block; display: -webkit-box;
max-width: 100%;
width: 100%;
max-height: 3em; height: 3em;
line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.qt-ellipsis-2.qt-t {
line-height: 1.05em;
max-height: 2em; height: 2em; }
.qt-ellipsis-3 {
display: block; display: -webkit-box;
max-width: 100%;
width: 100%;
max-height: 4.5em; height: 4.5em;
line-height: 1.5em; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.qt-ellipsis-3.qt-t {
line-height: 1.05em;
max-height: 3.1em; height: 3.1em; }
.qt-ellipsis-4 {
display: block; display: -webkit-box;
max-width: 100%;
max-height: 4.5em; height: 4.5em;
line-height: 1.5em; -webkit-line-clamp: 4;
box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.qt-ellipsis-4.qt-t {
line-height: 1.05em;
max-height: 4.2em; height: 4.2em; }
.qt-content-primary i, .qt-content-primary-dark i, .qt-content-primary-light i, .qt-accent i, .qt-btn-primary i, .btn-primary i, nav.qt-menubar ul.qt-desktopmenu a:hover i, .qt-sharepage a:hover i {
opacity: 1; }
*::-webkit-input-placeholder {
opacity: 0.7; }
*::-moz-placeholder {
opacity: 0.7; }
*:-ms-input-placeholder {
opacity: 0.7; }
*::-ms-input-placeholder {
opacity: 0.7; }
*::placeholder {
opacity: 0.7; }
::-webkit-input-placeholder {
opacity: 0.7;
color: #666; }
::-moz-placeholder {
opacity: 0.7;
color: #666; }
:-ms-input-placeholder {
opacity: 0.7;
color: #666; }
::-ms-input-placeholder {
opacity: 0.7;
color: #666; }
::placeholder {
opacity: 0.7;
color: #666; }
.qt-caption-small span:empty {
display: none; }
input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
color: #fff; } nav .button-collapse i {
font-size: 1.4em; } .qt-menubar-top {
position: relative;
z-index: 300;
margin: 0;
padding: 0 0.5rem;
overflow: hidden; }
.qt-menubar-top ul li {
display: inline;
line-height: 30px;
height: 30px;
padding: 0 0.2rem; }
.qt-menubar-top ul li a {
line-height: 30px; }
.qt-menubar-top ul li a i {
font-size: 1em;
opacity: 1; } .qt-menubar {
position: relative;
z-index: 300;
margin: 0;
padding: 0;
display: table; }
.qt-menubar ul a {
vertical-align: top; }
.qt-menubar nav.qt-menubar {
margin: 0;
padding: 0 1rem; }
.qt-menubar nav.qt-menubar .qt-logo-text {
position: relative;
float: left;
line-height: 4.242rem; }
.qt-menubar i {
display: inline;
font-size: 1.414rem;
position: relative;
top: 0.15rem;
width: 1.4rem;
margin: 0 10px; }
.qt-menubar .qt-menu-btn a i {
top: 0.2rem;
height: 1em;
line-height: 1em;
vertical-align: text-top;
margin-left: 5px;
top: 0 !important;
display: inline-flex;
vertical-align: middle; }
.qt-menubar .qt-menu-btn ul a i {
font-size: 1.3em;
line-height: 1em;
vertical-align: middle;
vertical-align: -webkit-baseline-middle; }
.qt-menubar .qt-menu-btn #qtpausebtn a {
padding: 0 9px 0 5px; }
.qt-menubar .qt-menu-btn #qtpausebtn a i {
margin-right: 4px; }
.qt-menubar ul.qt-desktopmenu > li.current_page_item::after,
.qt-menubar ul.qt-desktopmenu > li.current_page_item > a::after,
.qt-menubar ul.qt-desktopmenu > li.current_page_item > a::before {
opacity: 1; }
.qt-menu-social {
font-size: 1.999396rem;
line-height: 1.5em; }
.qt-menu-social li {
margin: 0;
padding: 0;
list-style: none;
display: inline; }
.qt-menu-social li i {
position: relative;
top: 5px; } .qt-side-nav li {
display: block;
position: relative; }
.qt-side-nav li .qt-openthis {
float: right;
font-size: 24px;
transition: transform 0.2s ease;
will-change: transform;
position: absolute;
right: 3px;
top: 5px;
z-index: 3000;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
display: inline-block;
padding: 0;
transform: rotate(0deg); }
.qt-side-nav li .qt-openthis i {
line-height: 36px;
vertical-align: middle; }
.qt-side-nav li.menu-item-has-children.open {
height: auto; }
.qt-side-nav li.menu-item-has-children.open ul {
display: block; }
.qt-side-nav li.menu-item-has-children.open .qt-openthis {
transform: rotate(180deg); }
.qt-side-nav li ul {
display: none; }
.qt-mobilemenubar a {
top: 0;
margin: 0;
line-height: 56px;
height: auto; }
.qt-mobilemenubar a i {
vertical-align: middle;
position: initial;
top: 0; }
.qt-mobilemenubar a i:before {
vertical-align: middle; }
.qt-mobilemenubar .qt-rightbutton {
float: right; }
.qt-mobilemenubar .qt-header-play-btn i.icon {
height: 22px; }
#wpadminbar {
position: fixed; } .qt-pageheader {
padding: 3rem  0;
text-align: center;
position: relative;
background: #000;
overflow: hidden; }
.qt-pageheader .qt-tags {
display: block; }
.qt-pageheader .qt-featuredimage {
width: 100%;
height: 100%;
background: #000;
position: absolute;
display: inline-block;
top: 0;
left: 0;
z-index: 1;
vertical-align: middle;
overflow: hidden; }
.qt-pageheader .qt-featuredimage img {
position: absolute;
width: 100%;
height: auto;
margin: auto;
top: -50%;
bottom: -50%;
left: 0;
opacity: 0.7; }
.qt-pageheader .qt-container {
position: relative;
z-index: 2; }
.qt-pageheader .wp-video {
width: 100% !important;
padding-top: 56.3%;
position: relative; }
.qt-pageheader .wp-video .mejs-container {
width: 100% !important;
height: auto;
position: absolute;
height: 100% !important;
top: 0;
left: 0; } .qt-the-content .qt-post-author {
padding: 1rem;
margin-top: 2rem; }
.qt-the-content .qt-post-author h4, .qt-the-content .qt-post-author h6 {
text-transform: uppercase;
margin-top: 0.3rem; }
.qt-the-content .qt-post-author .qt-post-author-picture a {
width: 2.8rem;
height: 2.8rem;
overflow: hidden;
display: inline-block;
border-radius: 50%;
border: 3px solid; }
.qt-the-content .qt-post-author .qt-post-author-picture a img {
max-width: 100%;
height: auto; }
.qt-the-content .qt-post-author .qt-post-author-link {
padding-top: 2rem; }
.qt-the-content .qt-post-author .qt-post-author-link a.qt-btn {
width: 100%; }
.qt-comment-list li {
list-style: none;
padding: 0;
margin: 0; }
.qt-comment-list li .qt-commentheader {
font-weight: bold; }
.qt-comment-list li .qt-content {
margin: 1rem 0; }
.qt-comment-list li .qt-comment-image img {
width: 100%;
height: auto; }
.qt-comment-list li > .children {
padding-left: 10px;
border-left: 1px dashed rgba(50, 50, 50, 0.2);
border-top: 1px dashed rgba(50, 50, 50, 0.2);
opacity: 0.9; }
.qt-comment-list li > .qt-comment-respond {
margin-bottom: 20px; }
.qt-comment-list li {
border-bottom: 2px solid rgba(50, 50, 50, 0.2);
margin-bottom: 2px; }
.qt-comment-list > li {
border-bottom: 3px solid rgba(50, 50, 50, 0.2);
margin-bottom: 4px; }
.qt-comment-respond {
padding: 1rem; }
.qt-comment-respond .comment-notes {
font-size: 0.7rem;
opacity: 0.5; }
.qt-comment-respond form {
margin-top: 2rem; }
.qt-comment-respond form input[type="text"] { }
.qt-comment-respond form textarea {
padding: 1rem;
border-width: 2px;
height: 5rem;
border-width: 1px; } .qt-widget {
margin-bottom: 2.8rem;
font-size: 14px; font-size: 14px;
font-weight: 300;  }
.qt-widget h4.qt-widget-title {
line-height: 1.3em;
padding: 20px 0px 10px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 0; }
.qt-widget .wp-caption.alignnone {
margin: 0;
padding: 0;
max-width: 100%; }
.qt-widget a:hover {
text-decoration: underline; }
.qt-widget a.btn:hover {
text-decoration: none; }
.qt-widget .recentcomments a {
font-style: italic; }
.qt-widget cite {
font-size: .9em; }
.qt-widget ul {
margin-top: 10px;
padding-left: 10px; }
.qt-widget .qt-panel-contents > ul {
margin-top: 0;
padding-left: 0;
margin: 0; }
.qt-widget table caption {
text-align: left; }
.qt-widget ul {
margin: 8px 0 0 5px; }
.qt-widget ul li {
list-style-type: none;
border-bottom: 1px dotted #dedede;
padding: 7px 0;
margin: 0; }
.qt-widget ul li.cat-item:first-child {
padding-top: 0; }
.qt-widget ul li:first-child {
padding-top: 0; }
.qt-widget ul li:last-child {
border: none; }
.qt-widget ul li.cat-item, .qt-widget ul li.cat-item li.cat-item {
border-bottom: 1px dotted #dedede;
padding: 4px 0; }
.qt-widget ul li.cat-item li.cat-item {
border: none; }
.qt-widget ul li.cat-item:last-child {
border: none; }
.qt-widget ul li.cat-item a {
display: inline;
border-bottom: none; }
.qt-widget ul li.page_item, .qt-widget ul li.page_item li {
margin-left: 15px; }
.qt-widget ul li.page_item li, .qt-widget ul aside li.menu-item li {
list-style-type: circle;
margin-left: 8px; }
.qt-widget ul li a.qt-blocklink {
display: block; }
.qt-widget ul li {
padding-bottom: 0;
line-height: 1.5em;
border-bottom: none;
margin: 0;
padding: 0.15em 0; }
.qt-widget ul > li.page_item {
margin-left: 0; }
.qt-widget > ul {
margin: 0;
padding: 0; }
.qt-widget ul.menu {
margin: 0;
padding: 0; }
.qt-widget .qt-searchform input {
border: 2px solid;
padding: 10px;
box-sizing: border-box; }
.qt-widget.widget_rss .rss-date {
font-size: 11px;
margin-bottom: 4px; }
.qt-widget.widget_rss li a.rsswidget {
background: transparent;
color: inherit;
display: block;
font-weight: bold;
font-size: 16px;
display: block;
margin-top: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
padding-bottom: 3px; }
.qt-widget.widget_rss li a.rsswidget:hover {
text-decoration: none; }
.qt-widget.widget_rss .qt-caption-small a.rsswidget {
padding: 0 8px; }
.qt-widget.widget_rss .qt-caption-small a.rsswidget:first-child {
display: none; }
.qt-widget select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
padding: 8px 10px;
line-height: 1.4em;
margin: 18px 0;
width: 100%;
word-break: break-all;
position: relative;
box-sizing: border-box;
border-radius: 0px;
outline: none; }
.qt-widget input[type="text"] {
width: 100%;
padding: 7px 10px;
box-sizing: border-box; }
.qt-widget > ul {
margin: 0 0 20px 0; }
.qt-widget ul.qt-archives-widget li {
border-bottom: 1px solid rgba(100, 100, 100, 0.3);
padding: 0 0 5px 0;
clear: both;
margin: 5px 0; }
.qt-widget ul.qt-archives-widget li a {
display: block; }
.qt-widget ul.qt-archives-widget li img {
width: 60px;
height: auto;
float: left;
margin: 0 20px 0 0; }
.qt-widget ul.qt-archives-widget li .tit {
margin: 0 0 5px 0;
padding: 0;
line-height: 1.2em; }
.qt-widget ul.qt-archives-widget li p {
margin: 0;
padding: 0;
line-height: 1.2em; }
.qt-widget ul.qt-archives-widget li::after {
display: table;
clear: both;
width: 100%;
content: " "; }
.qt-widget .readalllink {
padding-top: 10px; }
.qt-widget .calendar_wrap caption {
font-size: 1.2em;
text-transform: uppercase; }
.qt-widget .calendar_wrap td {
padding: 4px; }
.qt-widget .qt-widget-onair {
padding-bottom: 20px; }
.qt-widget .qt-widget-onair img {
width: 100%;
height: auto;
margin-bottom: -20px; }
.qt-widget .qt-widget-onair .qt-caption-med {
margin-bottom: 10px;
position: relative; }
.qt-widget .qt-widget-onair p.qt-small {
padding: 0 20px; }
.qt-widget .qt-widget-upcoming li {
position: relative;
margin-bottom: 8px;
padding: 7px 0 !important; }
.qt-widget .qt-widget-upcoming li h5 { padding: 4px 100px 0 13px; }
.qt-widget .qt-widget-upcoming li p {
float: left;
padding: 0 100px 2px 13px;
font-size: 13px;
opacity: .65; }
.qt-widget .qt-widget-upcoming li img {
position: absolute;
right: 7px;
left: auto;
top: 7px;
width: 100px;
height: auto; }
.qt-widget .qt-widget-upcoming li::after {
content: " ";
display: block;
height: 0;
width: 100%;
clear: both;
position: relative; }
.qt-widget .qt-widget-sponsor {
text-align: center; }
.qt-widget .qt-widget-sponsor.qt-card {
background: transparent !important; }
.qt-widget .qt-widget-sponsor a {
padding: 0;
width: 100%;
height: auto;
display: block; }
.qt-widget .qt-widget-sponsor a img {
width: 100%;
height: auto; }
.qt-widget .qt-widget-contacts p {
padding: 0.5rem 0 0 0; }
.qt-widget .qt-widget-contacts p:first-of-type {
padding-top: 0; }
.qt-widget .qt-widget-contacts i {
font-size: 1.414rem;
position: relative;
top: 0.28rem;
margin-right: 0.7rem; }
.qt-widget .qt-widget-chart .qt-featuredimage, .qt-widget .qt-widget-chart .qt-title {
margin-bottom: 0.3rem; }
.qt-widget .qt-widget-chart .qt-btn {
width: 100%; }
.qt-widget .qt-widget-chart ul.qt-chart-tracklist {
margin: 0;
padding: 0 0 0.3rem 0; }
.fb_box iframe {
margin: 0 -10px;
border: none;
overflow: hidden;
width: 100%;
border: none;
overflow: hidden; }
aside.widget_text img {
max-width: 100%;
height: auto; }
.qt-widget .qt-post-archive-item .qt-item-layers .qt-overlay .qt-item-title {
padding: 1em 2em 2.3em 2em; } .tagcloud {
padding-bottom: 20px;
line-height: 1.9rem; }
.tagcloud a {
background-color: transparent;
background: rgba(200, 200, 200, 0.3);
padding: 3px 8px;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.1em;
font-weight: bold;
font-size: 12px !important; }
.tagcloud a:hover {
background: rgba(200, 200, 200, 0.5); }
.tagcloud a:hover {
text-decoration: none; } .qt-footer-bottom {
padding: 2.5rem 0;
position: relative; }
.qt-footer-bottom .qt-menu-social a {
color: #fff; }
.qt-footer-bottom .qt-menu-footer {
margin: 0.5rem 0 0 0;
padding: 0;
line-height: 1em; }
.qt-footer-bottom .qt-menu-footer li {
display: inline;
line-height: 1em;
height: 2.828;
padding: 0 1rem 0 0; }
.qt-footer-bottom .qt-menu-footer li a {
line-height: 1.414; }
.qt-footer-bottom .qt-menu-footer li a i {
font-size: 1.414;
opacity: 1; }
.qt-to-top {
display: block;
position: absolute;
top: -20px;
margin-left: -20px;
width: 40px;
height: 40px;
left: 50%;
transform: rotate(-45deg);
padding: 0;
z-index: 10; }
.qt-to-top i {
line-height: 40px;
display: block;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
transform: rotate(45deg);
margin-left: -1px; }
.qt-to-top i::before {
display: inline-flex; }
.qt-footer-widgets {
padding: 6rem 0 4rem 0;
background: #101010;
color: #fff; }
.qt-footer-widgets .qt-footer-logo {
text-align: center; }
.qt-footer-widgets .qt-footer-logo a {
display: inline-block;
margin: 0 auto; }
.qt-footer-widgets .qt-footer-logo img {
display: block; } .qt-part-archive-item {
margin-bottom: 40px;               }
.qt-part-archive-item .qt-part-archive-item__thumb-squared {
width: 100%;
position: relative;
padding-top: 100%;
display: block; }
.qt-part-archive-item .qt-part-archive-item__thumb-squared img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center; }
.qt-part-archive-item__badge {
position: absolute;
padding: 5px 5px;
margin: 0;
z-index: 2;
top: 15px;
right: 0px;
line-height: .8em;
font-size: 12px;
text-rendering: optimizeLegibility;
vertical-align: middle; }
.qt-part-archive-item .qt-item-header {
position: relative;
background: #000;
color: #fff; }
.qt-part-archive-item .qt-item-header h4 a {
color: #fff !important; }
.qt-part-archive-item .qt-item-header .qt-header-top {
position: relative;
display: table;
z-index: 2;
width: 100%; }
.qt-part-archive-item .qt-item-header .qt-header-top .qt-feedback {
display: table-cell;
width: auto;
line-height: 35px;
font-size: 13px;
text-align: right;
vertical-align: top;
min-width: 92px; }
.qt-part-archive-item .qt-item-header .qt-header-top .qt-feedback i {
margin: 0 6px;
font-size: 23px;
position: relative;
top: 6px;
opacity: 1; }
.qt-part-archive-item .qt-item-header .qt-header-top .qt-feedback a {
color: #fff;
margin: 0 0 0 10px; }
.qt-part-archive-item .qt-item-header .qt-header-mid {
position: relative;
display: table;
z-index: 2;
min-height: 200px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80%;
margin: 0 auto;
padding: 20px 0;
text-align: center; }
.qt-part-archive-item .qt-item-header .qt-header-mid .qt-title a {
color: #fff !important;
margin: 0 0 0 10px; }
.qt-part-archive-item .qt-item-header .qt-header-mid .qt-capfont {
color: #fff !important; }
.qt-part-archive-item .qt-item-header .qt-header-bottom {
position: relative;
display: table;
z-index: 2;
width: 100%;
padding: 13px 0; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-item-metas {
padding: 0 0.3rem;
width: 100%;
text-align: left;
font-size: 13px;
line-height: 1.1em;
display: table; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-item-metas .qt-author-thumb {
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
border: 2px solid #fff;
display: table-cell;
float: left;
margin: 0 0 0 10px; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-item-metas .qt-texts {
display: table-cell;
vertical-align: middle;
float: left;
color: #fff;
height: 30px;
margin: 0 0 0 10px; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-item-metas .qt-texts a {
color: #fff; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-item-metas .qt-texts .qt-date {
text-transform: uppercase;
opacity: 0.55;
padding: 0;
margin: 0; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-item-metas .qt-texts .qt-author {
font-weight: strong; }
.qt-part-archive-item .qt-item-header .qt-header-bottom .qt-readmore {
position: absolute;
bottom: 0;
right: 0; }
.qt-part-archive-item .qt-item-header .qt-header-bg {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0.65; }
.qt-part-archive-item .qt-item-header .qt-header-bg img {
display: none; }
.qt-part-archive-item .qt-item-content, .qt-part-archive-item .qt-item-content-s, .qt-part-archive-item .qt-item-content-xs {
padding: 10px; }
.qt-part-archive-item .qt-item-content h1, .qt-part-archive-item .qt-item-content h2, .qt-part-archive-item .qt-item-content h3, .qt-part-archive-item .qt-item-content h4, .qt-part-archive-item .qt-item-content-s h1, .qt-part-archive-item .qt-item-content-s h2, .qt-part-archive-item .qt-item-content-s h3, .qt-part-archive-item .qt-item-content-s h4, .qt-part-archive-item .qt-item-content-xs h1, .qt-part-archive-item .qt-item-content-xs h2, .qt-part-archive-item .qt-item-content-xs h3, .qt-part-archive-item .qt-item-content-xs h4 {
text-transform: uppercase; }
.qt-part-archive-item.qt-featured .qt-icon-featured {
line-height: 45px;
height: 45px;
width: 45px;
display: inline-block;
border: 3px solid #fff;
margin-bottom: 40px; }
.qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-top .qt-feedback {
float: right; }
.qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid {
padding: 80px 0;
min-height: 180px; }
.qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid .qt-title a {
color: #fff !important;
margin: 0 !important;
height: auto; }
.qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid .qt-tags {
display: block;
text-align: center;
margin-bottom: 1rem; }
.qt-part-archive-item.qt-vertical .qt-icon-featured {
line-height: 45px;
height: 45px;
width: 45px;
display: inline-block;
border: 3px solid #fff;
margin-bottom: 40px; }
.qt-part-archive-item.qt-compact .qt-item-header {
min-height: 230px; }
.qt-part-archive-item.qt-item-event {
margin-bottom: 20px;
margin-bottom: .7rem; }
.qt-part-archive-item.qt-item-event .row {
margin-bottom: 0; }
.qt-part-archive-item.qt-item-event .qt-item-header .qt-header-mid {
padding: 0;
max-width: 100%;
margin: 0;
min-height: 130px;
height: 130px; }
.qt-part-archive-item.qt-item-event .qt-item-header .qt-date {
width: 100%;
display: block;
text-align: center; }
.qt-part-archive-item.qt-item-event .qt-item-header .qt-date .qt-day {
font-size: 4rem;
line-height: 4rem;
display: block;
clear: both;
width: 100%; }
.qt-part-archive-item.qt-item-event .qt-item-header .qt-date .qt-month {
font-size: 1rem;
display: block;
clear: both;
width: 100%; }
.qt-part-archive-item.qt-item-event .qt-btn.bottom.right {
position: absolute;
bottom: 0;
right: 0; }
.qt-part-archive-item.qt-item-event:last-child {
margin-bottom: 0; }
.qt-part-archive-item.qt-item-podcast .qt-header-top .qt-feedback {
text-align: right; }
.qt-part-archive-item.qt-item-podcast .dripicons-media-play {
font-size: 64px; }
.qt-part-archive-item.qt-item-podcast .qt-item-content-s {
text-align: center; }
.qt-part-archive-item.qt-item-member .qt-item-header .qt-header-mid {
padding: 0;
max-width: 100%;
margin: 0;
min-height: 130px;
height: 130px; }
.qt-part-archive-item.qt-part-schedule-onair-large p {
margin: 0; }
.qt-part-archive-item.qt-part-schedule-onair-large p i {
display: inline;
line-height: inherit;
vertical-align: middle;
top: 0; }
.qt-part-archive-item.qt-part-schedule-onair-large p i::before {
line-height: inherit;
top: 0; }
.qt-part-archive-item.qt-part-show-schedule-day-item {
position: relative;
overflow: hidden;
margin-bottom: 24px !important; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid {
min-height: 162px;
height: 162px;
padding: 10px 40px 0 40px;
max-width: 100%; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid .qt-item-title.qt-title {
text-align: left;
margin: 0; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid .qt-item-title.qt-title a {
margin: 0; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid .qt-item-det {
text-align: left;
line-height: 36px;
border-top: 1px solid #fff;
padding: 10px 0 0 0;
margin-top: 10px; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid .qt-item-det .qt-time {
font-size: 36px;
font-weight: 300; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid .qt-item-det .qt-am {
vertical-align: top;
position: relative;
top: -0.5rem; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-header-mid .qt-item-det .qt-day {
vertical-align: top;
float: right;
position: relative;
top: 4px; }
.qt-part-archive-item.qt-part-show-schedule-day-item .qt-item-header .qt-info {
position: absolute;
bottom: 1rem;
right: 1rem;
color: #fff;
z-index: 10; }
.qt-part-archive-item .qt-overinfo {
position: absolute;
z-index: 100;
top: 100%;
left: 0;
width: 100%;
height: 100%; }
.qt-part-archive-item .qt-overinfo .qt-item-det {
text-align: left;
line-height: 36px;
padding: 1rem 40px 0.5rem 40px; }
.qt-part-archive-item .qt-overinfo .qt-item-det .qt-time {
font-size: 36px;
font-weight: 300; }
.qt-part-archive-item .qt-overinfo .qt-item-det .qt-am {
vertical-align: top;
position: relative;
top: -0.5rem; }
.qt-part-archive-item .qt-overinfo .qt-item-det .qt-day {
vertical-align: top;
float: right;
position: relative;
top: 4px; }
.qt-part-archive-item .qt-overinfo .qt-more {
line-height: 17px;
font-size: 13px;
padding: 0.7rem 40px 0 40px; }
.qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid {
min-height: 210px;
padding: 40px 10px;
max-width: 100%; }
.qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid p, .qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid h1, .qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid h2, .qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid h3, .qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid h4, .qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid h5 {
margin: 0.2em 0 0 0 !important;
padding: 0 !important; }
.qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid .qt-time {
margin-bottom: 0.5rem; }
.qt-part-archive-item.qt-part-archive-item-small-text .qt-item-header {
min-height: 170px; }
.qt-part-archive-item.qt-part-archive-item-small-text .qt-item-header .qt-header-bottom {
position: absolute;
bottom: 0; }
.qt-part-archive-item.qt-part-archive-item-small-title .qt-item-header .qt-header-mid {
min-height: 0;
padding: 10px 10px 30px;
max-width: 100%; }
.qt-part-archive-item.qt-item-chart .qt-item-header .qt-header-mid {
min-height: 280px;
height: 280px;
padding: 40px 0;
padding: 10px; }
.qt-part-archive-item.qt-item-qtvideo .qt-item-header .qt-header-mid {
max-width: 90%;
min-height: 180px;
height: 180px;
padding: 20px 0 10px 0; }
.qt-part-archive-item.qt-part-archive-item-postarchive {
margin-bottom: 2px; }
.qt-part-archive-item.qt-part-archive-item-postarchive .qt-item-header .qt-header-mid {
min-height: 0;
padding: 20px 10px 30px;
max-width: 100%; }
.qt-part-archive-item.qt-part-archive-item-postarchive .qt-item-header .qt-header-mid .qt-title a {
margin: 0;
padding: 0; }
.qt-part-archive-item.qt-part-archive-item-post-list {
margin-bottom: 0.7rem; }
.qt-part-archive-item.qt-part-archive-item-post-list .qt-feedback {
font-size: 13px; }
.qt-part-archive-item.qt-part-archive-item-post-list i {
margin: 0 0 0 0.2rem; }
.qt-part-archive-item.qt-part-archive-item-post-list .qt-title {
margin-top: 0rem; }
.qt-widgets .qt-part-archive-item ul, .qt-widgets .qt-part-archive-item li {
margin: 0;
padding: 0; }
.qt-widgets .qt-part-archive-item ul.qt-tags li {
margin-right: 2px; }
.qt-archive-events .type-event {
margin-bottom: 20px; }
.qt-archive-events .type-event:last-child {
margin-bottom: 0; } .slick-slider { }
.slick-slider .qt-item {
max-width: 300px;
overflow: hidden;
margin: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slick-slider .qt-item.qt-slick-opacity-fx {
opacity: 0.5;
transition: opacity 0.3s;
transition-delay: 0.3s; }
.slick-slider .qt-item.slick-center {
opacity: 1; }
.slick-slider .qt-item .qt-part-archive-item {
margin-bottom: 0; }
.slick-slider .qt-item .qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid {
min-height: 240px;
height: 240px;
overflow: hidden;
padding: 40px 10px; }
.slick-slider .qt-item .qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid .qt-item-title {
font-size: 1rem; }
.slick-slider .qt-item .qt-part-archive-item.qt-part-item-post-hero {
margin-bottom: 0; }
.slick-slider .qt-item .qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-top {
display: none; }
.slick-slider .qt-item .qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid {
padding: 80px 0;
min-height: 180px; }
.slick-slider .qt-item .qt-part-archive-item.qt-item-podcast {
margin-bottom: 0; }
.slick-slider .qt-item .qt-part-archive-item.qt-item-podcast .qt-item-header .qt-header-mid {
padding: 0;
min-height: 240px;
height: 240px; }
.slick-slider .qt-item .qt-part-archive-item.qt-part-archive-item-show .qt-item-header .qt-header-mid {
min-height: 0;
height: 140px;
padding: 0 0 15px 0; }
.slick-slider .slick-dots {
position: relative;
width: 100%;
text-align: center;
top: auto;
bottom: 10px; }
.slick-slider .slick-dots li {
display: inline-block;
margin: 4px !important;
padding: 0 !important; }
.slick-slider .slick-dots li button {
content: " ";
display: block;
width: 40px;
height: 6px;
background: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border: none;
cursor: pointer;
font-size: 0;
overflow: hidden;
color: transparent;
outline: none;
transition: background 0.3s; }
.slick-slider .slick-dots li.slick-active button {
background: #dd0e34; }
.slick-slider.qt-slickslider-single .slick-dots {
bottom: 10px;
position: absolute; } .qt-slickslider-container {
position: relative; }
.qt-slickslider-container .slick-arrow {
position: absolute;
border: none;
display: block;
left: 0;
top: 0;
z-index: 100;
height: 100%;
width: 50px;
cursor: pointer;
outline: none;
color: transparent;
font-size: 0;
opacity: 1;
transition: opacity 0.3s;
background: transparent;
text-align: right; }
.qt-slickslider-container .slick-arrow::after {
font-size: 3rem;
display: inline;
font-family: "dripicons-v2";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "\55";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: white; }
.qt-slickslider-container .slick-arrow.slick-next {
left: auto;
text-align: left;
right: 0; }
.qt-slickslider-container .slick-arrow.slick-next::after {
content: "\56"; }
.qt-slickslider-container.qt-slickslider-externalarrows .slick-arrow {
background: transparent;
width: 50px;
left: -38px;
top: -5px; }
.qt-slickslider-container.qt-slickslider-externalarrows .slick-arrow.slick-next {
background: transparent;
right: -38px; }
.qt-slickslider-fullscreen {
width: 90%;
margin: 0 auto; }
.qt-pagination {
line-height: 4rem;
height: 4rem;
font-size: 1.414rem; }
.qt-pagination .qt-pagination-label {
display: inline;
float: left;
padding: 0 1.4rem;
line-height: 4rem;
height: 4rem; }
.qt-pagination li {
height: 4rem;
float: left; }
.qt-pagination li.special {
margin: 0;
padding: 0; }
.qt-pagination li i {
position: relative;
top: 0; }
.qt-pagination li a {
color: inherit; }
.qt-pagination li.active a {
color: #ffffff !important; }
.qt-pagination li .qt-btn {
border-radius: none; }
.qt-pagination li .qt-btn.qt-btn-l {
padding: 0 1.214rem; }
.qt-pagination li.item {
height: auto;
vertical-align: middle;
margin: 1rem 0 0 1rem;
height: 2rem;
line-height: 1.5rem; }
.qt-pagination li.item a {
line-height: 2rem; }
.qt-showscheduled h2 {
text-align: center;
padding: 0.7em; }
.qt-showscheduled table tr td, .qt-showscheduled table tr th {
text-align: center;
border-radius: 0;
font-size: 1.2rem;
line-height: 1.5em;
border-bottom: 2px solid rgba(0, 0, 0, 0.04); }
.qt-showscheduled table tr i {
opacity: 0.5; }
.qt-showscheduled table tr:last-of-type td, .qt-showscheduled table tr:last-of-type th, .qt-showscheduled table tr:first-of-type td, .qt-showscheduled table tr:first-of-type th {
border-bottom: none; }
.qt-show-contents .qt-showcard {
min-height: 0; }
.qt-show-contents .qt-contents {
padding: 1rem; }
.qt-show-contents .qt-contents .qt-content-readmore {
margin-top: 1.4em; }
.qt-videocontainer {
background: #000;
color: #ddd;
padding: 80px 0; }
.qt-videocontainer .qt-header-bg {
opacity: 0.3; }
.fluid-width-video-wrapper {
clear: both; } .qt-chart-tracklist {
border: none;
padding: 0;
margin: 0;
box-shadow: none; }
.qt-chart-tracklist .qt-chart-track {
list-style-type: none !important;
padding: 0 !important;
margin: 0 0 0.7rem 0 !important;
border: none;
margin-bottom: .7rem; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table {
display: table;
width: 100%;
padding: 0; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position {
display: table-cell;
position: relative;
width: 100%;
vertical-align: middle;
text-align: center;
height: 70px;
width: 70px;
overflow: hidden; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position img {
width: 100%;
height: auto;
display: block;
position: relative;
z-index: 1;
opacity: 0.7; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position p {
position: absolute;
top: 0;
left: 0;
vertical-align: middle;
z-index: 2;
font-size: 64px;
line-height: 170px;
margin: 0;
width: 100%;
text-align: center;
min-height: 170px;
height: 70px;
line-height: 70px;
font-size: 24px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles {
display: table-cell;
position: relative;
vertical-align: middle;
padding: 14px;
width: auto;
padding: 0 8px 0 10px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles h4 {
font-size: 16px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles p {
line-height: 1em;
margin-top: 0;
font-size: 11px;
opacity: .6; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action {
display: table-cell;
position: relative;
vertical-align: middle;
padding: 0 10px 0 4px;
text-align: center;
width: 40px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action a {
margin: 0 auto;
display: block;
text-align: center;
max-width: 40px;
float: right;
padding: 0 10px;
color: inherit; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action a i {
float: none;
margin: 0 auto;
line-height: 64px;
max-width: 100%;
font-size: 16px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track {
margin-bottom: 3px !important; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-position {
height: 60px;
width: 60px;
line-height: 60px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-position p {
font-size: 22px;
line-height: 60px;
min-height: 60px;
height: 22px;
line-height: 60px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-titles {
padding: 0 8px 0 10px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-titles h3 {
font-size: 18px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-titles p {
font-size: 13px;
line-height: 1em;
margin: 0; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-action {
padding-right: 0; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-action a.qt-btn-ghost {
border: none;
max-width: 40px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-action a.qt-btn-ghost i {
line-height: 64px; }
.qt-short-chart-featured {
margin-bottom: 5px;
display: block; }
.qt-event-archive-item.qt-item-layers {
margin-bottom: 1rem;
position: relative; }
.qt-event-archive-item.qt-item-layers .qt-image-cont {
position: absolute; }
.qt-event-archive-item.qt-item-layers .qt-overlay {
position: relative; }
.qt-event-archive-item.qt-item-layers .qt-overlay .qt-date {
width: 100%;
display: block;
text-align: center; }
.qt-event-archive-item.qt-item-layers .qt-overlay .qt-date .qt-day {
font-size: 4rem;
line-height: 4rem;
display: block;
clear: both;
width: 100%; }
.qt-event-archive-item.qt-item-layers .qt-overlay .qt-date .qt-month {
font-size: 1rem;
display: block;
clear: both;
width: 100%; }
.qt-event-archive-item.qt-item-layers .qt-overlay .qt-titles {
padding-top: 13px; }
.qt-event-archive-item.qt-item-layers .qt-overlay .qt-titles h3 {
margin: 10px 0 0 0; }
.qt-event-archive-item.qt-item-layers .qt-overlay .qt-btn {
position: absolute;
bottom: 0;
right: 0; }
.qt-eventtable {
margin: 2rem 0; }
.qt-map {
margin: 2rem 0; }
.qt-map iframe {
width: 100%; }
.qt-countdown-container {
padding: 2rem 0;
display: block;
width: 100%;
max-width: 600px;
margin: 0 auto; }
.qt-buylink-section {
padding: 30px 14px;
text-align: center;
margin-top: 40px; }
.qt-part-event-featured {
position: relative;
display: block;
overflow: hidden;
background-color: #000; }
.qt-part-event-featured.qt-card {
background-color: #000; }
.qt-part-event-featured .qt-event-featured-content {
position: relative;
z-index: 2;
top: 0;
left: 0;
text-align: center; }
.qt-part-event-featured .qt-countdown-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
opacity: 0.6;
content: " "; }
.qt-part-event-featured .qt-countdown-background.qt-blur-bg {
width: 140%;
height: 140%;
left: -20%;
top: -20%; }
.qt-part-event-featured .qt-countdown-container {
max-width: 800px; }
.qt-map-event {
height: 350px; }
.qt-playercontainer {
position: relative;
background: #000;
overflow: hidden;
position: relative;
z-index: 300; }
.qt-playercontainer-ads-desktop {
display: none; }
.qt-playercontainer-ads-mobile {
display: inine-block;
width: 100%;
float: right;
height: auto;
padding: 1.4rem; }
.qt-playercontainer-ads-mobile a {
margin: 0;
padding: 0; }
.qt-playercontainer-ads-mobile img {
max-width: 100%;
haigh: auto;
line-height: 0;
margin: 0;
padding: 0; }
.qt-playercontainer .qt-header-bg {
opacity: 0.6; }
.qt-playercontainer .qt-playercontainer-content {
position: relative;
z-index: 2;
top: 0;
left: 0; }
.qt-playercontainer .qt-playercontainer-content .qt-part-channels-list {
position: relative;
z-index: 300; }
.qt-playercontainer .qt-playercontainer-content .qt-playercontainer-header {
text-align: center; }
.qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer {
padding: 0.7rem 0;
margin: 1rem 0;
position: relative; }
.qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data .qt-t {
padding: 0.7rem 0;
min-height: 70px; }
.qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data .qt-right-list {
height: 6em;
overflow: hidden;
overflow-y: scroll; }
.qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data .qt-right-list .qt-track {
margin: 0.34rem 0; }
.qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data .qt-right-list .qt-track i {
margin-right: 10px;
position: relative;
top: 1px; }
.qt-playercontainer .qt-full-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
opacity: 0.6;
content: " "; }
.qt-playercontainer .qt-full-background.qt-blur-bg {
width: 140%;
height: 140%;
left: -20%;
top: -20%; }
.qt-channelslist li.qt-channel .qt-radiologo {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
margin-right: 20px;
position: relative;
top: 20px; }
.qt-channelslist li.qt-channel a {
line-height: 90px;
min-height: 90px;
border-bottom: 1px solid rgba(200, 200, 200, 0.2);
padding: 0 14px; }
.qt-sponsors {
background: rgba(0, 0, 0, 0.1); }
.qt-sponsors .row {
padding: 0 1.5rem; }
.qt-sponsors a.qt-sponsor {
display: block;
padding: 0 2rem; }
.qt-sponsors a.qt-sponsor img {
display: block;
width: 100%;
height: auto; }
.qt-sponsor-fx a.qt-sponsor img {
filter: none;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
transition: all 0.3s; }
.qt-sponsor-fx a.qt-sponsor:hover img {
filter: none;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%); } .qt-expandable {
height: 0; }
.qt-mobile-toolbar {
display: block;
position: fixed;
z-index: 200;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
line-height: 50px;
display: table;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
table-layout: fixed; }
.qt-mobile-toolbar li {
display: table-cell;
width: auto;
min-width: 50px;
text-align: center;
border-right: 1px solid rgba(200, 200, 200, 0.3); }
.qt-mobile-toolbar li:last-child {
border: none; }
.qt-mobile-toolbar li a {
min-width: 50px;
text-align: center;
display: block; }
.qt-searchbar {
padding: 0;
font-size: 4rem; }
.qt-sharepage {
display: table;
width: 100%;
overflow: hidden; }
.qt-sharepage li {
font-size: 1.999396rem;
display: table-cell;
text-align: center;
line-height: 2em; }
.qt-sharepage li a {
position: relative; }
.qt-sharepage li a i {
top: 0; }
.qt-sharepage li a.qt-disabled, .qt-sharepage li a.qt-disabled:hover {
color: red !important;
background-color: #fff !important;
cursor: default; }
.qt-sharepage li a.hint--top:hover:before {
display: none; }
.qt-sharepage li .qt-shareicon {
top: 0; }
.qt-sharepage li a, .qt-sharepage li .qt-shareicon {
display: block;
width: 100%;
height: auto;
line-height: 2em;
padding: 8px 6px 3px 10px;
opacity: 1; }
.qt-sharepage li a::after, .qt-sharepage li .qt-shareicon::after {
display: none; }
.qt-sharepage li .qt-loveit-link i {
top: -3px;
position: relative; }
.qt-sharepage li .qt-loveit-link .count {
font-size: 12px;
font-weight: bold;
position: absolute;
bottom: 10px;
right: 50%;
text-align: center;
line-height: 1em;
margin: -6px 0 0 0;
width: 100%;
right: 0;
z-index: 10; }
#onair2Body .qt-sharepage li a.qt-disabled, #onair2Body .qt-sharepage li .qt-disabled:hover {
color: red !important; }
.qt-sharelink.hint--top:hover:before {
display: none; }
.qt-right-sidebar a.qt-close-sidebar-right {
position: absolute;
z-index: 999;
color: #fff;
display: block;
background: #000;
top: 0;
left: 0; }
.qt-player-headerbar {
position: relative;
height: 0;
transition: height 0.2s ease;
overflow: hidden;
width: 100%; }
.qt-player-headerbar .qt-part-channels-list {
z-index: 300000;
height: 0;
overflow: hidden; }
.qt-player-headerbar .qt-part-channels-list.open {
height: auto; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content {
width: 100%;
display: inine-block;
width: 100%;
padding: 50px 0 0.2rem 0; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content::after {
display: block;
content: " ";
width: 100%;
clear: both;
height: 1px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-dropdown {
display: none; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-header {
padding: 1.4rem 1.4rem 0 1.4rem; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-header h3 {
margin-top: 0.4rem; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer {
width: 100%;
height: 240px;
float: left;
overflow: hidden;
display: inline-block;
padding: 0 auto;
margin: 0; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .qt-musicplayer {
margin-bottom: 1rem; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .qt-musicplayer, .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .ui360, .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-360ui {
width: 225px;
height: 225px;
min-width: 225px;
min-height: 225px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-timing {
font-size: 12px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-timing::before {
display: inline;
margin-right: 3px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-canvas.hi-dpi {
width: 450px;
height: 450px;
transform: scale(0.5); }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .ui360 .sm2-360btn {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .ui360 .sm2-360btn-default::after, .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .ui360 .sm2-360ui.sm2_paused .sm2-360btn::after, .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .ui360 .sm2-360ui::after {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
line-height: 50px;
font-size: 20px;
vertical-align: middle;
line-height: 35px;
padding-left: 0; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data.qt-container {
width: 100%;
text-align: left;
display: inline-block;
margin: 0;
clear: none;
padding: 1.4rem; }
.qt-player-headerbar .qt-closeheaderplayer {
position: fixed;
top: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 500;
background: black;
color: #fff;
display: none;
line-height: 60px;
font-size: 40px;
text-align: center; }
.qt-playerbar-open {
height: 100vh;
overflow: hidden; }
.qt-playerbar-open .qt-player-headerbar {
height: 90%;
height: 90vh;
height: calc(100% - 50px);
height: calc(100vh - 50px);
position: fixed;
overflow: auto;
z-index: 900;
top: 0; }
.qt-playerbar-open .qt-player-headerbar .qt-closeheaderplayer {
display: block; }
.qt-playerbar-open .qt-player-headerbar .qt-part-channels-list {
height: auto; }
.page-template-page-popup.qt-playerbar-open {
height: auto;
overflow: auto; }
.qt-compact-player {
display: flex;
display: flex !important;
align-items: center;
justify-content: center; }
.qt-compact-player .onair-artwork {
float: left; }
.qt-compact-player .onair-artwork a, .qt-compact-player .onair-artwork img {
width: 68px;
height: 68px;
display: block;
margin: 0;
padding: 0;
background: #ccc; }
.qt-compact-player .onair-artwork a:empty {
display: none; }
.qt-compact-player p {
line-height: 1;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 20px;
display: flex !important;
max-width: 200px;
font-size: 13px; }
.qt-compact-player p span {
display: block; display: -webkit-box;
max-width: 100%;
width: 100%;
max-height: 1.1em; height: 1.1em;
line-height: 1.1em; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.qt-header-play-btn {
cursor: pointer; }
.qt-section-booking {
z-index: 11; }
.qt-section-booking .qt-booking-form {
width: 100%;
margin: 0 auto; }
.qt-section-booking .qt-booking-form .qt-contacts {
text-align: center; }
.qt-section-booking .qt-booking-form .qt-contacts p {
font-size: 1.7rem;
padding: 60px 0;
position: relative;
margin: 0; }
.qt-section-booking .qt-booking-form .qt-contacts p:nth-of-type(2n + 1)::after {
background: rgba(150, 150, 150, 0.2);
display: block;
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
transform: skewY(-10deg); }
.qt-section-booking .qt-booking-form .qt-contacts span {
position: relative;
z-index: 2; }
.qt-section-booking .qt-booking-form .qt-contacts i.qt-bigicon {
position: relative;
clear: both;
display: block;
font-size: 30px;
line-height: 80px;
width: 80px;
height: 80px;
margin: 20px auto;
border: 3px solid;
text-align: center;
z-index: 1; }
.qt-section-booking .qt-booking-form > div {
padding: 30px 30px 60px 30px; }
.qt-section-booking .qt-booking-form .tabs {
height: 3.4rem;
background: none; }
.qt-section-booking .qt-booking-form .tabs li {
height: 3.4rem; }
.qt-section-booking .qt-booking-form .tabs li h5 {
margin: 0;
padding: 0;
line-height: 3.4rem; }
.qt-appicon {
display: inline-block;
width: 64px;
height: 64px;
padding: 0 !important;
margin: 0 0.5rem;
padding: 8px; }
.qt-appicon span {
background-size: cover;
display: block;
width: 48px;
height: 48px;
margin: 8px; }
.qt-app_alexa {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_alexa.png); }
.qt-app_android {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_android.png); }
.qt-app_iphone {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_iphone.png); }
.qt-app_blackberry {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_blackberry.png); }
.qt-app_itunes {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_itunes.png); }
.qt-app_winphone {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_winphone.png); }
.qt-app_winamp {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_winamp.png); }
.qt-app_mediaplayer {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_mediaplayer.png); }
.qt-app_tunein {
background-image: url(//www.rc.fr/wp-content/themes/onair2/img/app_tunein.png); }
.qt-404 .qt-errorcode {
display: block;
clear: both;
font-size: 4em;
line-height: 1em; }
.qt-parentcontainer .wpb_content_element {
margin-top: 0;
margin-bottom: 0;
padding-top: 0; }
.qt-parentcontainer .vc_column_container > .vc_column-inner {
padding-left: 0;
padding-right: 0; }
.qt-parentcontainer .vc_col-has-fill > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .qt-parentcontainer .vc_section.vc_section-has-fill, .qt-parentcontainer .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .qt-parentcontainer .vc_section.vc_section-has-fill + .vc_section {
padding-top: 0; }
.vc-hoverbox:hover .vc-hoverbox-back {
z-index: 1 !important; }
.qt-chartvote {
display: table-cell;
width: 50px;
margin: 0;
padding: 0;
text-align: center;
line-height: 20px;
height: 100%;
background: white; }
.qt-chartvote i {
font-size: 25px;
display: inline;
position: normal;
float: none;
margin: 0;
line-height: 25px;
top: 0;
padding: 0; }
.qt-chartvote i:before {
line-height: 0; }
.qt-chartvote-link, .qt-chartvote-number {
display: block;
width: 100%;
clear: both;
text-align: center;
padding: 4px 0;
line-height: 2rem;
height: 24px;
vertical-align: middle; }
.qt-chartvote-number {
line-height: 1.5em;
background: #fff;
color: #222;
font-size: 12px; }
.qt-chartvote-link {
background: #fff;
color: #7bc71e; }
.qt-chartvote-link:hover {
background: #fff;
color: #8cff00; }
.qt-chartvote .qt-down {
color: red; }
.qt-chartvote .qt-down:hover {
color: #ce0000; }
.qt-chartvote.disabled .qt-chartvote-link {
color: #dedede;
cursor: not-allowed; }
.qt-chartvote.disabled .qt-chartvote-number {
background: #ddd;
color: white;
font-weight: bold; }
@media only screen and (min-width : 1201px) {
.qt-chartvote .qt-chartvote-link:not(.disabled):hover {
background-color: #7bc71e;
color: #fff; }
.qt-chartvote .qt-chartvote-link.qt-down:not(.disabled):hover {
background-color: red;
color: #fff; } }
#onair2Body.qt-body .qt-the-content ul.products {
margin: 0; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-product-details__short-description {
padding: 1.5rem 0 2.8rem 0; }
#onair2Body.qt-body .qt-woocommerce-container table {
border: none; }
#onair2Body.qt-body .qt-woocommerce-container table td, #onair2Body.qt-body .qt-woocommerce-container table th {
border-color: inherit; }
#onair2Body.qt-body .qt-woocommerce-container h2 {
margin: 0.6em 0 0.3em 0; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs {
width: 100% !important;
background: none transparent;
border: none;
padding: 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #ccc;
height: 44px; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs li {
border-radius: 0;
border: none;
height: 44px;
line-height: 44px;
padding: 0; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs li a {
padding: 0 1.5rem;
display: inline-block; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs li::before, #onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs li::after {
display: none; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs::before, #onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs::after, #onair2Body.qt-body .qt-woocommerce-container .woocommerce-tabs ul.tabs.wc-tabs .indicator {
display: none; }
#onair2Body.qt-body .qt-woocommerce-container #respond input#submit, #onair2Body.qt-body .qt-woocommerce-container a.button, #onair2Body.qt-body .qt-woocommerce-container button.button, #onair2Body.qt-body .qt-woocommerce-container input.button {
border-radius: 0; }
#onair2Body.qt-body .qt-woocommerce-container .quantity .qty {
height: 44px; }
#onair2Body.qt-body .qt-woocommerce-container .button, #onair2Body.qt-body .qt-woocommerce-container table.cart input {
height: 44px !important;
line-height: 44px !important;
padding: 0 1rem; }
#onair2Body.qt-body .qt-woocommerce-container ul.products li.product {
padding: 0.5rem; }
#onair2Body.qt-body .qt-woocommerce-container table.shop_attributes tr th, #onair2Body.qt-body .qt-woocommerce-container table.shop_attributes tr td {
border: none;
border-top: 1px solid; }
#onair2Body.qt-body .qt-woocommerce-container .qt-wc-pagination {
margin-bottom: 90px;
display: block;
overflow: hidden; }
#onair2Body.qt-body .qt-woocommerce-container .qt-wc-pagination ul {
border: none;
display: block; }
#onair2Body.qt-body .qt-woocommerce-container .qt-wc-pagination ul li {
border: none;
padding: 0 5px 0 0; }
#onair2Body.qt-body .qt-woocommerce-container .qt-wc-pagination ul li a {
border: none; }
#onair2Body.qt-body .qt-woocommerce-container #respond input#submit.disabled, #onair2Body.qt-body .qt-woocommerce-container #respond input#submit:disabled, #onair2Body.qt-body .qt-woocommerce-container #respond input#submit[disabled]:disabled, #onair2Body.qt-body .qt-woocommerce-container a.button.disabled, #onair2Body.qt-body .qt-woocommerce-container a.button:disabled, #onair2Body.qt-body .qt-woocommerce-container a.button[disabled]:disabled, #onair2Body.qt-body .qt-woocommerce-container button.button.disabled, #onair2Body.qt-body .qt-woocommerce-container button.button:disabled, #onair2Body.qt-body .qt-woocommerce-container button.button[disabled]:disabled, #onair2Body.qt-body .qt-woocommerce-container input.button.disabled, #onair2Body.qt-body .qt-woocommerce-container input.button:disabled, #onair2Body.qt-body .qt-woocommerce-container input.button[disabled]:disabled,
#onair2Body.qt-body .qt-woocommerce-container #add_payment_method .wc-proceed-to-checkout a.checkout-button, #onair2Body.qt-body .qt-woocommerce-container .wc-proceed-to-checkout a.checkout-button, #onair2Body.qt-body .qt-woocommerce-container .wc-proceed-to-checkout a.checkout-button {
height: 44px !important;
line-height: 44px !important;
padding: 0 1rem; }
#onair2Body.qt-body .qt-woocommerce-container .select2-dropdown, #onair2Body.qt-body .qt-woocommerce-container .select2-results__options .select2-results__option {
color: #000 !important;
background: #fff !important; }
#onair2Body.qt-body .qt-woocommerce-container table.cart td.actions .coupon .input-text {
width: auto !important; }
#onair2Body.qt-body .qt-woocommerce-container [type="checkbox"]:not(:checked), #onair2Body.qt-body .qt-woocommerce-container [type="checkbox"]:checked, #onair2Body.qt-body .qt-woocommerce-container [type="radio"]:not(:checked), #onair2Body.qt-body .qt-woocommerce-container [type="radio"]:checked {
position: initial;
left: 0;
opacity: 1; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-privacy-policy-text {
padding: 20px; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-checkout-payment ul li {
list-style: none; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-checkout-payment .form-row {
padding: 20px; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-checkout-payment .woocommerce-privacy-policy-text {
padding: 0 0 20px 0; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-checkout-payment #place_order {
float: none; }
#onair2Body.qt-body .qt-woocommerce-container ul li.woocommerce-notice {
padding-left: 50px !important; }
#onair2Body.qt-body .qt-woocommerce-container #payment {
border-radius: 0;
background-color: #f9f9f9; }
#onair2Body.qt-body .qt-woocommerce-container label {
font-size: 1rem; }
#onair2Body.qt-body .qt-woocommerce-container form textarea {
padding: 1.5rem; }
#onair2Body.qt-body .qt-woocommerce-container form .form-row {
padding: 0.5rem 0 0.5rem 0; }
#onair2Body.qt-body .qt-woocommerce-container form fieldset {
margin-bottom: 1rem; }
#onair2Body.qt-body .qt-woocommerce-container form .form-row input.input-text, #onair2Body.qt-body .qt-woocommerce-container form .form-row textarea {
border: 1px solid #bbb; }
#onair2Body.qt-body .qt-woocommerce-container .qt-onsale-icon {
width: 46px;
height: 46px;
min-width: 0;
min-height: 0;
line-height: 46px; }
#onair2Body.qt-body .qt-woocommerce-container .qt-onsale-icon i {
font-size: 30px;
opacity: 1;
top: 0; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-MyAccount-navigation {
display: table;
clear: both;
box-shadow: none;
overflow: hidden; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-MyAccount-navigation ul {
display: block;
clear: both;
width: 100%;
padding: 0; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-MyAccount-navigation ul li {
list-style: none;
padding: 0;
display: block;
width: 100%;
margin: 0;
border-radius: 0;
border: none;
border-bottom: 1px solid rgba(100, 100, 100, 0.16); }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-MyAccount-navigation ul li:last-child {
border: none; }
#onair2Body.qt-body .qt-woocommerce-container .woocommerce-MyAccount-navigation ul li a {
padding: 16px 5px;
line-height: 1.4em;
color: inherit;
display: block; }
#onair2Body.qt-body .select2-results__option {
color: #000; }
#onair2Body.qt-body .qt-the-content .woocommerce ul.products li.product, #onair2Body.qt-body .qt-the-content .woocommerce-page ul.products li.product {
padding: 0; }
#onair2Body.qt-body .cart_totals h2 {
font-size: 24px;
margin-bottom: 20px; }
#onair2Body .woocommerce #respond input#submit.disabled:hover, #onair2Body .woocommerce #respond input#submit:disabled:hover, #onair2Body .woocommerce #respond input#submit[disabled]:disabled:hover, #onair2Body .woocommerce a.button.disabled:hover, #onair2Body .woocommerce a.button:disabled:hover, #onair2Body .woocommerce a.button[disabled]:disabled:hover, #onair2Body .woocommerce button.button.disabled:hover, #onair2Body .woocommerce button.button:disabled:hover, #onair2Body .woocommerce button.button[disabled]:disabled:hover, #onair2Body .woocommerce input.button.disabled:hover, #onair2Body .woocommerce input.button:disabled:hover, #onair2Body .woocommerce input.button[disabled]:disabled:hover,
#onair2Body .woocommerce #respond input#submit, #onair2Body .woocommerce a.button, #onair2Body .woocommerce button.button, #onair2Body .woocommerce input.button {
color: #efefef; }
.qt-nowonairmini {
display: table;
margin-top: 8px; }
.qt-nowonairmini .qt-featured {
width: 55px;
height: 55px;
display: block;
float: left;
margin-right: 10px; }
.qt-nowonairmini .qt-featured img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.qt-nowonairmini-cntn {
padding: 10px 0; }
.qt-nowonairmini-content::after {
content: " ";
display: table;
width: 100%;
hwight: 1px;
clear: both; }
.qt-nowonairmini-content a {
display: inline-block;
max-width: calc( 100% - 80px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.qt-nowonairmini-content a h4 {
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.qt-nowonairmini h4 {
float: left; }
.qt-nowonairmini h5 {
float: left; }
.qt-radiocard {
position: relative;
width: 100%;
max-width: 200px;
background: black;
display: block;
margin: 5px auto;
text-align: center;
overflow: hidden; }
.qt-radiocard::before {
content: "";
width: 1px;
margin-left: -1px;
float: left;
height: 0;
padding-top: 130%; }
.qt-radiocard::after { content: "";
display: table;
clear: both; }
.qt-radiocard__c {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
color: #fff; }
.qt-radiocard__logo {
margin: 0 auto;
max-width: 80%;
max-height: 100px;
height: auto; }
.qt-radiocard__flex-center {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
z-index: 2;
padding: 24px; }
.qt-radiocard__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-filter: brightness(0.3) blur(5px);
filter: brightness(0.3) blur(5px);
-o-object-fit: cover;
object-fit: cover;
transform: scale(1.5); }
.qt-radiocard__cn {
height: 33.3%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100%; }
.qt-radiocard__p {
height: 66.6%;
display: flex;
justify-content: center;
align-items: center; }
.qt-radiocard__p i {
border: 4px solid;
border-radius: 50%;
display: inline-block;
width: 60px;
height: 60px;
font-size: 26px;
line-height: 58px;
text-align: center;
opacity: 1; }
.qt-radiocard__p i.dripicons-media-play::before {
padding-left: 3px; }
.qt-radiocard__t {
margin: .3em auto; }
.qt-radiocard:hover img.qt-radiocard__bg {
-webkit-filter: brightness(0.5) blur(5px);
filter: brightness(0.5) blur(5px); }
.wpcf7-form [type="checkbox"]:not(:checked), .wpcf7-form [type="checkbox"]:checked,
.wpcf7-form [type="radio"]:not(:checked), .wpcf7-form [type="radio"]:checked {
position: initial;
left: 0;
opacity: 1; }
.qt-body .wp-block-embed {
margin-left: 0;
margin-right: 0; } @media only screen and (max-width : 600px) {
.qt-footer-bottom {
padding: 2rem 0 4rem 0; }
.qt-footer-bottom .qt-menu-social {
padding: 1.5rem 0;
text-align: center; }
.qt-footer-bottom .qt-menu-social li {
float: none !important;
display: inline-block; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item {
min-width: 290px; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item .qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid .qt-title a {
font-size: 1.8rem;
display: block;
display: -webkit-box;
max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.05em;
height: 4.2em; }
.qt-comment-list li .qt-commentheader {
font-size: 13px;
font-weight: bold; }
.qt-comment-list li .qt-content {
margin: 0.5rem 0;
font-size: 13px; }
.qt-chartvote-link {
line-height: 24px;
height: 24px; } } @media only screen and (min-width : 601px) { nav .brand-logo {
margin: 0 20px; }
.qt-logo-text img {
height: 64px;
margin: 0 auto; }
.qt-spacer-l {
margin-top: 4rem; }
.qt-spacer-m {
margin-top: 2.4rem; }
.qt-spacer-s {
margin-top: 1.2rem; }
.qt-vertical-padding-l {
padding: 4rem 0; }
.qt-vertical-padding-m {
padding: 2.4rem 0; }
.qt-vertical-padding-s {
padding: 1.2em 0; } .qt-masonry .qt-ms-item {
width: 33.2%; }  .qt-slickslider-container .slick-slider .qt-item {
max-width: 650px; }
.qt-slickslider-container .slick-slider .qt-item .qt-item-header .qt-header-mid {
min-height: 360px;
height: 360px; }
.qt-slickslider-container .slick-slider .qt-item .qt-item-header .qt-header-mid .qt-item-title {
font-size: 1.8rem; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item {
max-width: 800px;
width: 800px; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item .qt-part-archive-item.qt-part-item-post-hero {
margin-bottom: 0; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item .qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid {
padding: 80px 0;
min-height: 180px; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .slick-dots {
bottom: 10px; }
.qt-slickslider-container .slick-slider.qt-slickslider-multiple .qt-item {
max-width: 1170px; }
.qt-slickslider-container .slick-slider.qt-slickslider-multiple .qt-item .qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid {
min-height: 190px;
height: 190px;
padding: 0 1rem; }
.qt-slickslider-container .slick-slider.qt-slickslider-multiple .qt-item .qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid .qt-item-title {
font-size: 2rem; }
.qt-slickslider-container .slick-slider .slick-dots {
bottom: 0;
margin-top: 15px; }
.qt-slickslider-container .slick-arrow {
position: absolute;
border: none;
display: block;
top: 0;
left: 0;
z-index: 100;
height: 100%;
width: 50px;
cursor: pointer;  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); outline: none;
color: transparent;
font-size: 0;
opacity: 1;
transition: opacity 0.3s; }
.qt-slickslider-container .slick-arrow:hover {
opacity: 1; }
.qt-slickslider-container .slick-arrow.slick-next {
left: auto;
right: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 2%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); }
.qt-slickslider-container .slick-arrow.slick-next::after {
content: "\56"; } .qt-chart-tracklist .qt-chart-track .qt-chartvote-link {
line-height: 44px;
height: 44px; }
.qt-chart-tracklist .qt-chart-track .qt-chartvote-link i {
font-size: 45px;
line-height: inherit; }
.qt-chart-tracklist .qt-chart-track .qt-chartvote-link i:before {
line-height: inherit; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table {
display: table; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position, .qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles, .qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action {
display: table-cell;
width: 120px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position {
height: 120px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position p {
line-height: 120px;
font-size: 50px;
height: 120px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles {
width: auto;
padding: 0 14px 0 40px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action {
display: table-cell;
width: auto;
padding: 0 20px 0 0; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action a i {
font-size: 24px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-action a i {
font-size: 18px; }
.qt-mobilemenubar a {
line-height: 64px; } }
@media only screen and (max-width : 1200px) {
.qt-slickslider-container {
overflow: hidden; }
.qt-slickslider-container.qt-slickslider-externalarrows .slick-arrow {
left: 10px; }
.qt-slickslider-container.qt-slickslider-externalarrows .slick-arrow.slick-next {
left: auto;
right: 8px; }
.qw-comment-image {
display: none; }
.qt-container.qt-rowcontainer-vc {
padding-right: 15px;
padding-left: 15px; } } @media only screen and (min-width : 1201px) {
.qt-main .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1170px; } .qt-spacer-xl {
margin-top: 10rem; }
.qt-spacer-l {
margin-top: 6rem; }
.qt-spacer-m {
margin-top: 2.8rem; }
.qt-spacer-s {
margin-top: 1.4rem; }
.qt-vertical-padding-l {
padding: 6rem 0 4rem 0; }
.qt-vertical-padding-m {
padding: 2.8rem 0 2rem 0; }
.qt-vertical-padding-s {
padding: 1.4rem 0; }
.qt-paddedcontainer {
padding: 3rem; } @-webkit-keyframes mbarmnuA {
0% {
transform: scaleX(0.9);
-webkit-transform: scaleX(0.9); }
25% {
transform: scaleX(0.3);
-webkit-transform: scaleX(0.3); }
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1); }
75% {
transform: scaleX(0.1);
-webkit-transform: scaleX(0.1); }
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1); } }
@keyframes mbarmnuA {
0% {
transform: scaleX(0.9);
-webkit-transform: scaleX(0.9); }
25% {
transform: scaleX(0.3);
-webkit-transform: scaleX(0.3); }
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1); }
75% {
transform: scaleX(0.1);
-webkit-transform: scaleX(0.1); }
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1); } }
@-webkit-keyframes mbarmnuB {
0% {
transform: scaleX(1);
-webkit-transform: scaleX(1); }
25% {
transform: scaleX(0.8);
-webkit-transform: scaleX(0.8); }
50% {
transform: scaleX(0.7);
-webkit-transform: scaleX(0.7); }
75% {
transform: scaleX(0.3);
-webkit-transform: scaleX(0.3); }
100% {
transform: scaleX(0.2);
-webkit-transform: scaleX(0.2); } }
@keyframes mbarmnuB {
0% {
transform: scaleX(1);
-webkit-transform: scaleX(1); }
25% {
transform: scaleX(0.8);
-webkit-transform: scaleX(0.8); }
50% {
transform: scaleX(0.7);
-webkit-transform: scaleX(0.7); }
75% {
transform: scaleX(0.3);
-webkit-transform: scaleX(0.3); }
100% {
transform: scaleX(0.2);
-webkit-transform: scaleX(0.2); } }
@-webkit-keyframes mbarmnuC {
0% {
transform: scaleX(0.8);
-webkit-transform: scaleX(0.8); }
25% {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5); }
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1); }
75% {
transform: scaleX(0.4);
-webkit-transform: scaleX(0.4); }
100% {
transform: scaleX(0.1);
-webkit-transform: scaleX(0.1); } }
@keyframes mbarmnuC {
0% {
transform: scaleX(0.8);
-webkit-transform: scaleX(0.8); }
25% {
transform: scaleX(0.5);
-webkit-transform: scaleX(0.5); }
50% {
transform: scaleX(1);
-webkit-transform: scaleX(1); }
75% {
transform: scaleX(0.4);
-webkit-transform: scaleX(0.4); }
100% {
transform: scaleX(0.1);
-webkit-transform: scaleX(0.1); } }
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1.05em;
letter-spacing: 0.05em;
text-transform: uppercase;
text-rendering: geometricPrecision; }
h6 {
font-size: 13px; }
h5 {
font-size: 16px; }
h4 {
font-size: 1.414rem; }
h3 {
font-size: 2rem; }
h2 {
font-size: 2.827rem; }
h1 {
font-size: 4rem; }
blockquote {
padding: 1rem 1rem 1rem  5rem;
min-height: 5rem; }
blockquote::before {
width: 3rem;
position: absolute; }
.qt-ellipsis.qt-t {
line-height: 1.05em;
height: 1.05em; } .qt-masonry .qt-ms-item {
width: 25%; } .qt-logo-text {
font-size: 45.248px;
line-height: 2.828;
height: 2.828; }
.qt-logo-text img {
height: 68px;
width: auto; }
.qt-menubar-top {
font-family: 'Oswald', sans-serif;
line-height: 36px;
font-weight: 300;
overflow: hidden;
display: block;
height: 36px;
transition: height 0.3s ease; }
.qt-menubar-top ul li {
display: inline; }
.qt-menubar-top ul li a {
padding: 0 0.5rem; }
.qt-menubar-top ul li a i.qt-socialicon {
font-size: 24px;
line-height: 36px;
top: 5px;
position: relative; }
.qt-menubar-top ul li.right a {
padding: 0;
margin: 0; }
.qt-menubar {
line-height: 4.242rem;
height: 4.242rem; }
.qt-menubar .brand-logo {
position: relative;
margin: 0 5px 0 0; }
.qt-menubar ul.qt-desktopmenu > li {
line-height: 4.242rem;
height: 4.242rem;
display: inline-block;
float: none;
position: relative; }
.qt-menubar ul.qt-desktopmenu > li.qt-logo-link {
float: left; }
.qt-menubar ul.qt-desktopmenu > li::after {
display: block;
width: 13px !important;
height: 17px;
border-bottom: 2px solid #ffffff;
position: absolute;
left: 0;
top: 1.414rem;
content: " ";
margin-top: 0px;
-webkit-animation: mbarmnuA 0.5s forwards;
animation: mbarmnuA 0.5s forwards;
-webkit-animation-duration: 1.8s;
animation-duration: 1.8s;
-webkit-animation-iteration-count: 0;
animation-iteration-count: 0;
transform-origin: 0 0;
opacity: 0.6; }
.qt-menubar ul.qt-desktopmenu > li > a {
padding: 0 1.4rem;
line-height: 4.242rem; }
.qt-menubar ul.qt-desktopmenu > li > a::before, .qt-menubar ul.qt-desktopmenu > li > a::after {
display: block;
width: 13px !important;
height: 8px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
position: absolute;
left: 0;
top: 1.414rem;
content: " ";
margin-top: 3px;
-webkit-animation: mbarmnuB 0.5s forwards;
animation: mbarmnuB 0.5s forwards;
-webkit-animation-duration: 1.8s;
animation-duration: 1.8s;
-webkit-animation-iteration-count: 0;
animation-iteration-count: 0;
transform-origin: 0 0;
opacity: 0.6; }
.qt-menubar ul.qt-desktopmenu > li > a::after {
transform-origin: 0 0;
-webkit-animation: mbarmnuC 0.8s forwards;
animation: mbarmnuC 0.8s forwards;
-webkit-animation-iteration-count: 0;
animation-iteration-count: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
width: 20px !important;
margin-top: 6px; }
.qt-menubar ul.qt-desktopmenu > li.right {
border-left: 1px solid rgba(255, 255, 255, 0.38); }
.qt-menubar ul.qt-desktopmenu > li.right::after, .qt-menubar ul.qt-desktopmenu > li.right::before, .qt-menubar ul.qt-desktopmenu > li.right > a::after, .qt-menubar ul.qt-desktopmenu > li.right > a::before, .qt-menubar ul.qt-desktopmenu > li .brand-logo::after, .qt-menubar ul.qt-desktopmenu > li .brand-logo::before, .qt-menubar ul.qt-desktopmenu > li.qt-logo-link::after, .qt-menubar ul.qt-desktopmenu > li.qt-logo-link::before {
display: none; }
.qt-menubar ul.qt-desktopmenu > li.right.qt-compact-player, .qt-menubar ul.qt-desktopmenu > li.right > a.qt-compact-player, .qt-menubar ul.qt-desktopmenu > li .brand-logo.qt-compact-player, .qt-menubar ul.qt-desktopmenu > li.qt-logo-link.qt-compact-player {
border: none; }
.qt-menubar ul.qt-desktopmenu > li:hover::after, .qt-menubar ul.qt-desktopmenu > li:hover > a::after, .qt-menubar ul.qt-desktopmenu > li:hover > a::before {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 1; }
.qt-menubar ul.qt-desktopmenu > li ul {
position: absolute;
display: none;
margin-top: 0;
min-width: 300px; }
.qt-menubar ul.qt-desktopmenu > li ul li {
display: block;
width: 100%;
overflow: hidden; }
.qt-menubar ul.qt-desktopmenu > li ul li a {
display: inline-block;
width: auto;
min-width: 200px;
float: left;
line-height: 2.121rem;
padding: 0  1rem; }
.qt-menubar ul.qt-desktopmenu > li ul li > ul {
display: none;
position: absolute;
left: -20000px; }
.qt-menubar ul.qt-desktopmenu > li ul li:hover > ul {
position: relative;
left: 15%;
display: block; }
.qt-menubar ul.qt-desktopmenu > li ul::after {
display: block;
clear: both;
width: 100%; }
.qt-menubar ul.qt-desktopmenu > li::after {
display: block;
clear: both;
width: 100%; }
.qt-menubar ul.qt-desktopmenu > li:hover ul {
display: block; }
.qt-playertype-header .qt-menubar {
z-index: 99999 !important; } body.qt-stickymenu {       }
body.qt-stickymenu .qt-main-menubar {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 200; }
body.qt-stickymenu .qt-main-menubar .qt-menubar-top {
transition: height 0.3s ease;
height: 36px; }
body.qt-stickymenu .qt-expandable.qt-searchbar {
position: -webkit-sticky;
position: sticky;
z-index: 199;
width: 100%; }
body.qt-stickymenu .qt-expandable.qt-searchbar.qt-topplayer-space {
top: 188px;
transition: top 0.3s ease; }
body.qt-stickymenu.qt-has-secondarybar .qt-menubar-top {
transition: height 0.3s ease;
height: 36px; }
body.qt-stickymenu.qt-has-secondarybar .qt-expandable.qt-searchbar {
top: 100px;
transition: top 0.3s ease; }
body.qt-stickymenu.qt-has-secondarybar .qt-expandable.qt-searchbar.qt-topplayer-space {
top: 104px; }
body.qt-stickymenu.qt-has-secondarybar.qt-playerbar-open .qt-expandable.qt-searchbar {
top: 100px;
transition: top 0.3s ease; }
body.qt-stickymenu.qt-has-secondarybar.qt-playerbar-open .qt-expandable.qt-searchbar.qt-topplayer-space {
top: 188px; }
body.qt-stickymenu.qt-has-secondarybar.skrollable-after .qt-main-menubar .qt-menubar-top {
height: 0; }
body.qt-stickymenu.admin-bar .qt-main-menubar {
top: 32px; }
body.qt-stickymenu.admin-bar .qt-searchbar {
top: 100px; }
body.qt-stickymenu.admin-bar .qt-searchbar.qt-topplayer-space {
top: 220px; }
body.qt-stickymenu.admin-bar.skrollable-after .qt-expandable.qt-searchbar.qt-topplayer-space {
top: 100px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar .qt-searchbar {
top: 136px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar .qt-searchbar.qt-topplayer-space {
top: 252px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar.qt-playertype-header .qt-expandable.qt-searchbar {
top: 132px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar.qt-playertype-header.qt-playerbar-open .qt-expandable.qt-searchbar {
top: 254px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar.skrollable-after .qt-searchbar {
top: 100px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar.skrollable-after.qt-playertype-header .qt-expandable.qt-searchbar {
top: 100px; }
body.qt-stickymenu.admin-bar.qt-has-secondarybar.skrollable-after.qt-playertype-header.qt-playerbar-open .qt-expandable.qt-searchbar {
top: 220px; } .qt-pageheader {
padding: 250px  0 250px 0;
transition: padding 0.5s cubic-bezier(0.2, 0.8, 0.4, 0.7); }
.qt-pageheader [data-bgimage] {
background-attachment: fixed; }
.qt-pageheader.qt-pageheader-scrolled {
padding: 140px  0 50px 0; } .qt-sharepage.qt-sharepage-vertical {
width: 100%;
display: block;
overflow: normal;
max-width: 76px; }
.qt-sharepage.qt-sharepage-vertical li {
display: block;
float: none;
width: 100%;
line-height: 2em;
height: auto; }
.qt-sharepage.qt-sharepage-vertical li a, .qt-sharepage.qt-sharepage-vertical li .qt-thareicon {
display: block;
width: 100%;
padding: 10px   0;
opacity: 1;
line-height: 1.8em;
height: auto; } .qt-the-content {
line-height: 1.9em; }
.qt-the-content .qt-post-author .qt-post-author-link {
padding-top: 0; } .qt-comment-respond {
padding: 3rem; } .qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item {
max-width: 1170px;
width: 1170px; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item .qt-part-archive-item.qt-part-item-post-hero {
margin-bottom: 0; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .qt-item .qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid {
padding: 80px 0;
min-height: 580px; }
.qt-slickslider-container .slick-slider.qt-slickslider-single .slick-dots {
bottom: 10px; }
.qt-slickslider-container .slick-slider.qt-slickslider-multiple .qt-item {
max-width: 1170px; }
.qt-slickslider-container .slick-slider.qt-slickslider-multiple .qt-item .qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid {
min-height: 390px;
height: 390px;
padding: 0 1rem; }
.qt-slickslider-container .slick-slider.qt-slickslider-multiple .qt-item .qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid .qt-item-title {
font-size: 2rem; }
.qt-slickslider-container .slick-slider .slick-dots {
bottom: 40px; }
.qt-slickslider-container.qt-slickslider-carousel .slick-slider .slick-dots {
bottom: 0; }
.qt-slickslider-container .slick-arrow {
position: absolute;
border: none;
display: block;
top: 0;
left: 0;
z-index: 100;
height: 100%;
width: 150px;
cursor: pointer;  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); outline: none;
color: transparent;
font-size: 0;
opacity: 1;
transition: opacity 0.3s; }
.qt-slickslider-container .slick-arrow:hover {
opacity: 1; }
.qt-slickslider-container .slick-arrow.slick-next {
left: auto;
right: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 2%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); }
.qt-slickslider-container .slick-arrow.slick-next::after {
content: "\56"; } .qt-show-contents .qt-contents .qt-show-tagline .qt-title {
font-size: 94px;
padding: 0;
margin: -10px 0 0 0;
letter-spacing: 0; } .qt-part-show-schedule-day-item .qt-overinfo {
transition: top 0.3s ease; }
.qt-part-show-schedule-day-item:hover .qt-overinfo {
top: 0%; }
.qt-show-contents .qt-contents {
padding: 3rem 2.8rem; }
.qt-show-contents .qt-contents .qt-content-readmore {
margin-top: 1.4em; }
.qt-show-contents .qt-showcard {
min-height: 455px; }
.qt-show-social {
margin-top: 13px; }
.qt-show-social a {
font-size: 40px;
margin-right: 4px; } .qt-part-archive-item {    }
.qt-part-archive-item .qt-item-header .qt-header-mid {
padding: 90px 0; }
.qt-part-archive-item .qt-item-content {
padding: 70px; }
.qt-part-archive-item .qt-item-content-s {
padding: 45px; }
.qt-part-archive-item .qt-item-content-xs {
padding: 1.414rem; }
.qt-part-archive-item.qt-vertical .qt-item-header .qt-header-mid {
padding: 90px 0;
min-height: 400px; }
.qt-part-archive-item.qt-compact {
margin: 0; }
.qt-part-archive-item.qt-compact .qt-item-header .qt-header-mid {
padding: 30px 0; }
.qt-part-archive-item.qt-part-item-post-hero {
margin-bottom: 1rem; }
.qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid {
max-width: 850px;
margin: 0 auto; }
.qt-part-archive-item.qt-part-item-post-hero .qt-item-header .qt-header-mid .qt-the-content {
max-width: 600px;
margin: 0 auto; } .qt-chart-tracklist .qt-chart-track .qt-chartvote-link, .qt-chart-tracklist .qt-chart-track .qt-chartvote-number {
line-height: 25px;
height: 34px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table {
display: table; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position, .qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles, .qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action {
display: table-cell;
width: 100px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position {
height: 100px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-position p {
line-height: 100px;
font-size: 44px;
height: 100px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles {
width: auto;
padding: 0 14px 0 40px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles h4 {
font-size: 20px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-titles p {
line-height: 1em;
margin-top: 0;
font-size: 13px;
padding-top: 3px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action {
display: table-cell;
width: auto;
padding: 0 20px 0 14px; }
.qt-chart-tracklist .qt-chart-track .qt-chart-table .qt-action a {
max-width: 50px;
float: right; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-titles p {
font-size: 11px;
padding-top: 3px; }
.qt-chart-tracklist.qt-chart-small .qt-chart-track .qt-chart-table .qt-titles h4 {
font-size: 16px; } .qt-player-headerbar__controls {
width: 100%; }
.qt-player-headerbar__controls .qt-nowonairmini {
float: left;
margin-right: 30px; }
.qt-player-headerbar__controls .qt-playercontainer {
width: 100%; }
.qt-player-headerbar__controls .qt-playercontainer-ads-mobile {
display: none; }
.qt-player-headerbar__controls .qt-playercontainer-ads-desktop {
margin: 0; }
.qt-playercontainer {
width: 100%; }
.qt-playercontainer-ads-mobile {
display: none; }
.qt-playercontainer-ads-desktop {
display: inline-block;
width: auto;
height: auto;
max-width: 500px;
float: left;
max-height: 600px;
padding: 0;
display: flex;
flex: 1;
width: auto;
max-width: 100%;
margin: 15px; }
.qt-playercontainer-ads-desktop a {
margin: 0;
padding: 0; }
.qt-playercontainer-ads-desktop img {
max-width: 100%;
haigh: auto;
line-height: 0;
margin: 0 !important;
padding: 0 !important; } .qt-player-headerbar {
position: relative !important;
height: 0px;
transition: height 0.4s ease !important;
overflow: hidden;
z-index: 0 !important; }
.qt-player-headerbar .qt-openplayerbar {
display: none !important; }
.qt-player-headerbar .qt-part-channels-list {
width: 300px;
position: absolute;
height: 300px;
height: calc(80vh - 180px);
overflow: auto;
transform: scaleY(0);
transition: transform 0.1s ease;
transform-origin: 0 0;
right: 0;
top: 120px; }
.qt-player-headerbar .qt-part-channels-list.open {
height: 80vh;
transform: scaleY(1); }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content {
width: 100%;
padding-top: 0em;
height: 0px;
overflow: hidden;
transition: height 0.4s ease; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-dropdown {
display: inline;
padding: 1.4rem;
width: 180px;
float: right;
margin-top: 10px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-dropdown .qt-btn {
width: 100%;
cursor: pointer;
display: block;
text-align: left;
float: right;
width: 170px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-dropdown .qt-btn i {
font-size: 1.4em;
float: right; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-header {
width: 250px;
display: inline;
float: left;
text-align: left; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-header h3 {
word-break: break-all; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer {
width: 120px;
height: 120px;
float: left;
padding: 5px;
margin: 0; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .qt-musicplayer {
float: left;
margin: 0;
float: none; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .qt-musicplayer, .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .ui360, .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-360ui {
width: 110px;
height: 110px;
min-width: 110px;
min-height: 110px; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-timing::before {
content: "VOL"; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-musicplayer .sm2-canvas.hi-dpi {
width: 220px;
height: 220px;
transform: scale(1); }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data.qt-container {
height: 110px;
width: 400px;
float: left;
padding: 0.7rem 1.4rem 0 1.4rem; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data.qt-container h4 {
margin: 0 0 10px 0;
line-height: 0.95em;
max-height: 0.95em; }
.qt-player-headerbar .qt-playercontainer .qt-playercontainer-content .qt-playercontainer-data.qt-container h5 {
margin: 0 0 0 0;
line-height: 0.95em; }
.qt-player-headerbar .qt-playercontainer-ads-desktop {
max-height: 110px; }
.qt-header-player-spacer {
height: 0px;
border: none;
transition: height 0.3s ease;
will-change: height; }
body.qt-playerbar-open {
height: auto;
overflow: auto; }
body.qt-playerbar-open .qt-player-headerbar, body.qt-playerbar-open .qt-header-player-spacer, body.qt-playerbar-open .qt-player-headerbar .qt-playercontainer .qt-playercontainer-content {
height: 120px;
overflow: visible;
display: flex;
flex: 1;
flex-flow: wrap;
width: 100%; }
body.qt-playerbar-open .qt-header-player-spacer {
height: 0; }
.qt-notsticky-menu .qt-header-player-spacer {
height: 0 !important; }
.qt-notsticky-menu .qt-player-headerbar {
z-index: 10000 !important; } }