@charset "UTF-8"; /*! * Material Design for Bootstrap * Version: MDB FREE: 3.3.3 * * * Copyright: Material Design for Bootstrap * www.mdbootstrap.com * * Read the license: http://mdbootstrap.com/wp-content/uploads/2015/09/MDB-License.pdf * * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js * */ /********************* Colors **********************/ .materialize-red.lighten-5 { background-color: #fdeaeb !important; } .materialize-red-text.text-lighten-5 { color: #fdeaeb !important; } .materialize-red.lighten-4 { background-color: #f8c1c3 !important; } .materialize-red-text.text-lighten-4 { color: #f8c1c3 !important; } .materialize-red.lighten-3 { background-color: #f3989b !important; } .materialize-red-text.text-lighten-3 { color: #f3989b !important; } .materialize-red.lighten-2 { background-color: #ee6e73 !important; } .materialize-red-text.text-lighten-2 { color: #ee6e73 !important; } .materialize-red.lighten-1 { background-color: #ea454b !important; } .materialize-red-text.text-lighten-1 { color: #ea454b !important; } .materialize-red { background-color: #e51c23 !important; } .materialize-red-text { color: #e51c23 !important; } .materialize-red.darken-1 { background-color: #d0181e !important; } .materialize-red-text.text-darken-1 { color: #d0181e !important; } .materialize-red.darken-2 { background-color: #b9151b !important; } .materialize-red-text.text-darken-2 { color: #b9151b !important; } .materialize-red.darken-3 { background-color: #a21318 !important; } .materialize-red-text.text-darken-3 { color: #a21318 !important; } .materialize-red.darken-4 { background-color: #8b1014 !important; } .materialize-red-text.text-darken-4 { color: #8b1014 !important; } .red.lighten-5 { background-color: #FFEBEE !important; } .red-text.text-lighten-5 { color: #FFEBEE !important; } .red.lighten-4 { background-color: #FFCDD2 !important; } .red-text.text-lighten-4 { color: #FFCDD2 !important; } .red.lighten-3 { background-color: #EF9A9A !important; } .red-text.text-lighten-3 { color: #EF9A9A !important; } .red.lighten-2 { background-color: #E57373 !important; } .red-text.text-lighten-2 { color: #E57373 !important; } .red.lighten-1 { background-color: #EF5350 !important; } .red-text.text-lighten-1 { color: #EF5350 !important; } .red { background-color: #F44336 !important; } .red-text { color: #F44336 !important; } .red.darken-1 { background-color: #E53935 !important; } .red-text.text-darken-1 { color: #E53935 !important; } .red.darken-2 { background-color: #D32F2F !important; } .red-text.text-darken-2 { color: #D32F2F !important; } .red.darken-3 { background-color: #C62828 !important; } .red-text.text-darken-3 { color: #C62828 !important; } .red.darken-4 { background-color: #B71C1C !important; } .red-text.text-darken-4 { color: #B71C1C !important; } .red.accent-1 { background-color: #FF8A80 !important; } .red-text.text-accent-1 { color: #FF8A80 !important; } .red.accent-2 { background-color: #FF5252 !important; } .red-text.text-accent-2 { color: #FF5252 !important; } .red.accent-3 { background-color: #FF1744 !important; } .red-text.text-accent-3 { color: #FF1744 !important; } .red.accent-4 { background-color: #D50000 !important; } .red-text.text-accent-4 { color: #D50000 !important; } .pink.lighten-5 { background-color: #fce4ec !important; } .pink-text.text-lighten-5 { color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; } .pink-text.text-lighten-4 { color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; } .pink-text.text-lighten-3 { color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; } .pink-text.text-lighten-2 { color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; } .pink-text.text-lighten-1 { color: #ec407a !important; } .pink { background-color: #e91e63 !important; } .pink-text { color: #e91e63 !important; } .pink.darken-1 { background-color: #d81b60 !important; } .pink-text.text-darken-1 { color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; } .pink-text.text-darken-2 { color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; } .pink-text.text-darken-3 { color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; } .pink-text.text-darken-4 { color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; } .pink-text.text-accent-1 { color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; } .pink-text.text-accent-2 { color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; } .pink-text.text-accent-3 { color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; } .pink-text.text-accent-4 { color: #c51162 !important; } .pink.ribon-1 { background-color: #FB30A3 !important; } .pink-text.text-ribon-1 { color: #FB30A3 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; } .purple-text.text-lighten-5 { color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; } .purple-text.text-lighten-4 { color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; } .purple-text.text-lighten-3 { color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; } .purple-text.text-lighten-2 { color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; } .purple-text.text-lighten-1 { color: #ab47bc !important; } .purple { background-color: #9c27b0 !important; } .purple-text { color: #9c27b0 !important; } .purple.darken-1 { background-color: #8e24aa !important; } .purple-text.text-darken-1 { color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; } .purple-text.text-darken-2 { color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; } .purple-text.text-darken-3 { color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; } .purple-text.text-darken-4 { color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; } .purple-text.text-accent-1 { color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; } .purple-text.text-accent-2 { color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; } .purple-text.text-accent-3 { color: #d500f9 !important; } .purple.accent-4 { background-color: #aa00ff !important; } .purple-text.text-accent-4 { color: #aa00ff !important; } .purple.link-color { background-color: #592981 !important; } .purple-text.text-link-color { color: #592981 !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; } .deep-purple-text.text-lighten-3 { color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; } .deep-purple-text.text-lighten-2 { color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important; } .deep-purple { background-color: #673ab7 !important; } .deep-purple-text { color: #673ab7 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; } .deep-purple-text.text-darken-1 { color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; } .deep-purple-text.text-darken-2 { color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; } .deep-purple-text.text-darken-3 { color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; } .deep-purple-text.text-darken-4 { color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; } .deep-purple-text.text-accent-1 { color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; } .deep-purple-text.text-accent-2 { color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; } .deep-purple-text.text-accent-3 { color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; } .deep-purple-text.text-accent-4 { color: #6200ea !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; } .indigo-text.text-lighten-5 { color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; } .indigo-text.text-lighten-4 { color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; } .indigo-text.text-lighten-3 { color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; } .indigo-text.text-lighten-2 { color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; } .indigo-text.text-lighten-1 { color: #5c6bc0 !important; } .indigo { background-color: #3f51b5 !important; } .indigo-text { color: #3f51b5 !important; } .indigo.darken-1 { background-color: #3949ab !important; } .indigo-text.text-darken-1 { color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; } .indigo-text.text-darken-2 { color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; } .indigo-text.text-darken-3 { color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; } .indigo-text.text-darken-4 { color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; } .indigo-text.text-accent-1 { color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; } .indigo-text.text-accent-2 { color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; } .indigo-text.text-accent-3 { color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; } .indigo-text.text-accent-4 { color: #304ffe !important; } .blue.lighten-5 { background-color: #E3F2FD !important; } .blue-text.text-lighten-5 { color: #E3F2FD !important; } .blue.lighten-4 { background-color: #BBDEFB !important; } .blue-text.text-lighten-4 { color: #BBDEFB !important; } .blue.lighten-3 { background-color: #90CAF9 !important; } .blue-text.text-lighten-3 { color: #90CAF9 !important; } .blue.lighten-2 { background-color: #64B5F6 !important; } .blue-text.text-lighten-2 { color: #64B5F6 !important; } .blue.lighten-1 { background-color: #42A5F5 !important; } .blue-text.text-lighten-1 { color: #42A5F5 !important; } .blue { background-color: #2196F3 !important; } .blue-text { color: #2196F3 !important; } .blue.darken-1 { background-color: #1E88E5 !important; } .blue-text.text-darken-1 { color: #1E88E5 !important; } .blue.darken-2 { background-color: #1976D2 !important; } .blue-text.text-darken-2 { color: #1976D2 !important; } .blue.darken-3 { background-color: #1565C0 !important; } .blue-text.text-darken-3 { color: #1565C0 !important; } .blue.darken-4 { background-color: #0D47A1 !important; } .blue-text.text-darken-4 { color: #0D47A1 !important; } .blue.darken-5 { background-color: #072143 !important; } .blue-text.text-darken-5 { color: #072143 !important; } .blue.accent-1 { background-color: #82B1FF !important; } .blue-text.text-accent-1 { color: #82B1FF !important; } .blue.accent-2 { background-color: #448AFF !important; } .blue-text.text-accent-2 { color: #448AFF !important; } .blue.accent-3 { background-color: #2979FF !important; } .blue-text.text-accent-3 { color: #2979FF !important; } .blue.accent-4 { background-color: #2962FF !important; } .blue-text.text-accent-4 { color: #2962FF !important; } .blue.link-color { background-color: #2266bb !important; } .blue-text.text-link-color { color: #2266bb !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; } .light-blue-text.text-lighten-5 { color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; } .light-blue-text.text-lighten-4 { color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; } .light-blue-text.text-lighten-3 { color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; } .light-blue-text.text-lighten-1 { color: #29b6f6 !important; } .light-blue { background-color: #03a9f4 !important; } .light-blue-text { color: #03a9f4 !important; } .light-blue.darken-1 { background-color: #039be5 !important; } .light-blue-text.text-darken-1 { color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; } .light-blue-text.text-darken-2 { color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; } .light-blue-text.text-darken-3 { color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; } .light-blue-text.text-darken-4 { color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; } .light-blue-text.text-accent-1 { color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; } .light-blue-text.text-accent-2 { color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; } .light-blue-text.text-accent-3 { color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; } .light-blue-text.text-accent-4 { color: #0091ea !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; } .cyan-text.text-lighten-5 { color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; } .cyan-text.text-lighten-4 { color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; } .cyan-text.text-lighten-3 { color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; } .cyan-text.text-lighten-2 { color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; } .cyan-text.text-lighten-1 { color: #26c6da !important; } .cyan { background-color: #00bcd4 !important; } .cyan-text { color: #00bcd4 !important; } .cyan.darken-1 { background-color: #00acc1 !important; } .cyan-text.text-darken-1 { color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; } .cyan-text.text-darken-2 { color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; } .cyan-text.text-darken-3 { color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; } .cyan-text.text-darken-4 { color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; } .cyan-text.text-accent-1 { color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; } .cyan-text.text-accent-2 { color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; } .cyan-text.text-accent-3 { color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; } .cyan-text.text-accent-4 { color: #00b8d4 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; } .teal-text.text-lighten-5 { color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; } .teal-text.text-lighten-4 { color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; } .teal-text.text-lighten-3 { color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; } .teal-text.text-lighten-2 { color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; } .teal-text.text-lighten-1 { color: #26a69a !important; } .teal { background-color: #009688 !important; } .teal-text { color: #009688 !important; } .teal.darken-1 { background-color: #00897b !important; } .teal-text.text-darken-1 { color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; } .teal-text.text-darken-2 { color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; } .teal-text.text-darken-3 { color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; } .teal-text.text-darken-4 { color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; } .teal-text.text-accent-1 { color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; } .teal-text.text-accent-2 { color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; } .teal-text.text-accent-3 { color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; } .teal-text.text-accent-4 { color: #00bfa5 !important; } .green.lighten-5 { background-color: #E8F5E9 !important; } .green-text.text-lighten-5 { color: #E8F5E9 !important; } .green.lighten-4 { background-color: #C8E6C9 !important; } .green-text.text-lighten-4 { color: #C8E6C9 !important; } .green.lighten-3 { background-color: #A5D6A7 !important; } .green-text.text-lighten-3 { color: #A5D6A7 !important; } .green.lighten-2 { background-color: #81C784 !important; } .green-text.text-lighten-2 { color: #81C784 !important; } .green.lighten-1 { background-color: #66BB6A !important; } .green-text.text-lighten-1 { color: #66BB6A !important; } .green { background-color: #4CAF50 !important; } .green-text { color: #4CAF50 !important; } .green.darken-1 { background-color: #43A047 !important; } .green-text.text-darken-1 { color: #43A047 !important; } .green.darken-2 { background-color: #388E3C !important; } .green-text.text-darken-2 { color: #388E3C !important; } .green.darken-3 { background-color: #2E7D32 !important; } .green-text.text-darken-3 { color: #2E7D32 !important; } .green.darken-4 { background-color: #1B5E20 !important; } .green-text.text-darken-4 { color: #1B5E20 !important; } .green.accent-1 { background-color: #B9F6CA !important; } .green-text.text-accent-1 { color: #B9F6CA !important; } .green.accent-2 { background-color: #69F0AE !important; } .green-text.text-accent-2 { color: #69F0AE !important; } .green.accent-3 { background-color: #00E676 !important; } .green-text.text-accent-3 { color: #00E676 !important; } .green.accent-4 { background-color: #00C853 !important; } .green-text.text-accent-4 { color: #00C853 !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; } .light-green-text.text-lighten-5 { color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; } .light-green-text.text-lighten-4 { color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important; } .light-green-text.text-lighten-3 { color: #c5e1a5 !important; } .light-green.lighten-2 { background-color: #aed581 !important; } .light-green-text.text-lighten-2 { color: #aed581 !important; } .light-green.lighten-1 { background-color: #9ccc65 !important; } .light-green-text.text-lighten-1 { color: #9ccc65 !important; } .light-green { background-color: #8bc34a !important; } .light-green-text { color: #8bc34a !important; } .light-green.darken-1 { background-color: #7cb342 !important; } .light-green-text.text-darken-1 { color: #7cb342 !important; } .light-green.darken-2 { background-color: #689f38 !important; } .light-green-text.text-darken-2 { color: #689f38 !important; } .light-green.darken-3 { background-color: #558b2f !important; } .light-green-text.text-darken-3 { color: #558b2f !important; } .light-green.darken-4 { background-color: #33691e !important; } .light-green-text.text-darken-4 { color: #33691e !important; } .light-green.accent-1 { background-color: #ccff90 !important; } .light-green-text.text-accent-1 { color: #ccff90 !important; } .light-green.accent-2 { background-color: #b2ff59 !important; } .light-green-text.text-accent-2 { color: #b2ff59 !important; } .light-green.accent-3 { background-color: #76ff03 !important; } .light-green-text.text-accent-3 { color: #76ff03 !important; } .light-green.accent-4 { background-color: #64dd17 !important; } .light-green-text.text-accent-4 { color: #64dd17 !important; } .lime.lighten-5 { background-color: #f9fbe7 !important; } .lime-text.text-lighten-5 { color: #f9fbe7 !important; } .lime.lighten-4 { background-color: #f0f4c3 !important; } .lime-text.text-lighten-4 { color: #f0f4c3 !important; } .lime.lighten-3 { background-color: #e6ee9c !important; } .lime-text.text-lighten-3 { color: #e6ee9c !important; } .lime.lighten-2 { background-color: #dce775 !important; } .lime-text.text-lighten-2 { color: #dce775 !important; } .lime.lighten-1 { background-color: #d4e157 !important; } .lime-text.text-lighten-1 { color: #d4e157 !important; } .lime { background-color: #cddc39 !important; } .lime-text { color: #cddc39 !important; } .lime.darken-1 { background-color: #c0ca33 !important; } .lime-text.text-darken-1 { color: #c0ca33 !important; } .lime.darken-2 { background-color: #afb42b !important; } .lime-text.text-darken-2 { color: #afb42b !important; } .lime.darken-3 { background-color: #9e9d24 !important; } .lime-text.text-darken-3 { color: #9e9d24 !important; } .lime.darken-4 { background-color: #827717 !important; } .lime-text.text-darken-4 { color: #827717 !important; } .lime.accent-1 { background-color: #f4ff81 !important; } .lime-text.text-accent-1 { color: #f4ff81 !important; } .lime.accent-2 { background-color: #eeff41 !important; } .lime-text.text-accent-2 { color: #eeff41 !important; } .lime.accent-3 { background-color: #c6ff00 !important; } .lime-text.text-accent-3 { color: #c6ff00 !important; } .lime.accent-4 { background-color: #aeea00 !important; } .lime-text.text-accent-4 { color: #aeea00 !important; } .yellow.lighten-5 { background-color: #fffde7 !important; } .yellow-text.text-lighten-5 { color: #fffde7 !important; } .yellow.lighten-4 { background-color: #fff9c4 !important; } .yellow-text.text-lighten-4 { color: #fff9c4 !important; } .yellow.lighten-3 { background-color: #fff59d !important; } .yellow-text.text-lighten-3 { color: #fff59d !important; } .yellow.lighten-2 { background-color: #fff176 !important; } .yellow-text.text-lighten-2 { color: #fff176 !important; } .yellow.lighten-1 { background-color: #ffee58 !important; } .yellow-text.text-lighten-1 { color: #ffee58 !important; } .yellow { background-color: #ffeb3b !important; } .yellow-text { color: #ffeb3b !important; } .yellow.darken-1 { background-color: #fdd835 !important; } .yellow-text.text-darken-1 { color: #fdd835 !important; } .yellow.darken-2 { background-color: #fbc02d !important; } .yellow-text.text-darken-2 { color: #fbc02d !important; } .yellow.darken-3 { background-color: #f9a825 !important; } .yellow-text.text-darken-3 { color: #f9a825 !important; } .yellow.darken-4 { background-color: #f57f17 !important; } .yellow-text.text-darken-4 { color: #f57f17 !important; } .yellow.accent-1 { background-color: #ffff8d !important; } .yellow-text.text-accent-1 { color: #ffff8d !important; } .yellow.accent-2 { background-color: #ffff00 !important; } .yellow-text.text-accent-2 { color: #ffff00 !important; } .yellow.accent-3 { background-color: #ffea00 !important; } .yellow-text.text-accent-3 { color: #ffea00 !important; } .yellow.accent-4 { background-color: #ffd600 !important; } .yellow-text.text-accent-4 { color: #ffd600 !important; } .amber.lighten-5 { background-color: #fff8e1 !important; } .amber-text.text-lighten-5 { color: #fff8e1 !important; } .amber.lighten-4 { background-color: #ffecb3 !important; } .amber-text.text-lighten-4 { color: #ffecb3 !important; } .amber.lighten-3 { background-color: #ffe082 !important; } .amber-text.text-lighten-3 { color: #ffe082 !important; } .amber.lighten-2 { background-color: #ffd54f !important; } .amber-text.text-lighten-2 { color: #ffd54f !important; } .amber.lighten-1 { background-color: #ffca28 !important; } .amber-text.text-lighten-1 { color: #ffca28 !important; } .amber { background-color: #ffc107 !important; } .amber-text { color: #ffc107 !important; } .amber.darken-1 { background-color: #ffb300 !important; } .amber-text.text-darken-1 { color: #ffb300 !important; } .amber.darken-2 { background-color: #ffa000 !important; } .amber-text.text-darken-2 { color: #ffa000 !important; } .amber.darken-3 { background-color: #ff8f00 !important; } .amber-text.text-darken-3 { color: #ff8f00 !important; } .amber.darken-4 { background-color: #ff6f00 !important; } .amber-text.text-darken-4 { color: #ff6f00 !important; } .amber.accent-1 { background-color: #ffe57f !important; } .amber-text.text-accent-1 { color: #ffe57f !important; } .amber.accent-2 { background-color: #ffd740 !important; } .amber-text.text-accent-2 { color: #ffd740 !important; } .amber.accent-3 { background-color: #ffc400 !important; } .amber-text.text-accent-3 { color: #ffc400 !important; } .amber.accent-4 { background-color: #ffab00 !important; } .amber-text.text-accent-4 { color: #ffab00 !important; } .orange.lighten-5 { background-color: #fff3e0 !important; } .orange-text.text-lighten-5 { color: #fff3e0 !important; } .orange.lighten-4 { background-color: #ffe0b2 !important; } .orange-text.text-lighten-4 { color: #ffe0b2 !important; } .orange.lighten-3 { background-color: #ffcc80 !important; } .orange-text.text-lighten-3 { color: #ffcc80 !important; } .orange.lighten-2 { background-color: #ffb74d !important; } .orange-text.text-lighten-2 { color: #ffb74d !important; } .orange.lighten-1 { background-color: #ffa726 !important; } .orange-text.text-lighten-1 { color: #ffa726 !important; } .orange { background-color: #ff9800 !important; } .orange-text { color: #ff9800 !important; } .orange.darken-1 { background-color: #fb8c00 !important; } .orange-text.text-darken-1 { color: #fb8c00 !important; } .orange.darken-2 { background-color: #f57c00 !important; } .orange-text.text-darken-2 { color: #f57c00 !important; } .orange.darken-3 { background-color: #ef6c00 !important; } .orange-text.text-darken-3 { color: #ef6c00 !important; } .orange.darken-4 { background-color: #e65100 !important; } .orange-text.text-darken-4 { color: #e65100 !important; } .orange.accent-1 { background-color: #ffd180 !important; } .orange-text.text-accent-1 { color: #ffd180 !important; } .orange.accent-2 { background-color: #ffab40 !important; } .orange-text.text-accent-2 { color: #ffab40 !important; } .orange.accent-3 { background-color: #ff9100 !important; } .orange-text.text-accent-3 { color: #ff9100 !important; } .orange.accent-4 { background-color: #ff6d00 !important; } .orange-text.text-accent-4 { color: #ff6d00 !important; } .deep-orange.lighten-5 { background-color: #fbe9e7 !important; } .deep-orange-text.text-lighten-5 { color: #fbe9e7 !important; } .deep-orange.lighten-4 { background-color: #ffccbc !important; } .deep-orange-text.text-lighten-4 { color: #ffccbc !important; } .deep-orange.lighten-3 { background-color: #ffab91 !important; } .deep-orange-text.text-lighten-3 { color: #ffab91 !important; } .deep-orange.lighten-2 { background-color: #ff8a65 !important; } .deep-orange-text.text-lighten-2 { color: #ff8a65 !important; } .deep-orange.lighten-1 { background-color: #ff7043 !important; } .deep-orange-text.text-lighten-1 { color: #ff7043 !important; } .deep-orange { background-color: #ff5722 !important; } .deep-orange-text { color: #ff5722 !important; } .deep-orange.darken-1 { background-color: #f4511e !important; } .deep-orange-text.text-darken-1 { color: #f4511e !important; } .deep-orange.darken-2 { background-color: #e64a19 !important; } .deep-orange-text.text-darken-2 { color: #e64a19 !important; } .deep-orange.darken-3 { background-color: #d84315 !important; } .deep-orange-text.text-darken-3 { color: #d84315 !important; } .deep-orange.darken-4 { background-color: #bf360c !important; } .deep-orange-text.text-darken-4 { color: #bf360c !important; } .deep-orange.accent-1 { background-color: #ff9e80 !important; } .deep-orange-text.text-accent-1 { color: #ff9e80 !important; } .deep-orange.accent-2 { background-color: #ff6e40 !important; } .deep-orange-text.text-accent-2 { color: #ff6e40 !important; } .deep-orange.accent-3 { background-color: #ff3d00 !important; } .deep-orange-text.text-accent-3 { color: #ff3d00 !important; } .deep-orange.accent-4 { background-color: #dd2c00 !important; } .deep-orange-text.text-accent-4 { color: #dd2c00 !important; } .brown.lighten-5 { background-color: #efebe9 !important; } .brown-text.text-lighten-5 { color: #efebe9 !important; } .brown.lighten-4 { background-color: #d7ccc8 !important; } .brown-text.text-lighten-4 { color: #d7ccc8 !important; } .brown.lighten-3 { background-color: #bcaaa4 !important; } .brown-text.text-lighten-3 { color: #bcaaa4 !important; } .brown.lighten-2 { background-color: #a1887f !important; } .brown-text.text-lighten-2 { color: #a1887f !important; } .brown.lighten-1 { background-color: #8d6e63 !important; } .brown-text.text-lighten-1 { color: #8d6e63 !important; } .brown { background-color: #795548 !important; } .brown-text { color: #795548 !important; } .brown.darken-1 { background-color: #6d4c41 !important; } .brown-text.text-darken-1 { color: #6d4c41 !important; } .brown.darken-2 { background-color: #5d4037 !important; } .brown-text.text-darken-2 { color: #5d4037 !important; } .brown.darken-3 { background-color: #4e342e !important; } .brown-text.text-darken-3 { color: #4e342e !important; } .brown.darken-4 { background-color: #3e2723 !important; } .brown-text.text-darken-4 { color: #3e2723 !important; } .blue-grey.lighten-5 { background-color: #eceff1 !important; } .blue-grey-text.text-lighten-5 { color: #eceff1 !important; } .blue-grey.lighten-4 { background-color: #cfd8dc !important; } .blue-grey-text.text-lighten-4 { color: #cfd8dc !important; } .blue-grey.lighten-3 { background-color: #b0bec5 !important; } .blue-grey-text.text-lighten-3 { color: #b0bec5 !important; } .blue-grey.lighten-2 { background-color: #90a4ae !important; } .blue-grey-text.text-lighten-2 { color: #90a4ae !important; } .blue-grey.lighten-1 { background-color: #78909c !important; } .blue-grey-text.text-lighten-1 { color: #78909c !important; } .blue-grey { background-color: #607d8b !important; } .blue-grey-text { color: #607d8b !important; } .blue-grey.darken-1 { background-color: #546e7a !important; } .blue-grey-text.text-darken-1 { color: #546e7a !important; } .blue-grey.darken-2 { background-color: #455a64 !important; } .blue-grey-text.text-darken-2 { color: #455a64 !important; } .blue-grey.darken-3 { background-color: #37474f !important; } .blue-grey-text.text-darken-3 { color: #37474f !important; } .blue-grey.darken-4 { background-color: #263238 !important; } .blue-grey-text.text-darken-4 { color: #263238 !important; } .grey.lighten-7 { background-color: #ebedef !important; } .grey-text.text-lighten-7 { color: #ebedef !important; } .grey.lighten-6 { background-color: #f2f4f5 !important; } .grey-text.text-lighten-6 { color: #f2f4f5 !important; } .grey.lighten-5 { background-color: #fafafa !important; } .grey-text.text-lighten-5 { color: #fafafa !important; } .grey.lighten-4 { background-color: #f5f5f5 !important; } .grey-text.text-lighten-4 { color: #f5f5f5 !important; } .grey.lighten-3 { background-color: #eeeeee !important; } .grey-text.text-lighten-3 { color: #eeeeee !important; } .grey.lighten-2 { background-color: #e0e0e0 !important; } .grey-text.text-lighten-2 { color: #e0e0e0 !important; } .grey.lighten-1 { background-color: #bdbdbd !important; } .grey-text.text-lighten-1 { color: #bdbdbd !important; } .grey { background-color: #9e9e9e !important; } .grey-text { color: #9e9e9e !important; } .grey.darken-1 { background-color: #757575 !important; } .grey-text.text-darken-1 { color: #757575 !important; } .grey.darken-2 { background-color: #616161 !important; } .grey-text.text-darken-2 { color: #616161 !important; } .grey.darken-3 { background-color: #424242 !important; } .grey-text.text-darken-3 { color: #424242 !important; } .grey.darken-4 { background-color: #212121 !important; } .grey-text.text-darken-4 { color: #212121 !important; } .grey.link-hover { background-color: #999999 !important; } .grey-text.text-link-hover { color: #999999 !important; } .grey.darken-5 { background-color: #333333 !important; } .grey-text.text-darken-5 { color: #333333 !important; } .grey.butler { background-color: #A48D5F !important; } .grey-text.text-butler { color: #A48D5F !important; } .shades.black { background-color: #000000 !important; } .shades-text.text-black { color: #000000 !important; } .shades.white { background-color: #FFFFFF !important; } .shades-text.text-white { color: #FFFFFF !important; } .shades.transparent { background-color: transparent !important; } .shades-text.text-transparent { color: transparent !important; } .black { background-color: #000000 !important; } .black-text { color: #000000 !important; } .white { background-color: #FFFFFF !important; } .white-text { color: #FFFFFF !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } .danger-color { background-color: #ff4444 !important; } .danger-color-dark { background-color: #CC0000 !important; } .warning-color { background-color: #ffbb33 !important; } .warning-color-dark { background-color: #FF8800 !important; } .success-color { background-color: #00C851 !important; } .success-color-dark { background-color: #007E33 !important; } .info-color { background-color: #33b5e5 !important; } .info-color-dark { background-color: #0099CC !important; } .default-color { background-color: #2BBBAD !important; } .default-color-dark { background-color: #00695c !important; } .primary-color { background-color: #00b2eb !important; } .primary-color-dark { background-color: #0d47a1 !important; } .secondary-color { background-color: #aa66cc !important; } .secondary-color-dark { background-color: #9933CC !important; } .elegant-color { background-color: #2E2E2E !important; } .elegant-color-dark { background-color: #212121 !important; } .stylish-color { background-color: #4B515D !important; } .stylish-color-dark { background-color: #3E4551 !important; } .special-color { background-color: #37474F !important; } .special-color-dark { background-color: #263238 !important; } .unique-color { background-color: #3F729B !important; } .unique-color-dark { background-color: #1C2331 !important; } .title-text-dark, .diving h3, .diving .panel-title, .diving .corporate-content .headertext, .corporate-content .diving .headertext, .date-picker-wrapper .month-wrapper .month-name, #parentEl .date-picker-wrapper .month-name { color: #072143; } .rgba-blue-light { background-color: rgba(3, 169, 244, 0.3); } .rgba-red-light { background-color: rgba(244, 67, 54, 0.3); } .rgba-pink-light { background-color: rgba(233, 30, 99, 0.3); } .rgba-purple-light { background-color: rgba(156, 39, 176, 0.3); } .rgba-indigo-light { background-color: rgba(63, 81, 181, 0.3); } .rgba-cyan-light { background-color: rgba(0, 188, 212, 0.3); } .rgba-teal-light { background-color: rgba(0, 150, 136, 0.3); } .rgba-green-light { background-color: rgba(76, 175, 80, 0.3); } .rgba-lime-light { background-color: rgba(205, 220, 57, 0.3); } .rgba-yellow-light { background-color: rgba(255, 235, 59, 0.3); } .rgba-orange-light { background-color: rgba(255, 152, 0, 0.3); } .rgba-brown-light { background-color: rgba(121, 85, 72, 0.3); } .rgba-grey-light { background-color: rgba(158, 158, 158, 0.3); } .rgba-bluegrey-light { background-color: rgba(96, 125, 139, 0.3); } .rgba-black-light { background-color: #082243; } .rgba-stylish-light { background-color: rgba(62, 69, 81, 0.3); } .rgba-white-light { background-color: rgba(255, 255, 255, 0.3); } .rgba-blue-strong { background-color: rgba(3, 169, 244, 0.7); } .rgba-red-strong { background-color: rgba(244, 67, 54, 0.7); } .rgba-pink-strong { background-color: rgba(233, 30, 99, 0.7); } .rgba-purple-strong { background-color: rgba(156, 39, 176, 0.7); } .rgba-indigo-strong { background-color: rgba(63, 81, 181, 0.7); } .rgba-cyan-strong { background-color: rgba(0, 188, 212, 0.7); } .rgba-teal-strong { background-color: rgba(0, 150, 136, 0.7); } .rgba-green-strong { background-color: rgba(76, 175, 80, 0.7); } .rgba-lime-strong { background-color: rgba(205, 220, 57, 0.7); } .rgba-yellow-strong { background-color: rgba(255, 235, 59, 0.7); } .rgba-orange-strong { background-color: rgba(255, 152, 0, 0.7); } .rgba-brown-strong { background-color: rgba(121, 85, 72, 0.7); } .rgba-grey-strong { background-color: rgba(158, 158, 158, 0.7); } .rgba-bluegrey-strong { background-color: rgba(96, 125, 139, 0.7); } .rgba-black-strong { background-color: rgba(0, 0, 0, 0.7); } .rgba-stylish-strong { background-color: rgba(62, 69, 81, 0.7); } .rgba-white-strong { background-color: rgba(255, 255, 255, 0.7); } .rgba-blue-slight { background-color: rgba(3, 169, 244, 0.1); } .rgba-red-slight { background-color: rgba(244, 67, 54, 0.1); } .rgba-pink-slight { background-color: rgba(233, 30, 99, 0.1); } .rgba-purple-slight { background-color: rgba(156, 39, 176, 0.1); } .rgba-indigo-slight { background-color: rgba(63, 81, 181, 0.1); } .rgba-cyan-slight { background-color: rgba(0, 188, 212, 0.1); } .rgba-teal-slight { background-color: rgba(0, 150, 136, 0.1); } .rgba-green-slight { background-color: rgba(76, 175, 80, 0.1); } .rgba-lime-slight { background-color: rgba(205, 220, 57, 0.1); } .rgba-yellow-slight { background-color: rgba(255, 235, 59, 0.1); } .rgba-orange-slight { background-color: rgba(255, 152, 0, 0.1); } .rgba-brown-slight { background-color: rgba(121, 85, 72, 0.1); } .rgba-grey-slight { background-color: rgba(158, 158, 158, 0.1); } .rgba-bluegrey-slight { background-color: rgba(96, 125, 139, 0.1); } .rgba-black-slight { background-color: rgba(0, 0, 0, 0.1); } .rgba-stylish-slight { background-color: rgba(62, 69, 81, 0.1); } .rgba-white-slight { background-color: rgba(255, 255, 255, 0.1); } /********************* Variables **********************/ /*** Tooltip ***/ /* ANIMATION */ /*** Colors ***/ /*** Badges ***/ /*** Buttons ***/ /*** Cards ***/ /*$card-link-color: color("orange", "accent-2") !default; $card-link-color-light: lighten($card-link-color, 20%) !default;*/ /*** Collapsible ***/ /*** Dropdown ***/ /*** Fonts ***/ /*** Forms ***/ /*** Global ***/ /*** Navbar ***/ /*** SideNav ***/ /*** Photo Slider ***/ /*** Tabs ***/ /*** Tables ***/ /*** Toasts ***/ /*** Typography ***/ /* rgba(0, 0, 0, 0.87) !default;*/ /* $h1-fontsize: 4.2rem !default; $h1-fontsize: 3.56rem !default; $h2-fontsize: 2.92rem !default; $h3-fontsize: 2.28rem !default; $h4-fontsize: 1.64rem !default; $h5-fontsize: 1rem !default;*/ /*** Collections ***/ /* Progress Bar */ /*! * Material Design for Bootstrap * Version: MDB FREE: 3.3.3 * * * Copyright: Material Design for Bootstrap * www.mdbootstrap.com * * Read the license: http://mdbootstrap.com/wp-content/uploads/2015/09/MDB-License.pdf * * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js * */ /********************* Mixins **********************/ /********************* Colors **********************/ .materialize-red.lighten-5 { background-color: #fdeaeb !important; } .materialize-red-text.text-lighten-5 { color: #fdeaeb !important; } .materialize-red.lighten-4 { background-color: #f8c1c3 !important; } .materialize-red-text.text-lighten-4 { color: #f8c1c3 !important; } .materialize-red.lighten-3 { background-color: #f3989b !important; } .materialize-red-text.text-lighten-3 { color: #f3989b !important; } .materialize-red.lighten-2 { background-color: #ee6e73 !important; } .materialize-red-text.text-lighten-2 { color: #ee6e73 !important; } .materialize-red.lighten-1 { background-color: #ea454b !important; } .materialize-red-text.text-lighten-1 { color: #ea454b !important; } .materialize-red { background-color: #e51c23 !important; } .materialize-red-text { color: #e51c23 !important; } .materialize-red.darken-1 { background-color: #d0181e !important; } .materialize-red-text.text-darken-1 { color: #d0181e !important; } .materialize-red.darken-2 { background-color: #b9151b !important; } .materialize-red-text.text-darken-2 { color: #b9151b !important; } .materialize-red.darken-3 { background-color: #a21318 !important; } .materialize-red-text.text-darken-3 { color: #a21318 !important; } .materialize-red.darken-4 { background-color: #8b1014 !important; } .materialize-red-text.text-darken-4 { color: #8b1014 !important; } .red.lighten-5 { background-color: #FFEBEE !important; } .red-text.text-lighten-5 { color: #FFEBEE !important; } .red.lighten-4 { background-color: #FFCDD2 !important; } .red-text.text-lighten-4 { color: #FFCDD2 !important; } .red.lighten-3 { background-color: #EF9A9A !important; } .red-text.text-lighten-3 { color: #EF9A9A !important; } .red.lighten-2 { background-color: #E57373 !important; } .red-text.text-lighten-2 { color: #E57373 !important; } .red.lighten-1 { background-color: #EF5350 !important; } .red-text.text-lighten-1 { color: #EF5350 !important; } .red { background-color: #F44336 !important; } .red-text { color: #F44336 !important; } .red.darken-1 { background-color: #E53935 !important; } .red-text.text-darken-1 { color: #E53935 !important; } .red.darken-2 { background-color: #D32F2F !important; } .red-text.text-darken-2 { color: #D32F2F !important; } .red.darken-3 { background-color: #C62828 !important; } .red-text.text-darken-3 { color: #C62828 !important; } .red.darken-4 { background-color: #B71C1C !important; } .red-text.text-darken-4 { color: #B71C1C !important; } .red.accent-1 { background-color: #FF8A80 !important; } .red-text.text-accent-1 { color: #FF8A80 !important; } .red.accent-2 { background-color: #FF5252 !important; } .red-text.text-accent-2 { color: #FF5252 !important; } .red.accent-3 { background-color: #FF1744 !important; } .red-text.text-accent-3 { color: #FF1744 !important; } .red.accent-4 { background-color: #D50000 !important; } .red-text.text-accent-4 { color: #D50000 !important; } .pink.lighten-5 { background-color: #fce4ec !important; } .pink-text.text-lighten-5 { color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; } .pink-text.text-lighten-4 { color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; } .pink-text.text-lighten-3 { color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; } .pink-text.text-lighten-2 { color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; } .pink-text.text-lighten-1 { color: #ec407a !important; } .pink { background-color: #e91e63 !important; } .pink-text { color: #e91e63 !important; } .pink.darken-1 { background-color: #d81b60 !important; } .pink-text.text-darken-1 { color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; } .pink-text.text-darken-2 { color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; } .pink-text.text-darken-3 { color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; } .pink-text.text-darken-4 { color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; } .pink-text.text-accent-1 { color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; } .pink-text.text-accent-2 { color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; } .pink-text.text-accent-3 { color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; } .pink-text.text-accent-4 { color: #c51162 !important; } .pink.ribon-1 { background-color: #FB30A3 !important; } .pink-text.text-ribon-1 { color: #FB30A3 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; } .purple-text.text-lighten-5 { color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; } .purple-text.text-lighten-4 { color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; } .purple-text.text-lighten-3 { color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; } .purple-text.text-lighten-2 { color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; } .purple-text.text-lighten-1 { color: #ab47bc !important; } .purple { background-color: #9c27b0 !important; } .purple-text { color: #9c27b0 !important; } .purple.darken-1 { background-color: #8e24aa !important; } .purple-text.text-darken-1 { color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; } .purple-text.text-darken-2 { color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; } .purple-text.text-darken-3 { color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; } .purple-text.text-darken-4 { color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; } .purple-text.text-accent-1 { color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; } .purple-text.text-accent-2 { color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; } .purple-text.text-accent-3 { color: #d500f9 !important; } .purple.accent-4 { background-color: #aa00ff !important; } .purple-text.text-accent-4 { color: #aa00ff !important; } .purple.link-color { background-color: #592981 !important; } .purple-text.text-link-color { color: #592981 !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; } .deep-purple-text.text-lighten-3 { color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; } .deep-purple-text.text-lighten-2 { color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important; } .deep-purple { background-color: #673ab7 !important; } .deep-purple-text { color: #673ab7 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; } .deep-purple-text.text-darken-1 { color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; } .deep-purple-text.text-darken-2 { color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; } .deep-purple-text.text-darken-3 { color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; } .deep-purple-text.text-darken-4 { color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; } .deep-purple-text.text-accent-1 { color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; } .deep-purple-text.text-accent-2 { color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; } .deep-purple-text.text-accent-3 { color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; } .deep-purple-text.text-accent-4 { color: #6200ea !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; } .indigo-text.text-lighten-5 { color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; } .indigo-text.text-lighten-4 { color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; } .indigo-text.text-lighten-3 { color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; } .indigo-text.text-lighten-2 { color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; } .indigo-text.text-lighten-1 { color: #5c6bc0 !important; } .indigo { background-color: #3f51b5 !important; } .indigo-text { color: #3f51b5 !important; } .indigo.darken-1 { background-color: #3949ab !important; } .indigo-text.text-darken-1 { color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; } .indigo-text.text-darken-2 { color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; } .indigo-text.text-darken-3 { color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; } .indigo-text.text-darken-4 { color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; } .indigo-text.text-accent-1 { color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; } .indigo-text.text-accent-2 { color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; } .indigo-text.text-accent-3 { color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; } .indigo-text.text-accent-4 { color: #304ffe !important; } .blue.lighten-5 { background-color: #E3F2FD !important; } .blue-text.text-lighten-5 { color: #E3F2FD !important; } .blue.lighten-4 { background-color: #BBDEFB !important; } .blue-text.text-lighten-4 { color: #BBDEFB !important; } .blue.lighten-3 { background-color: #90CAF9 !important; } .blue-text.text-lighten-3 { color: #90CAF9 !important; } .blue.lighten-2 { background-color: #64B5F6 !important; } .blue-text.text-lighten-2 { color: #64B5F6 !important; } .blue.lighten-1 { background-color: #42A5F5 !important; } .blue-text.text-lighten-1 { color: #42A5F5 !important; } .blue { background-color: #2196F3 !important; } .blue-text { color: #2196F3 !important; } .blue.darken-1 { background-color: #1E88E5 !important; } .blue-text.text-darken-1 { color: #1E88E5 !important; } .blue.darken-2 { background-color: #1976D2 !important; } .blue-text.text-darken-2 { color: #1976D2 !important; } .blue.darken-3 { background-color: #1565C0 !important; } .blue-text.text-darken-3 { color: #1565C0 !important; } .blue.darken-4 { background-color: #0D47A1 !important; } .blue-text.text-darken-4 { color: #0D47A1 !important; } .blue.darken-5 { background-color: #072143 !important; } .blue-text.text-darken-5 { color: #072143 !important; } .blue.accent-1 { background-color: #82B1FF !important; } .blue-text.text-accent-1 { color: #82B1FF !important; } .blue.accent-2 { background-color: #448AFF !important; } .blue-text.text-accent-2 { color: #448AFF !important; } .blue.accent-3 { background-color: #2979FF !important; } .blue-text.text-accent-3 { color: #2979FF !important; } .blue.accent-4 { background-color: #2962FF !important; } .blue-text.text-accent-4 { color: #2962FF !important; } .blue.link-color { background-color: #2266bb !important; } .blue-text.text-link-color { color: #2266bb !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; } .light-blue-text.text-lighten-5 { color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; } .light-blue-text.text-lighten-4 { color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; } .light-blue-text.text-lighten-3 { color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; } .light-blue-text.text-lighten-1 { color: #29b6f6 !important; } .light-blue { background-color: #03a9f4 !important; } .light-blue-text { color: #03a9f4 !important; } .light-blue.darken-1 { background-color: #039be5 !important; } .light-blue-text.text-darken-1 { color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; } .light-blue-text.text-darken-2 { color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; } .light-blue-text.text-darken-3 { color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; } .light-blue-text.text-darken-4 { color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; } .light-blue-text.text-accent-1 { color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; } .light-blue-text.text-accent-2 { color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; } .light-blue-text.text-accent-3 { color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; } .light-blue-text.text-accent-4 { color: #0091ea !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; } .cyan-text.text-lighten-5 { color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; } .cyan-text.text-lighten-4 { color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; } .cyan-text.text-lighten-3 { color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; } .cyan-text.text-lighten-2 { color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; } .cyan-text.text-lighten-1 { color: #26c6da !important; } .cyan { background-color: #00bcd4 !important; } .cyan-text { color: #00bcd4 !important; } .cyan.darken-1 { background-color: #00acc1 !important; } .cyan-text.text-darken-1 { color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; } .cyan-text.text-darken-2 { color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; } .cyan-text.text-darken-3 { color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; } .cyan-text.text-darken-4 { color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; } .cyan-text.text-accent-1 { color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; } .cyan-text.text-accent-2 { color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; } .cyan-text.text-accent-3 { color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; } .cyan-text.text-accent-4 { color: #00b8d4 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; } .teal-text.text-lighten-5 { color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; } .teal-text.text-lighten-4 { color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; } .teal-text.text-lighten-3 { color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; } .teal-text.text-lighten-2 { color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; } .teal-text.text-lighten-1 { color: #26a69a !important; } .teal { background-color: #009688 !important; } .teal-text { color: #009688 !important; } .teal.darken-1 { background-color: #00897b !important; } .teal-text.text-darken-1 { color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; } .teal-text.text-darken-2 { color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; } .teal-text.text-darken-3 { color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; } .teal-text.text-darken-4 { color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; } .teal-text.text-accent-1 { color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; } .teal-text.text-accent-2 { color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; } .teal-text.text-accent-3 { color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; } .teal-text.text-accent-4 { color: #00bfa5 !important; } .green.lighten-5 { background-color: #E8F5E9 !important; } .green-text.text-lighten-5 { color: #E8F5E9 !important; } .green.lighten-4 { background-color: #C8E6C9 !important; } .green-text.text-lighten-4 { color: #C8E6C9 !important; } .green.lighten-3 { background-color: #A5D6A7 !important; } .green-text.text-lighten-3 { color: #A5D6A7 !important; } .green.lighten-2 { background-color: #81C784 !important; } .green-text.text-lighten-2 { color: #81C784 !important; } .green.lighten-1 { background-color: #66BB6A !important; } .green-text.text-lighten-1 { color: #66BB6A !important; } .green { background-color: #4CAF50 !important; } .green-text { color: #4CAF50 !important; } .green.darken-1 { background-color: #43A047 !important; } .green-text.text-darken-1 { color: #43A047 !important; } .green.darken-2 { background-color: #388E3C !important; } .green-text.text-darken-2 { color: #388E3C !important; } .green.darken-3 { background-color: #2E7D32 !important; } .green-text.text-darken-3 { color: #2E7D32 !important; } .green.darken-4 { background-color: #1B5E20 !important; } .green-text.text-darken-4 { color: #1B5E20 !important; } .green.accent-1 { background-color: #B9F6CA !important; } .green-text.text-accent-1 { color: #B9F6CA !important; } .green.accent-2 { background-color: #69F0AE !important; } .green-text.text-accent-2 { color: #69F0AE !important; } .green.accent-3 { background-color: #00E676 !important; } .green-text.text-accent-3 { color: #00E676 !important; } .green.accent-4 { background-color: #00C853 !important; } .green-text.text-accent-4 { color: #00C853 !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; } .light-green-text.text-lighten-5 { color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; } .light-green-text.text-lighten-4 { color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important; } .light-green-text.text-lighten-3 { color: #c5e1a5 !important; } .light-green.lighten-2 { background-color: #aed581 !important; } .light-green-text.text-lighten-2 { color: #aed581 !important; } .light-green.lighten-1 { background-color: #9ccc65 !important; } .light-green-text.text-lighten-1 { color: #9ccc65 !important; } .light-green { background-color: #8bc34a !important; } .light-green-text { color: #8bc34a !important; } .light-green.darken-1 { background-color: #7cb342 !important; } .light-green-text.text-darken-1 { color: #7cb342 !important; } .light-green.darken-2 { background-color: #689f38 !important; } .light-green-text.text-darken-2 { color: #689f38 !important; } .light-green.darken-3 { background-color: #558b2f !important; } .light-green-text.text-darken-3 { color: #558b2f !important; } .light-green.darken-4 { background-color: #33691e !important; } .light-green-text.text-darken-4 { color: #33691e !important; } .light-green.accent-1 { background-color: #ccff90 !important; } .light-green-text.text-accent-1 { color: #ccff90 !important; } .light-green.accent-2 { background-color: #b2ff59 !important; } .light-green-text.text-accent-2 { color: #b2ff59 !important; } .light-green.accent-3 { background-color: #76ff03 !important; } .light-green-text.text-accent-3 { color: #76ff03 !important; } .light-green.accent-4 { background-color: #64dd17 !important; } .light-green-text.text-accent-4 { color: #64dd17 !important; } .lime.lighten-5 { background-color: #f9fbe7 !important; } .lime-text.text-lighten-5 { color: #f9fbe7 !important; } .lime.lighten-4 { background-color: #f0f4c3 !important; } .lime-text.text-lighten-4 { color: #f0f4c3 !important; } .lime.lighten-3 { background-color: #e6ee9c !important; } .lime-text.text-lighten-3 { color: #e6ee9c !important; } .lime.lighten-2 { background-color: #dce775 !important; } .lime-text.text-lighten-2 { color: #dce775 !important; } .lime.lighten-1 { background-color: #d4e157 !important; } .lime-text.text-lighten-1 { color: #d4e157 !important; } .lime { background-color: #cddc39 !important; } .lime-text { color: #cddc39 !important; } .lime.darken-1 { background-color: #c0ca33 !important; } .lime-text.text-darken-1 { color: #c0ca33 !important; } .lime.darken-2 { background-color: #afb42b !important; } .lime-text.text-darken-2 { color: #afb42b !important; } .lime.darken-3 { background-color: #9e9d24 !important; } .lime-text.text-darken-3 { color: #9e9d24 !important; } .lime.darken-4 { background-color: #827717 !important; } .lime-text.text-darken-4 { color: #827717 !important; } .lime.accent-1 { background-color: #f4ff81 !important; } .lime-text.text-accent-1 { color: #f4ff81 !important; } .lime.accent-2 { background-color: #eeff41 !important; } .lime-text.text-accent-2 { color: #eeff41 !important; } .lime.accent-3 { background-color: #c6ff00 !important; } .lime-text.text-accent-3 { color: #c6ff00 !important; } .lime.accent-4 { background-color: #aeea00 !important; } .lime-text.text-accent-4 { color: #aeea00 !important; } .yellow.lighten-5 { background-color: #fffde7 !important; } .yellow-text.text-lighten-5 { color: #fffde7 !important; } .yellow.lighten-4 { background-color: #fff9c4 !important; } .yellow-text.text-lighten-4 { color: #fff9c4 !important; } .yellow.lighten-3 { background-color: #fff59d !important; } .yellow-text.text-lighten-3 { color: #fff59d !important; } .yellow.lighten-2 { background-color: #fff176 !important; } .yellow-text.text-lighten-2 { color: #fff176 !important; } .yellow.lighten-1 { background-color: #ffee58 !important; } .yellow-text.text-lighten-1 { color: #ffee58 !important; } .yellow { background-color: #ffeb3b !important; } .yellow-text { color: #ffeb3b !important; } .yellow.darken-1 { background-color: #fdd835 !important; } .yellow-text.text-darken-1 { color: #fdd835 !important; } .yellow.darken-2 { background-color: #fbc02d !important; } .yellow-text.text-darken-2 { color: #fbc02d !important; } .yellow.darken-3 { background-color: #f9a825 !important; } .yellow-text.text-darken-3 { color: #f9a825 !important; } .yellow.darken-4 { background-color: #f57f17 !important; } .yellow-text.text-darken-4 { color: #f57f17 !important; } .yellow.accent-1 { background-color: #ffff8d !important; } .yellow-text.text-accent-1 { color: #ffff8d !important; } .yellow.accent-2 { background-color: #ffff00 !important; } .yellow-text.text-accent-2 { color: #ffff00 !important; } .yellow.accent-3 { background-color: #ffea00 !important; } .yellow-text.text-accent-3 { color: #ffea00 !important; } .yellow.accent-4 { background-color: #ffd600 !important; } .yellow-text.text-accent-4 { color: #ffd600 !important; } .amber.lighten-5 { background-color: #fff8e1 !important; } .amber-text.text-lighten-5 { color: #fff8e1 !important; } .amber.lighten-4 { background-color: #ffecb3 !important; } .amber-text.text-lighten-4 { color: #ffecb3 !important; } .amber.lighten-3 { background-color: #ffe082 !important; } .amber-text.text-lighten-3 { color: #ffe082 !important; } .amber.lighten-2 { background-color: #ffd54f !important; } .amber-text.text-lighten-2 { color: #ffd54f !important; } .amber.lighten-1 { background-color: #ffca28 !important; } .amber-text.text-lighten-1 { color: #ffca28 !important; } .amber { background-color: #ffc107 !important; } .amber-text { color: #ffc107 !important; } .amber.darken-1 { background-color: #ffb300 !important; } .amber-text.text-darken-1 { color: #ffb300 !important; } .amber.darken-2 { background-color: #ffa000 !important; } .amber-text.text-darken-2 { color: #ffa000 !important; } .amber.darken-3 { background-color: #ff8f00 !important; } .amber-text.text-darken-3 { color: #ff8f00 !important; } .amber.darken-4 { background-color: #ff6f00 !important; } .amber-text.text-darken-4 { color: #ff6f00 !important; } .amber.accent-1 { background-color: #ffe57f !important; } .amber-text.text-accent-1 { color: #ffe57f !important; } .amber.accent-2 { background-color: #ffd740 !important; } .amber-text.text-accent-2 { color: #ffd740 !important; } .amber.accent-3 { background-color: #ffc400 !important; } .amber-text.text-accent-3 { color: #ffc400 !important; } .amber.accent-4 { background-color: #ffab00 !important; } .amber-text.text-accent-4 { color: #ffab00 !important; } .orange.lighten-5 { background-color: #fff3e0 !important; } .orange-text.text-lighten-5 { color: #fff3e0 !important; } .orange.lighten-4 { background-color: #ffe0b2 !important; } .orange-text.text-lighten-4 { color: #ffe0b2 !important; } .orange.lighten-3 { background-color: #ffcc80 !important; } .orange-text.text-lighten-3 { color: #ffcc80 !important; } .orange.lighten-2 { background-color: #ffb74d !important; } .orange-text.text-lighten-2 { color: #ffb74d !important; } .orange.lighten-1 { background-color: #ffa726 !important; } .orange-text.text-lighten-1 { color: #ffa726 !important; } .orange { background-color: #ff9800 !important; } .orange-text { color: #ff9800 !important; } .orange.darken-1 { background-color: #fb8c00 !important; } .orange-text.text-darken-1 { color: #fb8c00 !important; } .orange.darken-2 { background-color: #f57c00 !important; } .orange-text.text-darken-2 { color: #f57c00 !important; } .orange.darken-3 { background-color: #ef6c00 !important; } .orange-text.text-darken-3 { color: #ef6c00 !important; } .orange.darken-4 { background-color: #e65100 !important; } .orange-text.text-darken-4 { color: #e65100 !important; } .orange.accent-1 { background-color: #ffd180 !important; } .orange-text.text-accent-1 { color: #ffd180 !important; } .orange.accent-2 { background-color: #ffab40 !important; } .orange-text.text-accent-2 { color: #ffab40 !important; } .orange.accent-3 { background-color: #ff9100 !important; } .orange-text.text-accent-3 { color: #ff9100 !important; } .orange.accent-4 { background-color: #ff6d00 !important; } .orange-text.text-accent-4 { color: #ff6d00 !important; } .deep-orange.lighten-5 { background-color: #fbe9e7 !important; } .deep-orange-text.text-lighten-5 { color: #fbe9e7 !important; } .deep-orange.lighten-4 { background-color: #ffccbc !important; } .deep-orange-text.text-lighten-4 { color: #ffccbc !important; } .deep-orange.lighten-3 { background-color: #ffab91 !important; } .deep-orange-text.text-lighten-3 { color: #ffab91 !important; } .deep-orange.lighten-2 { background-color: #ff8a65 !important; } .deep-orange-text.text-lighten-2 { color: #ff8a65 !important; } .deep-orange.lighten-1 { background-color: #ff7043 !important; } .deep-orange-text.text-lighten-1 { color: #ff7043 !important; } .deep-orange { background-color: #ff5722 !important; } .deep-orange-text { color: #ff5722 !important; } .deep-orange.darken-1 { background-color: #f4511e !important; } .deep-orange-text.text-darken-1 { color: #f4511e !important; } .deep-orange.darken-2 { background-color: #e64a19 !important; } .deep-orange-text.text-darken-2 { color: #e64a19 !important; } .deep-orange.darken-3 { background-color: #d84315 !important; } .deep-orange-text.text-darken-3 { color: #d84315 !important; } .deep-orange.darken-4 { background-color: #bf360c !important; } .deep-orange-text.text-darken-4 { color: #bf360c !important; } .deep-orange.accent-1 { background-color: #ff9e80 !important; } .deep-orange-text.text-accent-1 { color: #ff9e80 !important; } .deep-orange.accent-2 { background-color: #ff6e40 !important; } .deep-orange-text.text-accent-2 { color: #ff6e40 !important; } .deep-orange.accent-3 { background-color: #ff3d00 !important; } .deep-orange-text.text-accent-3 { color: #ff3d00 !important; } .deep-orange.accent-4 { background-color: #dd2c00 !important; } .deep-orange-text.text-accent-4 { color: #dd2c00 !important; } .brown.lighten-5 { background-color: #efebe9 !important; } .brown-text.text-lighten-5 { color: #efebe9 !important; } .brown.lighten-4 { background-color: #d7ccc8 !important; } .brown-text.text-lighten-4 { color: #d7ccc8 !important; } .brown.lighten-3 { background-color: #bcaaa4 !important; } .brown-text.text-lighten-3 { color: #bcaaa4 !important; } .brown.lighten-2 { background-color: #a1887f !important; } .brown-text.text-lighten-2 { color: #a1887f !important; } .brown.lighten-1 { background-color: #8d6e63 !important; } .brown-text.text-lighten-1 { color: #8d6e63 !important; } .brown { background-color: #795548 !important; } .brown-text { color: #795548 !important; } .brown.darken-1 { background-color: #6d4c41 !important; } .brown-text.text-darken-1 { color: #6d4c41 !important; } .brown.darken-2 { background-color: #5d4037 !important; } .brown-text.text-darken-2 { color: #5d4037 !important; } .brown.darken-3 { background-color: #4e342e !important; } .brown-text.text-darken-3 { color: #4e342e !important; } .brown.darken-4 { background-color: #3e2723 !important; } .brown-text.text-darken-4 { color: #3e2723 !important; } .blue-grey.lighten-5 { background-color: #eceff1 !important; } .blue-grey-text.text-lighten-5 { color: #eceff1 !important; } .blue-grey.lighten-4 { background-color: #cfd8dc !important; } .blue-grey-text.text-lighten-4 { color: #cfd8dc !important; } .blue-grey.lighten-3 { background-color: #b0bec5 !important; } .blue-grey-text.text-lighten-3 { color: #b0bec5 !important; } .blue-grey.lighten-2 { background-color: #90a4ae !important; } .blue-grey-text.text-lighten-2 { color: #90a4ae !important; } .blue-grey.lighten-1 { background-color: #78909c !important; } .blue-grey-text.text-lighten-1 { color: #78909c !important; } .blue-grey { background-color: #607d8b !important; } .blue-grey-text { color: #607d8b !important; } .blue-grey.darken-1 { background-color: #546e7a !important; } .blue-grey-text.text-darken-1 { color: #546e7a !important; } .blue-grey.darken-2 { background-color: #455a64 !important; } .blue-grey-text.text-darken-2 { color: #455a64 !important; } .blue-grey.darken-3 { background-color: #37474f !important; } .blue-grey-text.text-darken-3 { color: #37474f !important; } .blue-grey.darken-4 { background-color: #263238 !important; } .blue-grey-text.text-darken-4 { color: #263238 !important; } .grey.lighten-7 { background-color: #ebedef !important; } .grey-text.text-lighten-7 { color: #ebedef !important; } .grey.lighten-6 { background-color: #f2f4f5 !important; } .grey-text.text-lighten-6 { color: #f2f4f5 !important; } .grey.lighten-5 { background-color: #fafafa !important; } .grey-text.text-lighten-5 { color: #fafafa !important; } .grey.lighten-4 { background-color: #f5f5f5 !important; } .grey-text.text-lighten-4 { color: #f5f5f5 !important; } .grey.lighten-3 { background-color: #eeeeee !important; } .grey-text.text-lighten-3 { color: #eeeeee !important; } .grey.lighten-2 { background-color: #e0e0e0 !important; } .grey-text.text-lighten-2 { color: #e0e0e0 !important; } .grey.lighten-1 { background-color: #bdbdbd !important; } .grey-text.text-lighten-1 { color: #bdbdbd !important; } .grey { background-color: #9e9e9e !important; } .grey-text { color: #9e9e9e !important; } .grey.darken-1 { background-color: #757575 !important; } .grey-text.text-darken-1 { color: #757575 !important; } .grey.darken-2 { background-color: #616161 !important; } .grey-text.text-darken-2 { color: #616161 !important; } .grey.darken-3 { background-color: #424242 !important; } .grey-text.text-darken-3 { color: #424242 !important; } .grey.darken-4 { background-color: #212121 !important; } .grey-text.text-darken-4 { color: #212121 !important; } .grey.link-hover { background-color: #999999 !important; } .grey-text.text-link-hover { color: #999999 !important; } .grey.darken-5 { background-color: #333333 !important; } .grey-text.text-darken-5 { color: #333333 !important; } .grey.butler { background-color: #A48D5F !important; } .grey-text.text-butler { color: #A48D5F !important; } .shades.black { background-color: #000000 !important; } .shades-text.text-black { color: #000000 !important; } .shades.white { background-color: #FFFFFF !important; } .shades-text.text-white { color: #FFFFFF !important; } .shades.transparent { background-color: transparent !important; } .shades-text.text-transparent { color: transparent !important; } .black { background-color: #000000 !important; } .black-text { color: #000000 !important; } .white { background-color: #FFFFFF !important; } .white-text { color: #FFFFFF !important; } .transparent { background-color: transparent !important; } .transparent-text { color: transparent !important; } .danger-color { background-color: #ff4444 !important; } .danger-color-dark { background-color: #CC0000 !important; } .warning-color { background-color: #ffbb33 !important; } .warning-color-dark { background-color: #FF8800 !important; } .success-color { background-color: #00C851 !important; } .success-color-dark { background-color: #007E33 !important; } .info-color { background-color: #33b5e5 !important; } .info-color-dark { background-color: #0099CC !important; } .default-color { background-color: #2BBBAD !important; } .default-color-dark { background-color: #00695c !important; } .primary-color { background-color: #00b2eb !important; } .primary-color-dark { background-color: #0d47a1 !important; } .secondary-color { background-color: #aa66cc !important; } .secondary-color-dark { background-color: #9933CC !important; } .elegant-color { background-color: #2E2E2E !important; } .elegant-color-dark { background-color: #212121 !important; } .stylish-color { background-color: #4B515D !important; } .stylish-color-dark { background-color: #3E4551 !important; } .special-color { background-color: #37474F !important; } .special-color-dark { background-color: #263238 !important; } .unique-color { background-color: #3F729B !important; } .unique-color-dark { background-color: #1C2331 !important; } .title-text-dark, .diving h3, .diving .panel-title, .diving .corporate-content .headertext, .corporate-content .diving .headertext, .date-picker-wrapper .month-wrapper .month-name, #parentEl .date-picker-wrapper .month-name { color: #072143; } .rgba-blue-light { background-color: rgba(3, 169, 244, 0.3); } .rgba-red-light { background-color: rgba(244, 67, 54, 0.3); } .rgba-pink-light { background-color: rgba(233, 30, 99, 0.3); } .rgba-purple-light { background-color: rgba(156, 39, 176, 0.3); } .rgba-indigo-light { background-color: rgba(63, 81, 181, 0.3); } .rgba-cyan-light { background-color: rgba(0, 188, 212, 0.3); } .rgba-teal-light { background-color: rgba(0, 150, 136, 0.3); } .rgba-green-light { background-color: rgba(76, 175, 80, 0.3); } .rgba-lime-light { background-color: rgba(205, 220, 57, 0.3); } .rgba-yellow-light { background-color: rgba(255, 235, 59, 0.3); } .rgba-orange-light { background-color: rgba(255, 152, 0, 0.3); } .rgba-brown-light { background-color: rgba(121, 85, 72, 0.3); } .rgba-grey-light { background-color: rgba(158, 158, 158, 0.3); } .rgba-bluegrey-light { background-color: rgba(96, 125, 139, 0.3); } .rgba-black-light { background-color: #082243; } .rgba-stylish-light { background-color: rgba(62, 69, 81, 0.3); } .rgba-white-light { background-color: rgba(255, 255, 255, 0.3); } .rgba-blue-strong { background-color: rgba(3, 169, 244, 0.7); } .rgba-red-strong { background-color: rgba(244, 67, 54, 0.7); } .rgba-pink-strong { background-color: rgba(233, 30, 99, 0.7); } .rgba-purple-strong { background-color: rgba(156, 39, 176, 0.7); } .rgba-indigo-strong { background-color: rgba(63, 81, 181, 0.7); } .rgba-cyan-strong { background-color: rgba(0, 188, 212, 0.7); } .rgba-teal-strong { background-color: rgba(0, 150, 136, 0.7); } .rgba-green-strong { background-color: rgba(76, 175, 80, 0.7); } .rgba-lime-strong { background-color: rgba(205, 220, 57, 0.7); } .rgba-yellow-strong { background-color: rgba(255, 235, 59, 0.7); } .rgba-orange-strong { background-color: rgba(255, 152, 0, 0.7); } .rgba-brown-strong { background-color: rgba(121, 85, 72, 0.7); } .rgba-grey-strong { background-color: rgba(158, 158, 158, 0.7); } .rgba-bluegrey-strong { background-color: rgba(96, 125, 139, 0.7); } .rgba-black-strong { background-color: rgba(0, 0, 0, 0.7); } .rgba-stylish-strong { background-color: rgba(62, 69, 81, 0.7); } .rgba-white-strong { background-color: rgba(255, 255, 255, 0.7); } .rgba-blue-slight { background-color: rgba(3, 169, 244, 0.1); } .rgba-red-slight { background-color: rgba(244, 67, 54, 0.1); } .rgba-pink-slight { background-color: rgba(233, 30, 99, 0.1); } .rgba-purple-slight { background-color: rgba(156, 39, 176, 0.1); } .rgba-indigo-slight { background-color: rgba(63, 81, 181, 0.1); } .rgba-cyan-slight { background-color: rgba(0, 188, 212, 0.1); } .rgba-teal-slight { background-color: rgba(0, 150, 136, 0.1); } .rgba-green-slight { background-color: rgba(76, 175, 80, 0.1); } .rgba-lime-slight { background-color: rgba(205, 220, 57, 0.1); } .rgba-yellow-slight { background-color: rgba(255, 235, 59, 0.1); } .rgba-orange-slight { background-color: rgba(255, 152, 0, 0.1); } .rgba-brown-slight { background-color: rgba(121, 85, 72, 0.1); } .rgba-grey-slight { background-color: rgba(158, 158, 158, 0.1); } .rgba-bluegrey-slight { background-color: rgba(96, 125, 139, 0.1); } .rgba-black-slight { background-color: rgba(0, 0, 0, 0.1); } .rgba-stylish-slight { background-color: rgba(62, 69, 81, 0.1); } .rgba-white-slight { background-color: rgba(255, 255, 255, 0.1); } /********************* Variables **********************/ /*** Tooltip ***/ /* ANIMATION */ /*** Colors ***/ /*** Badges ***/ /*** Buttons ***/ /*** Cards ***/ /*$card-link-color: color("orange", "accent-2") !default; $card-link-color-light: lighten($card-link-color, 20%) !default;*/ /*** Collapsible ***/ /*** Dropdown ***/ /*** Fonts ***/ /*** Forms ***/ /*** Global ***/ /*** Navbar ***/ /*** SideNav ***/ /*** Photo Slider ***/ /*** Tabs ***/ /*** Tables ***/ /*** Toasts ***/ /*** Typography ***/ /* rgba(0, 0, 0, 0.87) !default;*/ /* $h1-fontsize: 4.2rem !default; $h1-fontsize: 3.56rem !default; $h2-fontsize: 2.92rem !default; $h3-fontsize: 2.28rem !default; $h4-fontsize: 1.64rem !default; $h5-fontsize: 1rem !default;*/ /*** Collections ***/ /* Progress Bar */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: arial, sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ /* figure { margin: 1em 40px; } */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } a:active, a:hover { outline-width: 0; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: arial, sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template, [hidden] { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ /********************* General classes **********************/ .ribbon { position: absolute; left: 0px; top: 0px; z-index: 1; overflow: hidden; width: 80px; height: 80px; text-align: right; } .ribbon span { font-size: 18px; font-weight: bold; letter-spacing: 0.1em; color: #FFF; text-align: center; line-height: 30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 105px; display: block; background: #FB30A3; background: linear-gradient(#FB30A3 0%, #fb30a3 100%); box-shadow: 0 3px 10px -5px black; position: absolute; top: 12px; left: -26px; } body { font-family: "Roboto", arial, sans-serif; overflow: auto !important; color: #666666; /*font-weight:300;*/ font-size: 16px; } body.modal-open { overflow: hidden !important; } body.full { height: 100%; overflow: hidden !important; } .full-menu { height: 400px; overflow-y: auto; border-top: 1px solid #dedede; position: relative; top: 0; } *:focus { outline: none; } .wide { max-width: 1300px; margin: auto; width: 80%; } [class^="icon-"], [class*=" icon-"] { vertical-align: middle; } .txt-angle-right { position: relative; left: 3px; display: inline-block; } /*.img-responsive {width:100%;}*/ img { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none; } .wifi-free { position: absolute; right: 10px; top: 15px; z-index: 9; } .wifi-free .icon-free-wifi { font-size: 32px; color: #fff; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .padding-top-50 { padding-top: 50px; } .no-padding-bottom { padding-bottom: 0 !important; } .relative { position: relative; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20, .diving ul, .diving h3, .diving .panel-title, .diving .corporate-content .headertext, .corporate-content .diving .headertext { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-85 { margin-bottom: 85px; } .brandlogo { max-width: 103px; } .brandlogosolnew { max-width: 75px; } .brandlogotrypnew { max-width: 50px; } span.badge-md { min-width: 3rem; padding: 0 6px; text-align: center; font-size: 1rem; line-height: inherit; color: #757575; position: absolute; right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } span.badge-md.new { font-weight: 300; font-size: 0.8rem; color: #fff; background-color: #00b2eb; border-radius: 2px; } span.badge-md.new:after { content: " new"; } .titular { color: #072244; } a, .hidden-link, span[data-toggle="modal"] { color: #2266bb; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; /*&.titular{ color: $dark-color; }*/ /*&[adultsonly="1"]:after{ content:" (+18)"; }*/ } a:hover, a:focus, .hidden-link:hover, .hidden-link:focus, span[data-toggle="modal"]:hover, span[data-toggle="modal"]:focus { text-decoration: none; color: #999999; cursor: pointer; } a.invert, .hidden-link.invert, span[data-toggle="modal"].invert { color: #666666; } a.invert:hover, a.invert:focus, .hidden-link.invert:hover, .hidden-link.invert:focus, span[data-toggle="modal"].invert:hover, span[data-toggle="modal"].invert:focus { color: #2266bb; } a.awhite, .hidden-link.awhite, span[data-toggle="modal"].awhite { color: #fff; } a.awhite:hover, a.awhite:focus, .hidden-link.awhite:hover, .hidden-link.awhite:focus, span[data-toggle="modal"].awhite:hover, span[data-toggle="modal"].awhite:focus { color: #2266bb; } a[data-toggle="collapse"]:focus, a[data-toggle="collapse"]:visited, a[data-toggle="collapse"]:active, .hidden-link[data-toggle="collapse"]:focus, .hidden-link[data-toggle="collapse"]:visited, .hidden-link[data-toggle="collapse"]:active, span[data-toggle="modal"][data-toggle="collapse"]:focus, span[data-toggle="modal"][data-toggle="collapse"]:visited, span[data-toggle="modal"][data-toggle="collapse"]:active { color: #2266bb; } a.default, .hidden-link.default, span[data-toggle="modal"].default { color: #2266bb; } a.default:hover, a.default:focus, .hidden-link.default:hover, .hidden-link.default:focus, span[data-toggle="modal"].default:hover, span[data-toggle="modal"].default:focus { text-decoration: none; color: #999999; } a.titular { color: #072244; } a.titular:hover, a.titular:focus { color: #2266bb; } .read-more, .nomHot { cursor: pointer; } a.more-info { font-size: 14px; } a.more-info i { font-size: 18px !important; } ul { padding: 0; list-style-type: none; /*line-height: 2rem;*/ } ul li { list-style-type: none; } ul.style-check li span { float: left; width: 90%; } ul.style-check li:before { font-family: 'mc2016-1' !important; content: "\e904"; margin-right: 3%; float: left; line-height: 1.5; } ul.blue-check li:before { color: #2266bb; } ul.default-style, ul.list-guia, .diving ul { clear: both; } ul.default-style li span, ul.list-guia li span, .diving ul li span { float: left; width: 90%; } ul.default-style li:before, ul.list-guia li:before, .diving ul li:before { /*content:"•";*/ content: "-"; margin-right: 10px; float: left; clear: left; line-height: 1.5; } ul.list-ventajas { margin: 0px 10px 10px 10px; padding-bottom: 19px; border-bottom: 1px solid #dedede; margin-bottom: 10px; width: 100%; float: left; clear: both; } ul.list-ventajas li { display: block; width: 100%; font-family: "Montserrat", "Roboto", arial, sans-serif; text-transform: uppercase; font-size: 12px; line-height: 2rem; } ul.list-ventajas li:before { font-family: 'mc2016-1'; content: "\e904"; color: #072244; font-size: 1.8em; vertical-align: middle; margin-right: 5px; } i { line-height: inherit; } i.left { float: left; margin-right: 10px; } i.right { float: right; margin-left: 10px; } i.tiny { font-size: 1rem; } i.small { font-size: 2rem; } i.medium { font-size: 4rem; } i.large { font-size: 6rem; } .collection { margin: 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: #00b2eb; color: white; } .collection a.collection-item { display: block; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; -ms-transition: 0.25s; transition: 0.25s; color: #00b2eb; } .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: #00b2eb; } .label { border-radius: 0; color: #666666; } span.adults_only { font-size: 12px; color: #999999; } .from { font-size: 12px; position: relative; /*top:2px;*/ display: inline-block !important; } .price { font-size: 1.6rem; color: #b95010; position: relative; /*top:4px;*/ display: inline-block !important; font-weight: 500; } .price-before { font-size: 18px; text-decoration: line-through; } p.intro-1 { font-size: 16px; line-height: 1.6; } p.p16 { font-size: 16px; } p.p14 { font-size: 14px; } p.p24 { font-size: 24px; } p.p18 { font-size: 18px; } footer .link-section { padding-bottom: 20px; } footer .footer-content { padding: 2em; } footer .footer-copyright { overflow: hidden; height: 50px; line-height: 25px; color: #b6b6b6; font-size: 12px; font-weight: 200; } footer .footer-copyright a, footer .footer-copyright .hidden-link { color: #b6b6b6; font-size: 12px; font-weight: 200; } footer .footer-copyright a:hover, footer .footer-copyright .hidden-link:hover { text-decoration: underline; } footer .column-title { text-transform: uppercase; margin-top: 15px; font-size: 16px; font-weight: 400; } footer a, footer .hidden-link { font-size: 14px; line-height: 25px; /*color: #88898B;*/ color: #666666; } footer .social-section { padding-top: 15px; padding-bottom: 15px; text-align: center; } footer .call-to-action { text-align: center; padding-bottom: 1.5rem; padding-top: 1.5rem; } footer .call-to-action ul { margin-bottom: 0; } footer .bordered { border-bottom: 1px solid rgba(158, 158, 158, 0.7); } footer .padd-bott { padding-bottom: 30px; } footer .pad-top { padding-top: 30px; } .img-100 { max-width: 100%; } .bg { background-color: #f6f6f6; } .bg-white { background-color: #ffffff !important; } .bgpueblo { background-color: #effafc; } .border-left { border-left: 1px solid #dedede; } .border-right { border-right: 1px solid #dedede; } .item-news { padding: 30px; } .item-news h3, .item-news .panel-title, .item-news .corporate-content .headertext, .corporate-content .item-news .headertext, .item-news .span-h3 { font-size: 1.3rem; line-height: 1.2; } .news h2 { margin-bottom: 0; line-height: 1.2; font-size: 1.6rem; } .verticaly-center { transform: translateY(50%); } .alert { border-radius: 0; display: table; } .alert h4 { font-weight: 400; } .alert a { color: #2266bb; } .alert a:hover { color: #999999; } .alert .alert-success-icon { background-color: #00c853; width: 50px; height: 50px; border-radius: 50px; } .alert .alert-success-icon:before { font-family: mc2016-1; content: "\e904"; color: #fff; font-size: 30px; position: relative; top: 3px; left: 9px; font-weight: 600; } .alert .alert-danger-icon { width: 0; height: 0; border-style: solid; border-width: 0 25px 43.3px 25px; border-color: transparent transparent #ff0000 transparent; } .alert .alert-danger-icon:before { content: "!"; color: #fff; font-size: 35px; position: relative; top: 2px; left: -6px; font-family: serif; } .alert .alert-warning-icon { background-color: #FF5722; width: 50px; height: 50px; border-radius: 50px; } .alert .alert-warning-icon:before { content: "i"; color: #fff; font-size: 35px; position: relative; top: 0px; left: 40%; } .ui-datepicker { background-color: #f6f6f6; border-radius: 0; font-family: "Montserrat", "Roboto", arial, sans-serif; color: #666666; } .ui-datepicker .ui-widget-header { color: inherit; } .ui-datepicker .ui-datepicker-header { background: none; background-color: white; border: none; border-bottom: 1px solid #dedede; border-radius: 0 !important; } .ui-datepicker .ui-datepicker-calendar { background-color: white; } .ui-datepicker table th { text-transform: uppercase; color: #666666; min-width: 100%; } .ui-datepicker table td { min-width: 100%; } .ui-datepicker table td a { text-align: center; } .ui-datepicker .ui-state-default { border: none; background: white; font-weight: normal; color: #2266bb; } .ui-datepicker .ui-state-highlight { border: 1px solid #2266bb; background: white; color: #2266bb; } .ui-datepicker .ui-state-hover { color: #2266bb; background: white; } .ui-datepicker select { color: #072244; font-family: "Montserrat", "Roboto", arial, sans-serif; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { border: none; border-radius: 0; } .ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon, .ui-datepicker .ui-datepicker-prev-hover .ui-icon, .ui-datepicker .ui-datepicker-next-hover .ui-icon { background: none; font-family: "mc2016-1"; text-indent: 0; height: 22px; } .ui-datepicker .ui-datepicker-prev .ui-icon:before { content: "\e912"; text-indent: 0; color: #2266bb; } .ui-datepicker .ui-datepicker-next .ui-icon:before { content: "\e911"; text-indent: 0; color: #2266bb; } /*MAP POPUP*/ .ol-popup { position: absolute; background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); padding: 15px; border-radius: 10px; border: 1px solid #cccccc; bottom: 12px; left: -50px; min-width: 280px; } .ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ol-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px; } .ol-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px; } .ol-popup-closer { text-decoration: none; position: absolute; top: 2px; right: 8px; } .ol-popup-closer:after { content: "✖"; } /**/ @media only screen and (max-width: 768px) { footer .column-title { margin-top: 2em; } .border-left { border: none; padding-top: 20px; border-top: 1px solid #dedede; } .verticaly-center { transform: translateY(0); } .verticaly-center h2 { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .border-left { border: none; border-top: 1px solid #dedede; } .border-right { border: none; border-bottom: 1px solid #dedede; } } .gallery { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .show-loader:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; background-color: #072244; opacity: 0.4; z-index: 9999; width: 100%; height: 100%; } .ajloader { z-index: 22; background-color: #fff; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .modal-dialog .modal-body .ajloader { height: 200px; position: relative; top: 0; transform: translateY(0); } .ajax-loader { position: relative; } .ajax-loader span { position: absolute; z-index: 1; color: #666666; top: 8em; left: 46%; } .loader { margin: 90px auto !important; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(34, 102, 187, 0.2); border-right: 1.1em solid rgba(34, 102, 187, 0.2); border-bottom: 1.1em solid rgba(34, 102, 187, 0.2); border-left: 1.1em solid #2266bb; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; overflow: -moz-hidden-unscrollable; width: 100%; text-align: center; background-color: transparent; } .loader, .loader:after { border-radius: 50%; width: 10em !important; height: 10em !important; padding: 0 !important; min-height: 100% !important; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .modal-content { border-radius: 2px; overflow: hidden; background-color: #072244; box-shadow: unset; border: 0px; } .modal-content .close { font-family: "Montserrate Light"; position: absolute; z-index: 2; right: 10px; top: 5px; font-size: 3em; opacity: 1; font-weight: 300; } .modal-content.bg-white .modal-header { padding: 15px; border-bottom: 1px solid #dedede; } .modal-content.bg-white .modal-header .close { color: #666666; } .modal-content .modal-header { border: 0px; padding: 0px; } .modal-content .modal-header .close { font-size: 3rem; font-weight: 300; text-shadow: 0; opacity: 1; color: #ffffff; } .modal-content h2 { color: #ffffff; margin: 2rem 0 2rem 2rem; } .modal-content .modal-body { padding-bottom: 0; } .modal-backdrop { background-color: #072244; } .modal-backdrop.in { opacity: 0.9; } @media (min-width: 1262px) { .modal-xlg { width: 1170px; } } /** * Shifting bacground fix */ body.modal-open { overflow: inherit; padding-right: 0 !important; } /*tab panels, estaba en _dirHotels*/ /*.tab-content{ .tab-pane{ padding-top:30px; padding-bottom:100px; } }*/ /********************* Buttons **********************/ .fixed-action-btn { position: fixed; } .btn-flat { background-color: transparent; position: relative; padding: 8px 30px; border: none; margin: 10px; text-transform: uppercase; text-decoration: none; outline: none !important; color: #fff !important; } .btn-flat:focus { background-color: transparent; } .btn-flat-go:after { content: ""; background-color: #072244; opacity: 0.35; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .btn-flat-go:hover, .btn-flat-gofocus { background-color: #2266bb; opacity: 1; } .btn-zoom { z-index: 2; position: absolute; right: 0px; bottom: 0px; margin: 0px; padding: 10px; background-color: #072244; opacity: 0.7; cursor: pointer; } .btn-zoom .icon-camara { color: #fff; font-size: 30px; line-height: 1; } .btn-youtube { z-index: 2; position: absolute; right: 0px; bottom: 0px; margin: 0px; background-color: transparent; left: 50%; top: 50%; transform: translate(-50%, -50%); } .btn { font-family: "Montserrat", "Roboto", arial, sans-serif; line-height: 31px; position: relative; padding: 5px 22px; border: 0; margin: 10px; cursor: pointer; border-radius: 0px; text-transform: uppercase; text-decoration: none; outline: none !important; font-weight: 300; white-space: normal; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; } .btn:hover .txt-angle-right { transform: translateX(7px); } .btn.btn-block { margin: 10px 0; } .btn.dropdown-toggle { font-family: "Roboto", sans-serif; margin: 0; border: 1px solid #dedede; width: 100%; text-align: left; padding: 0; text-indent: 10px; text-transform: none; background-color: #f5f5f5; } .btn.dropdown-toggle .caret { position: absolute; right: 10px; top: 48%; } .btn i, .btn-flat i { font-size: 1.3rem; line-height: inherit; } /*.open > .dropdown-toggle.btn { //.variations(, background-color, $btn-default); }*/ .btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; background-color: #aa66cc; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle; margin: 10px; /*&:hover { @extend .z-depth-1-half; }*/ } .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 37px; } .btn-floating:before { border-radius: 0; } .btn-floating.btn-large { width: 55.5px; height: 55.5px; opacity: 0.6; } .btn-floating.btn-large i { line-height: 55.5px; } .btn-floating.btn-small { height: 47px; width: 47px; line-height: 0; } .btn-floating.btn-small .fa, .btn-floating.btn-small .material-icons { font-size: 18px; margin-top: 5px; } button.btn-floating { border: none; } .btn .badge { margin-left: 7px; } .btn-transparent-menu { background: transparent; color: #2266bb; border: 1px solid #2266bb; transition: all 0.3s linear; } .btn-transparent-menu i { padding-left: 5px; } .btn-transparent-menu:hover, .btn-transparent-menu:focus { /*background-color: $dark-color; color: #fff!important; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce; border-top:1px solid $dark-color; border-left:1px solid $dark-color; */ background-color: #2266bb; color: #fff !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-transparent { background: transparent; color: #2266bb; border: 1px solid #2266bb; transition: all 0.3s linear; } .btn-transparent i { padding-left: 5px; } .btn-transparent:hover, .btn-transparent:focus { /*background-color: $dark-color; color: #fff!important; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce; border-top:1px solid $dark-color; border-left:1px solid $dark-color; */ background-color: #2266bb; color: #fff !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-default { color: #2266bb; background: #fff; border: 1px solid #2266bb; transition: all 0.3s linear; } .btn-default:hover, .btn-default:focus { background-color: #2266bb; color: #fff !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-primary { background: #2266bb; border: 1px solid #2266bb; } .btn-primary:hover, .btn-primary:focus { /*background-color: $dark-color; color: #fff; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce;*/ background-color: #fff; color: #2266bb !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-primary-butler { background: #5a5a5a; border: 1px solid #5a5a5a; color: #fff; } .btn-primary-butler:hover, .btn-primary-butler:focus { /*background-color: $dark-color; color: #fff; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce;*/ background-color: #fff; color: #5a5a5a !important; border-right: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; border-top: 1px solid #5a5a5a; border-left: 1px solid #5a5a5a; } .btn-primary-transparent { background: transparent; color: #fff; border: 1px solid #fff; transition: all 0.3s linear; } .btn-primary-transparent i { padding-left: 5px; } .btn-primary-transparent:hover, .btn-primary-transparent:focus { /*background-color: $primary-color; color: #fff!important; border:1px solid $border-color;*/ background-color: #2266bb; color: #fff !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; opacity: 1; } .btn-primary-ppal { background: #2266bb; border: 1px solid #2266bb; } .btn-primary-ppal:hover, .btn-primary-ppal:focus { /*background-color: $dark-color; color: #fff; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce;*/ background-color: #fff; color: #2266bb !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-white-black { background: #fff; border: 1px solid #fff; color: #000; font-weight: 400; padding: 10px 40px 10px 40px; font-size: 1.3em; } .btn-white-black:hover, .btn-white-black:focus { background-color: #fff; color: #000 !important; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; } .btn-dark { background: #072244; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; } .btn-dark:hover, .btn-dark:focus { /*background-color: $btn-hover-color; color: #fff!important; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce; border-top:1px solid $btn-hover-color; border-left:1px solid $btn-hover-color;*/ background-color: #2266bb; color: #fff !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-success { background: #00C851; } .btn-success:hover, .btn-success:focus { background-color: #00d255 !important; color: #fff; } .btn-info { background: #33b5e5; } .btn-info:hover, .btn-info:focus { background-color: #4abde8 !important; color: #fff; } .btn-warning { background: #FF8800; } .btn-warning:hover, .btn-warning:focus { background-color: #ff961f !important; color: #fff; } .btn-danger { background: #CC0000; } .btn-danger:hover, .btn-danger:focus { background-color: #db0000 !important; color: #fff; } .btn-link { background-color: transparent; color: #000; } .btn-link:hover { background-color: transparent; } .btn-link:focus { background-color: transparent; } .btn-gray { background: #999999; border: 1px solid #999999; color: #fff; } .btn-gray:hover, .btn-gray:focus { /*background-color: $dark-color; color: #fff; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce;*/ background-color: #fff; color: #2266bb !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; } .btn-login-agent { background: #ea7f53; border: 1px solid #ea7f53; color: #fff; } .btn-login-agent:hover, .btn-login-agent:focus { /*background-color: $dark-color; color: #fff; border-right:1px solid #abbcce; border-bottom: 1px solid #abbcce;*/ background-color: #fff; color: #ea7f53 !important; border-right: 1px solid #ea7f53; border-bottom: 1px solid #ea7f53; border-top: 1px solid #ea7f53; border-left: 1px solid #ea7f53; } .btn-login-agent-transparent { background: #fff; color: #ea7f53; border: 1px solid #ea7f53; transition: all 0.3s linear; } .btn-login-agent-transparent i { padding-left: 5px; } .btn-login-agent-transparent:hover, .btn-login-agent-transparent:focus { /*background-color: $primary-color; color: #fff!important; border:1px solid $border-color;*/ background-color: #ea7f53; color: #fff !important; border-right: 1px solid #ea7f53; border-bottom: 1px solid #ea7f53; border-top: 1px solid #ea7f53; border-left: 1px solid #ea7f53; opacity: 1; } .btn-xlg { padding: 12px 30px; font-size: 1.3rem; line-height: 1.3333333; } .btn-lg { padding: 10px 20px; font-size: 1.29rem; line-height: 1.3333333; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; } .btn-white { color: #fff; border-color: #fff; } /*Loadding for submit buttons*/ .m-progress { position: relative; opacity: 1; color: transparent !important; text-shadow: none !important; background-color: #2266bb; } .m-progress:hover, .m-progress:active, .m-progress:focus { background-color: #2266bb; color: transparent !important; border-right: 1px solid #2266bb; border-bottom: 1px solid #2266bb; border-top: 1px solid #2266bb; border-left: 1px solid #2266bb; cursor: default; color: transparent; outline: none !important; box-shadow: none; } .m-progress:before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #fff; border-top-color: transparent; border-bottom-color: transparent; border-radius: 50%; box-sizing: border-box; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; width: 24px; height: 24px; -webkit-animation: ld 1s ease-in-out infinite; -moz-animation: ld 1s ease-in-out infinite; -o-animation: ld 1s ease-in-out infinite; animation: ld 1s ease-in-out infinite; } .m-progress span { visibility: hidden; } @media only screen and (max-width: 768px) { .btn { font-size: 14px; } } /********************* Navbar **********************/ .navbar { border: 0; border-radius: 0; } .navbar .navbar-brand { position: relative; height: 60px; line-height: 30px; color: rgba(255, 255, 255, 0.84); } .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: rgba(255, 255, 255, 0.84); background-color: transparent; } .navbar .navbar-text { color: rgba(255, 255, 255, 0.84); margin-top: 20px; margin-bottom: 20px; } .navbar .navbar-nav > li > a { color: rgba(255, 255, 255, 0.84); padding-top: 20px; padding-bottom: 20px; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: rgba(255, 255, 255, 0.84); background-color: transparent; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { color: rgba(255, 255, 255, 0.84); background-color: rgba(0, 0, 0, 0.05); } .navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus { color: #E5E5E5; background-color: transparent; } .navbar .navbar-toggle { border-color: rgba(255, 255, 255, 0.84); } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: transparent; } .navbar .navbar-toggle .icon-bar { background-color: rgba(255, 255, 255, 0.84); } .navbar .navbar-collapse, .navbar .navbar-form { border-color: rgba(0, 0, 0, 0.1); } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { background-color: rgba(0, 0, 0, 0.05); color: rgba(255, 255, 255, 0.84); } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .dropdown-header { border: 0; color: rgba(212, 212, 212, 0.84); } .navbar .navbar-nav .open .dropdown-menu .divider { background-color: rgba(255, 255, 255, 0.84); } .navbar .navbar-nav .open .dropdown-menu > li > a { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus { color: rgba(255, 255, 255, 0.84); background-color: transparent; } .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgba(255, 255, 255, 0.84); background-color: rgba(0, 0, 0, 0.05); } .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #E5E5E5; background-color: transparent; } } .navbar .navbar-link { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-link:hover { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-link { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-link:hover, .navbar .navbar-link:focus { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-link[disabled]:hover, .navbar .navbar-link[disabled]:focus, fieldset[disabled] .navbar .navbar-link:hover, fieldset[disabled] .navbar .navbar-link:focus { color: #E5E5E5; } .navbar .navbar-form { margin-top: 0; margin-bottom: 0; } .navbar .navbar-form .form-control-wrapper .form-control, .navbar .navbar-form .form-control { border-color: rgba(255, 255, 255, 0.84); color: rgba(255, 255, 255, 0.84); } .navbar .navbar-form .form-control-wrapper .material-input:before, .navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after { background-color: rgba(255, 255, 255, 0.84); } .navbar .navbar-form ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-form :-moz-placeholder { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-form ::-moz-placeholder { color: rgba(255, 255, 255, 0.84); } .navbar .navbar-form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.84); } /*.navbar-fixed-top{ color:#fff }*/ .navbar-inverse { background-color: #5264AE; } .navbar-white { background-color: #FFF; } .navbar-white .navbar-brand, .navbar-white .navbar-brand:hover, .navbar-white .navbar-brand:focus { color: rgba(0, 0, 0, 0.84); } .navbar-white .navbar-nav > li > a { color: rgba(0, 0, 0, 0.84); } .navbar-white .navbar-nav > li > a:hover, .navbar-white .navbar-nav > li > a:focus { color: rgba(0, 0, 0, 0.84); background-color: transparent; } .navbar-white .navbar-nav > .active > a, .navbar-white .navbar-nav > .active > a:hover, .navbar-white .navbar-nav > .active > a:focus { color: rgba(0, 0, 0, 0.84); background-color: rgba(0, 0, 0, 0.05); } .navbar-white .navbar-nav > .disabled > a, .navbar-white .navbar-nav > .disabled > a:hover, .navbar-white .navbar-nav > .disabled > a:focus { color: rgba(0, 0, 0, 0.84); background-color: transparent; } .navbar-white .navbar-nav > .open > a, .navbar-white .navbar-nav > .open > a:hover, .navbar-white .navbar-nav > .open > a:focus { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.84); } @media (min-width: 767px) { .navbar-fixed-top { padding: 10px 0; background-color: transparent; -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out; transition: background .5s ease-in-out, padding .5s ease-in-out; z-index: 11; } .navbar-fixed-top .navbar-nav > li { color: #fff; font-size: 20px; transition-duration: 1s; } .top-nav-collapse { padding: 0; background-color: inherit; } .top-nav-collapse .navbar-nav > li > a { color: #fff; transition-duration: 1s; font-size: 20px; } } /********************* Shadows **********************/ .z-depth-0 { box-shadow: none !important; } .z-depth-1, .card-panel, .card, .dropdown-content { 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 { 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); } /*bottom only*/ .z-depth-6 { box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.16); } .hoverable:hover { transition: box-shadow .25s; box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19); } .t-depth-1 { text-shadow: 0px -1px 10px black; } /********************* Typography **********************/ a { text-decoration: none; } html { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: normal; color: #676767; } @media only screen and (min-width: 0) { html { font-size: 14px; } } @media only screen and (min-width: 600px) { html { font-size: 14px; } } @media only screen and (min-width: 992px) { html { font-size: 14px; } } @media only screen and (min-width: 1200px) { html { font-size: 14px; } } p { line-height: 1.5; } p.title-text-dark, .date-picker-wrapper .month-wrapper p.month-name, #parentEl .date-picker-wrapper p.month-name { font-size: 22px; margin-top: 5px; font-weight: 400; } p.trunc { display: -webkit-box; max-width: 100%; height: 120px; margin: 0 auto; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } p.untrunc { display: block; height: auto !important; overflow: visible; } h1, h2, h3, .panel-title, .corporate-content .headertext, h4, h5, .span-h2, .span-h3, .span-h4, .span-h3-big { font-weight: 300; } h1 a, h2 a, h3 a, .panel-title a, .corporate-content .headertext a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-family: "Montserrat", "Roboto", arial, sans-serif; font-size: 2.7rem; line-height: 110%; margin: 1.35rem 0 1.08rem 0; padding: 0 10px; } .span-block { display: block; } h1.special { font-size: 14px; position: absolute; font-weight: 300; top: -25px; color: #072244; } .p14 { font-size: 14px; } .p16 { font-size: 16px; } .p12 { font-size: 12px; } .prem { font-size: 2.5rem !important; } .line-90 { line-height: 90% !important; } h2, .span-h2 { font-family: "Montserrat", "Roboto", arial, sans-serif; font-size: 2rem; line-height: 110%; margin: 1rem 0 0.8rem 0; } h2.title-text-dark, .date-picker-wrapper .month-wrapper h2.month-name, #parentEl .date-picker-wrapper h2.month-name, .span-h2.title-text-dark, .diving h3.span-h2, .diving .span-h2.panel-title, .diving .corporate-content .span-h2.headertext, .corporate-content .diving .span-h2.headertext, .date-picker-wrapper .month-wrapper .span-h2.month-name, #parentEl .date-picker-wrapper .span-h2.month-name { margin-bottom: 0px; margin-top: 0px; font-weight: 400; } h2.resp-accordion, .span-h2.resp-accordion { margin: 0 !important; } h3, .panel-title, .corporate-content .headertext, .span-h3 { font-size: 1.6rem; line-height: 110%; margin: 0.8rem 0 0.64rem 0; } .span-h3-big { font-size: 1.7rem; line-height: 110%; margin: 0.8rem 0 0.64rem 0; } h4, .span-h4 { font-size: 1.375rem; line-height: 110%; margin: 0.6875rem 0 0.55rem 0; } h5 { font-size: 1.64rem; line-height: 110%; margin: 0.82rem 0 0.656rem 0; } h6 { font-family: "Montserrat", "Roboto", arial, sans-serif; font-size: 1rem; line-height: 110%; margin: 0.5rem 0 0.4rem 0; } .montserrate { font-family: "Montserrat", "Roboto", arial, sans-serif; } .roboto { font-family: "Roboto", arial, sans-serif; } .robotothin { font-family: "Robotothin", arial, sans-serif; } .robotoregular16 { font-family: "Roboto", arial, sans-serif; font-size: 16px; font-weight: 400; } em { font-style: italic; } strong { font-weight: 500; } small { font-size: 75%; } .diving h4 { background-color: #f6f6f6; } .thin-100 { font-weight: 100; } .thin-100-italic { font-weight: 100; font-style: italic; } .light-300 { font-weight: 300; } .light-300-italic { font-weight: 300; font-style: italic; } .normal-400 { font-weight: 400; } .normal-400-italic { font-weight: 400; font-style: italic; } .medium-500 { font-weight: 500; } .medium-500-italic { font-weight: 500; font-style: italic; } .bold-500 { font-weight: 500; } .bold-700 { font-weight: 700; } .bold-700-italic { font-weight: 700; font-style: italic; } .ultra-bold-900 { font-weight: 900; } .ultra-bold-900-italic { font-weight: 900; font-style: italic; } dt { font-weight: normal; } .flow-text { font-weight: 300; } @media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; } } @media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; } } @media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; } } @media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; } } @media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; } } @media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; } } @media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; } } @media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; } } @media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; } } @media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; } } @media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; } } @media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; } } @media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; } } @media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; } } @media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; } } @media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; } } @media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; } } @media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; } } @media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; } } @media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; } } @media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; } } @media only screen and (max-width: 360px) { .flow-text { font-size: 1.2rem; } } /* Responsive Headings */ @media only screen and (max-width: 480px) { .h1-responsive, .h1-offer-responsive { font-size: 1.7rem !important; } .h2-responsive { font-size: 1.6rem; } .h3-responsive { font-size: 1.5rem !important; } .h4-responsive { font-size: 1.3rem; } .h5-responsive { font-size: 1.1rem; } } /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) { .h1-responsive, .h1-offer-responsive { font-size: 2rem !important; } .h2-responsive { font-size: 1.94rem; } .h3-responsive { font-size: 1.6rem !important; } .h4-responsive { font-size: 1.4rem; } .h5-responsive { font-size: 1.2rem; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { .h1-responsive, .h1-offer-responsive { font-size: 2.5rem !important; } .h2-responsive { font-size: 2.28rem; } .h3-responsive { font-size: 1.94rem !important; } .h4-responsive { font-size: 1.4rem; } .h5-responsive { font-size: 1.15rem; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { .h1-responsive, .h1-offer-responsive { font-size: 3.56rem !important; } .h2-responsive { font-size: 2.92rem; } .h3-responsive { font-size: 2.28rem !important; } .h4-responsive { font-size: 1.64rem; } .h5-responsive { font-size: 1.2rem; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .h1-offer-responsive { font-size: 3.5rem !important; } .h1-responsive { font-size: 2.7rem !important; } .h2-responsive { font-size: 3.56rem; } .h3-responsive { font-size: 2.92rem !important; } .h4-responsive { font-size: 2.28rem; } .h5-responsive { font-size: 1.64rem; } } /********************* Cards **********************/ .card-panel { transition: box-shadow .25s; padding: 20px; margin: 0.5rem 0 1rem 0; border-radius: 2px; background-color: #fff; } .card { position: relative; overflow: hidden; margin: 0.5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; } .card .card-title { color: #fff; font-size: 24px; font-weight: 300; } .card .card-title.activator { cursor: pointer; } .card.small, .card.medium, .card.large { position: relative; } .card.small .card-image, .card.medium .card-image, .card.large .card-image { overflow: hidden; } .card.small .card-content, .card.medium .card-content, .card.large .card-content { overflow: hidden; } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0; } .card.small { height: 300px; } .card.small .card-image { height: 150px; } .card.small .card-content { height: 150px; } .card.medium { height: 400px; } .card.medium .card-image { height: 250px; } .card.medium .card-content { height: 150px; } .card.large { height: 500px; } .card.large .card-image { height: 330px; } .card.large .card-content { height: 170px; } .card .card-image { position: relative; } .card .card-image img { border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; } .card .card-image .card-title { position: absolute; bottom: 0; left: 0; padding: 20px; } .card .card-content { padding: 20px; border-radius: 0 0 2px 2px; } .card .card-content h5 { padding-bottom: 10px; border-bottom: 1px solid #eeeeee; } .card .card-content p { margin: 0; color: inherit; } .card .card-content .card-title { line-height: 48px; } .card .card-action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 20px; } .card .card-action a { color: #2266bb; margin-right: 20px; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .card .card-action a:hover { color: #999999; } .card .card-btn { border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px; margin-bottom: 10px; } .card-noborder { border: 0; box-shadow: none; background-color: transparent; margin: 50px 0px 30px 0px; } .card-noborder .card-image img { width: auto; text-align: center; } .card-noborder .card-content { padding: 20px 0 20px 0; } .card-noborder .card-content p { text-align: left; font-size: 16px; margin-top: 10px; } .card-noborder .card-action { border: none; } /*EXPERIENCIAS*/ .card-experiencias { margin-top: 70px; margin-bottom: 70px; } .card-experiencias .card { background-color: #f6f6f6; border: 0; box-shadow: none; border-radius: 0; margin-bottom: 20px; } .card-experiencias .card .card-image img { width: auto; } .card-experiencias .card .card-content { padding: 0px 0px 30px 0px; } .card-experiencias .card .card-content h3, .card-experiencias .card .card-content .panel-title, .card-experiencias .card .card-content .corporate-content .headertext, .corporate-content .card-experiencias .card .card-content .headertext { margin-top: 1.4rem; } .luxury-exp { background: #f6f6f6; } .luxury-exp .card-experiencias { margin-bottom: 0; } .luxury-exp .card-experiencias .card { position: relative; background-color: #fff; margin: 30px 0 30px 0; } .luxury-exp .card-experiencias .card .card-content { text-align: left; padding: 0px; } .luxury-exp .card-experiencias .card .card-content p { padding: 20px; } .luxury-exp .card-experiencias .card a.more { position: relative; margin-top: 20px; bottom: 20px; left: 20px; text-align: left; display: block; width: 100%; } .card-salon .card-content h2 { margin: 15px 0 15px 0; font-weight: 300; font-family: "Roboto", arial, sans-serif; } .card-salon .card-table { margin: 40px 0 40px 0; font-size: 14px; } .card-salon .card-table th[scope="row"] { text-transform: uppercase; text-align: center; font-weight: bold; } /********************* Dropdowns **********************/ .dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 999; will-change: width, height; } .dropdown-content li { clear: both; color: #676767; cursor: pointer; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; } .dropdown-content li:hover, .dropdown-content li.active { background-color: #eee; } .dropdown-content li > a, .dropdown-content li > span { font-size: 1.2rem; color: #00b2eb; display: block; padding: 1rem 1rem; } .dropdown-content li > a > i { height: inherit; line-height: inherit; } .dropdown-menu { border-radius: 0; width: 100%; } .dropdown-menu li { clear: both; cursor: pointer; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; } .dropdown-menu li > a, .dropdown-menu li > span { font-size: 1.2rem; color: #00b2eb; display: block; padding: 1rem 1rem; } .dropdown-menu li > a { font-size: 16px; color: #2266bb; } .dropdown-menu li > a > i { height: inherit; line-height: inherit; } /********************* Tooltip **********************/ .tooltip, .ui-tooltip { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: 300; background-color: #000; } .tooltip .tooltip-arrow { border-top-color: #222; margin: 1px; } .tooltip > .tooltip-inner, .ui-tooltip.ui-widget-content { background: #000; color: #FFFFFF; border: 1px solid #222; padding: 15px; font-size: 20px; border-radius: 0px; font-size: 14px; } .ui-arrow:after { background: black; border: 2px solid #000; } .ui-arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; z-index: 9999; } .ui-arrow.top { top: -16px; bottom: auto; } .ui-arrow.left { left: 20%; } .ui-arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ui-arrow.top:after { bottom: -20px; top: auto; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; } .popover { z-index: 2; color: #FFF; display: inline-block; line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: 300; max-width: 300px; padding: 8px; text-align: center; background-color: #fff; } .popover-title { background-color: #2266bb; color: #FFFFFF; border: 1px solid #dedede; padding: 15px; font-size: 20px; border-radius: 0px; } .popover-content { background-color: #fff; color: #666666; border: 1px solid #dedede; padding: 15px; font-size: 20px; border-radius: 0px; font-size: 16px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; color: #2266bb; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #2266bb; border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #2266bb; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #2266bb; border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #2266bb; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #2266bb; } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #2266bb; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #2266bb; } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #2266bb; } .mdl-tooltip { transform: scale(0); transform-origin: top center; will-change: transform; z-index: 999; background: #700; border-radius: 2px; color: #FFF; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 14px; max-width: 170px; position: fixed; top: -500px; left: -500px; padding: 8px; text-align: center; } .mdl-tooltip.is-active { animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } .mdl-tooltip--large { line-height: 14px; font-size: 2rem; padding: 16px; } @keyframes pulse { 0% { transform: scale(0); opacity: 0; } 50% { transform: scale(0.99); } 100% { transform: scale(1); opacity: 1; visibility: visible; } } /********************* Panels **********************/ .panel-default .panel-heading { background-color: transparent; border-radius: 0px; } .panel-group { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .panel-group .panel { border-radius: 0px; } .panel-group .panel + .panel { margin-top: 0px; border-top: 0px; border-bottom: 1px solid #ddd; } .panel { border-radius: 0; border: none; border-bottom: 1px solid #dedede; box-shadow: none; cursor: pointer; } .panel-title { margin: 0; font-weight: 400; } .panel-heading span { margin-top: -20px; font-size: 15px; } .panel .panel-title, .panel i { color: #2266bb; } /********************* Carousel **********************/ .carousel-caption h3:first-child, .carousel-caption .panel-title:first-child, .carousel-caption .corporate-content .headertext:first-child, .corporate-content .carousel-caption .headertext:first-child { animation-delay: 1s; } .carousel-caption h3:nth-child(2), .carousel-caption .panel-title:nth-child(2), .carousel-caption .corporate-content .headertext:nth-child(2), .corporate-content .carousel-caption .headertext:nth-child(2) { animation-delay: 2s; } .carousel-caption button { animation-delay: 3s; } .carousel-control:hover { -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; -ms-transition-duration: 400ms; transition-duration: 400ms; } .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1000ms; -moz-transition-duration: 1000ms; -o-transition-duration: 1000ms; -ms-transition-duration: 1000ms; transition-duration: 1000ms; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .icon-prev, .carousel-control .fa-angle-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .fa-angle-right { right: 50%; margin-right: -10px; } .carousel-control .fa { font-size: 50px; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-full-bg .carousel-indicators { margin-bottom: 1em; } .carousel-full-bg .carousel-caption { margin-bottom: 8em; } .carousel .carousel-indicators li { height: 20px; width: 20px; } .carousel .carousel-indicators .active { height: 20px; width: 20px; background-color: #fff; } .carousel-caption { margin-bottom: 3em; } .carousel-widget .carousel-indicators li { height: 15px; width: 15px; } .carousel-widget .carousel-indicators .active { height: 15px; width: 15px; } .new-control .fa { border-radius: 50%; width: 60px; height: 60px; background-color: #000; padding-top: 3px; } #main-carousel .carousel-caption .verticalcenter { padding: 2% 0 2% 0; } #main-carousel .carousel-caption .verticalcenter:after { content: ""; background-color: #072143; opacity: 0.50; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } @media only screen and (max-width: 600px) { .new-control .fa { border-radius: 50%; width: 33px; height: 33px; background-color: #000; padding-top: 3px; } .carousel-control .fa { font-size: 25px; } .carousel-indicators li { height: 10px; width: 10px; } .carousel-indicators .active { height: 10px; width: 10px; background-color: #fff; } .carousel .carousel-indicators li { height: 10px; width: 10px; } .carousel .carousel-indicators .active { height: 10px; width: 10px; background-color: #fff; } .carousel-caption { margin-bottom: 1em; } } .carousel-bg .carousel-caption { height: 85%; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*Loadding for submit buttons*/ @-webkit-keyframes ld { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.1); } 100% { transform: rotate(360deg) scale(1); } } @-moz-keyframes ld { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.1); } 100% { transform: rotate(360deg) scale(1); } } @-o-keyframes ld { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.1); } 100% { transform: rotate(360deg) scale(1); } } @keyframes ld { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.1); } 100% { transform: rotate(360deg) scale(1); } } /*************************** Forms basic ****************************/ ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { /* Firefox 18- */ color: #666666; } ::-moz-placeholder { /* Firefox 19+ */ color: #666666; } :-ms-input-placeholder { color: #666666; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search-md], textarea.materialize-textarea { border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 1em; margin: 0 0 15px 0; padding: 0; text-indent: 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; transition: all .3s; /*&:focus:not([readonly]) { border-bottom: 1px solid $input-focus-color; box-shadow: 0 1px 0 0 $input-focus-color; } // Focused label style &:focus:not([readonly])+label { color: $input-focus-color; } // Valid Input Style &.valid, &:focus.valid { border-bottom: 1px solid $input-success-color; box-shadow: 0 1px 0 0 $input-success-color; } // Custom Success Message &.valid + label:after, &:focus.valid + label:after { content: attr(data-success); color: $input-success-color; opacity: 1; } // Invalid Input Style &.invalid, &:focus.invalid { border-bottom: 1px solid $input-error-color; box-shadow: 0 1px 0 0 $input-error-color; } // Custom Error message &.invalid + label:after, &:focus.invalid + label:after { content: attr(data-error); color: $input-error-color; opacity: 1; } // Form Message Shared Styles & + label:after { display: block; content: ""; position: absolute; top: 65px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; }*/ } input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search-md]:disabled, input[type=search-md][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { color: #666666; } input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search-md]:disabled + label, input[type=search-md][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label { color: #666666; } select.form-control { background-image: url("../img/icons/flechita.png"); background-repeat: no-repeat; background-position: 98% 50%; -moz-appearance: none; -webkit-appearance: none; height: 2.7em; } select.form-control.open { background-image: url("../img/icons/flechita_up.png"); } optgroup[label] { font-weight: 300; color: #072244; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; font-family: "Montserrat", "Roboto", arial, sans-serif; padding: 5px 0 5px 0; } option { line-height: 1.3; color: #666666; font-family: "Roboto"; } /* select:focus { outline: 1px solid lighten($secondary-color, 47%); } button:focus { outline: none; background-color: lighten($button-color, 4%); } label { font-size: $label-font-size; color: $input-border-color; }*/ .form-group { margin-bottom: 30px; } #error { color: #a94442; } .error { border: 1px solid #a94442 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .help-block.with-errors { color: #F44336; } .form-control { border-radius: 0; background-color: #f5f5f5; font-size: 16px; height: 3em; padding: 6px; color: #666666; } .form-control:focus { background-color: #fff; box-shadow: inset 0 1px 1px rgba(250, 250, 250, 0.075), 0 0 8px rgba(250, 250, 250, 0.6); border-color: #dedede; } .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; } .input-field label.active { font-size: 0.8rem; } .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; /*@include transition(color .2s); &.active { color: $input-focus-color; }*/ } .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); } } #contactForm { padding-bottom: 20px; } #contactForm .btn[type=submit] { margin: 30px 0; width: 100%; } .input-field input[type=search-md] { display: block; line-height: inherit; padding-left: 4rem; width: calc(100% - 4rem); } .input-field input[type=search-md]:focus { background-color: #fff; border: 0; box-shadow: none; color: #444; } .input-field input[type=search-md]:focus + label i, .input-field input[type=search-md]:focus ~ .mdi-navigation-close { color: #444; } .input-field input[type=search-md] + label { left: 1rem; } .input-field input[type=search-md] ~ .mdi-navigation-close { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: .3s color; } textarea { width: 100%; height: 3rem; background-color: transparent; } textarea.materialize-textarea { overflow-y: hidden; /* prevents scroll bar flash */ padding: 1.6rem 0; /* prevents text jump on Enter keypress */ resize: none; min-height: 3rem; } .hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ } #datetimepicker span { position: absolute; top: 5px; left: 10px; font-size: 20px; z-index: 2; } #registerUser #datetimepicker span { left: 25px; } #datetimepicker .single-date span { position: relative; top: 0; left: 0; } input.uicalendar { text-indent: 35px; } .inputs .date-time { text-indent: 40px; } .inputs i.icon-calendario { position: absolute; top: 25%; transform: translateY(-25%); left: 25px; color: #666666 !important; font-size: 23px !important; } /* MDB HOVER EFFECTS */ .view { overflow: hidden; position: relative; cursor: default; } .view .mask, .view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .overlay:hover .mask { opacity: 1; } .overlay img { transition: all 0.2s linear; } .overlay .mask { opacity: 0; transition: all 0.4s ease-in-out; } .pattern-1 { background: url(/img/overlays/01.png); } .pattern-2 { background: url(/img/overlays/02.png); } .pattern-3 { background: url(/img/overlays/03.png); } .pattern-4 { background: url(/img/overlays/04.png); } .pattern-5 { background: url(/img/overlays/05.png); } .pattern-6 { background: url(/img/overlays/06.png); } .pattern-7 { background: url(/img/overlays/07.png); } .pattern-8 { background: url(/img/overlays/08.png); } .pattern-9 { background: url(/img/overlays/09.png); } .hm-blue-light .mask { background-color: rgba(3, 169, 244, 0.3); } .hm-red-light .mask { background-color: rgba(244, 67, 54, 0.3); } .hm-pink-light .mask { background-color: rgba(233, 30, 99, 0.3); } .hm-purple-light .mask { background-color: rgba(156, 39, 176, 0.3); } .hm-indigo-light .mask { background-color: rgba(63, 81, 181, 0.3); } .hm-cyan-light .mask { background-color: rgba(0, 188, 212, 0.3); } .hm-teal-light .mask { background-color: rgba(0, 150, 136, 0.3); } .hm-green-light .mask { background-color: rgba(76, 175, 80, 0.3); } .hm-lime-light .mask { background-color: rgba(205, 220, 57, 0.3); } .hm-yellow-light .mask { background-color: rgba(255, 235, 59, 0.3); } .hm-orange-light .mask { background-color: rgba(255, 152, 0, 0.3); } .hm-brown-light .mask { background-color: rgba(121, 85, 72, 0.3); } .hm-grey-light .mask { background-color: rgba(158, 158, 158, 0.3); } .hm-bluegrey-light .mask { background-color: rgba(96, 125, 139, 0.3); } .hm-black-light .mask { background-color: rgba(0, 0, 0, 0.3); } .hm-stylish-light .mask { background-color: rgba(62, 69, 81, 0.3); } .hm-white-light .mask { background-color: rgba(255, 255, 255, 0.3); } .hm-blue-strong .mask { background-color: rgba(3, 169, 244, 0.7); } .hm-red-strong .mask { background-color: rgba(244, 67, 54, 0.7); } .hm-pink-strong .mask { background-color: rgba(233, 30, 99, 0.7); } .hm-purple-strong .mask { background-color: rgba(156, 39, 176, 0.7); } .hm-indigo-strong .mask { background-color: rgba(63, 81, 181, 0.7); } .hm-cyan-strong .mask { background-color: rgba(0, 188, 212, 0.7); } .hm-teal-strong .mask { background-color: rgba(0, 150, 136, 0.7); } .hm-green-strong .mask { background-color: rgba(76, 175, 80, 0.7); } .hm-lime-strong .mask { background-color: rgba(205, 220, 57, 0.7); } .hm-yellow-strong .mask { background-color: rgba(255, 235, 59, 0.7); } .hm-orange-strong .mask { background-color: rgba(255, 152, 0, 0.7); } .hm-brown-strong .mask { background-color: rgba(121, 85, 72, 0.7); } .hm-grey-strong .mask { background-color: rgba(158, 158, 158, 0.7); } .hm-bluegrey-strong .mask { background-color: rgba(96, 125, 139, 0.7); } .hm-black-strong .mask { background-color: rgba(0, 0, 0, 0.7); } .hm-stylish-strong .mask { background-color: rgba(62, 69, 81, 0.7); } .hm-white-strong .mask { background-color: rgba(255, 255, 255, 0.7); } .hm-blue-slight .mask { background-color: rgba(3, 169, 244, 0.1); } .hm-red-slight .mask { background-color: rgba(244, 67, 54, 0.1); } .hm-pink-slight .mask { background-color: rgba(233, 30, 99, 0.1); } .hm-purple-slight .mask { background-color: rgba(156, 39, 176, 0.1); } .hm-indigo-slight .mask { background-color: rgba(63, 81, 181, 0.1); } .hm-cyan-slight .mask { background-color: rgba(0, 188, 212, 0.1); } .hm-teal-slight .mask { background-color: rgba(0, 150, 136, 0.1); } .hm-green-slight .mask { background-color: rgba(76, 175, 80, 0.1); } .hm-lime-slight .mask { background-color: rgba(205, 220, 57, 0.1); } .hm-yellow-slight .mask { background-color: rgba(255, 235, 59, 0.1); } .hm-orange-slight .mask { background-color: rgba(255, 152, 0, 0.1); } .hm-brown-slight .mask { background-color: rgba(121, 85, 72, 0.1); } .hm-grey-slight .mask { background-color: rgba(158, 158, 158, 0.1); } .hm-bluegrey-slight .mask { background-color: rgba(96, 125, 139, 0.1); } .hm-black-slight .mask { background-color: rgba(0, 0, 0, 0.1); } .hm-stylish-slight .mask { background-color: rgba(62, 69, 81, 0.1); } .hm-white-slight .mask { background-color: rgba(255, 255, 255, 0.1); } .hm-zoom img { transition: all 0.2s linear; } .hm-zoom:hover img { transform: scale(1.1); } .hm-zoom:hover .mask { opacity: 1; } /********************* SECTIONS AND LAYOUT **********************/ #section-ppal { position: relative; top: 50px; overflow: hidden; } .section-white { background-color: #fff; color: #666666; text-align: center; padding: 2.8em 0; } .section-white h3, .section-white .panel-title, .section-white .corporate-content .headertext, .corporate-content .section-white .headertext { margin-bottom: 1.1em; margin-top: 1.1em; } .section-dark { background-color: #212121; color: #fff; text-align: center; padding: 2.8em 0; } .section-dark h3, .section-dark .panel-title, .section-dark .corporate-content .headertext, .corporate-content .section-dark .headertext { margin-bottom: 1.1em; margin-top: 1.1em; } .section-colored { color: #fff; text-align: center; padding: 2.8em 0; } .section-colored h3, .section-colored .panel-title, .section-colored .corporate-content .headertext, .corporate-content .section-colored .headertext { margin-bottom: 1.1em; margin-top: 1.1em; } .full-bg-img { height: 100%; margin: 0; padding: 0; } .full-bg-img .container, .full-bg-img .container-fluid { height: 100%; } .full-bg-img .view { height: 100%; } .full-section { padding-top: 50px; } .full-section p { margin-top: 20px; } .brand_intro { margin: 0 auto; } .brand_intro p { margin: 50px 0px 70px 0px; } .brand_intro p.title-text-dark, .brand_intro .date-picker-wrapper .month-wrapper p.month-name, .date-picker-wrapper .month-wrapper .brand_intro p.month-name, .brand_intro #parentEl .date-picker-wrapper p.month-name, #parentEl .date-picker-wrapper .brand_intro p.month-name { margin-top: 0; margin-bottom: 0; } .brand_intro .intro p { margin: 0 0 10px; } .brand_intro h1 { font-size: 2rem; } .ppal { background-color: #f6f6f6; margin-bottom: 70px; } .ppal a.more { padding-bottom: 20px; padding-right: 20px; } .newcomment-section { margin-top: 50px; } .section-details .attentions { padding-top: 0 !important; border: none; } .section-details .attentions h3, .section-details .attentions .panel-title, .section-details .attentions .corporate-content .headertext, .corporate-content .section-details .attentions .headertext { margin-bottom: 30px; margin-top: 0; } .sensations .card { border: 0px; border-radius: 0px; box-shadow: unset; } .sensations .card .card-content { text-align: left; padding: 15px 0px 0px 0px; } .sensations .card .card-content p { font-size: 16px; line-height: 1.6; margin-top: 20px; } .sensations .card .card-content a.more { margin-top: 20px; } .sensations h2 { margin-bottom: 40px; margin-top: 0; } .card-image { position: relative; } .card-image img { border-radius: 2px 2px 0 0; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; } .section-content { /*margin-top:15px; padding-bottom:20px;*/ /*img, h3, p, a.more{ padding-left:30px; padding-right:30px; }*/ } .section-content p { margin-top: 20px; margin-bottom: 20px; } .section-content h3, .section-content .panel-title, .section-content .corporate-content .headertext, .corporate-content .section-content .headertext, .section-content h4 { text-transform: uppercase; } .section-content h3, .section-content .panel-title, .section-content .corporate-content .headertext, .corporate-content .section-content .headertext { margin-top: 30px; } .section-altern .section-img, .section-altern .section-content { width: 50%; } .section-altern:nth-child(even) .section-img { float: left; } .section-altern:nth-child(even) .section-content { float: right; padding-left: 0; } .section-altern:nth-child(even) .section-content h3, .section-altern:nth-child(even) .section-content .panel-title, .section-altern:nth-child(even) .section-content .corporate-content .headertext, .corporate-content .section-altern:nth-child(even) .section-content .headertext, .section-altern:nth-child(even) .section-content p, .section-altern:nth-child(even) .section-content a.more { padding-left: 30px; padding-right: 0px; } .section-altern:nth-child(odd) .section-img { float: right; } .section-altern:nth-child(odd) .section-content { float: left; } .section-altern:nth-child(odd) .section-content h3, .section-altern:nth-child(odd) .section-content .panel-title, .section-altern:nth-child(odd) .section-content .corporate-content .headertext, .corporate-content .section-altern:nth-child(odd) .section-content .headertext, .section-altern:nth-child(odd) .section-content p, .section-altern:nth-child(odd) .section-content a.more { padding-left: 0px; padding-right: 30px; } .attentions { padding: 20px; border: 1px solid #dedede; } .attentions ul { margin: 0; padding: 0; } .attentions ul.style-check li:before { color: #072244; } .attentions ul li { line-height: 2rem; } .attentions .more { margin-top: 20px; } .attentions p.title-text-dark, .attentions .date-picker-wrapper .month-wrapper p.month-name, .date-picker-wrapper .month-wrapper .attentions p.month-name, .attentions #parentEl .date-picker-wrapper p.month-name, #parentEl .date-picker-wrapper .attentions p.month-name { font-weight: 300; } .attentions h4 { font-weight: 300; text-transform: none; font-size: 22px; margin-top: 20px; margin-bottom: 20px; } .attentions div { padding-top: 15px; padding-bottom: 15px; } .fc { background-color: #f6f6f6; padding-top: 30px; padding-bottom: 50px; } .fc .container { background: url("../img/interests/bolas.jpg") bottom left no-repeat; padding: 20px 0px 50px 0px; } .fc p.intro { margin: 20px 0 50px 0; } .fc a.more { margin-top: 20px; } .fc ul.style-check li:before { color: #2266bb; } .destinations { color: #fff; margin: 50px auto 7.14rem auto; /*.ditem .caption-inner { border: 2px solid; border-color: transparent; }*/ /*.ditem:hover .caption-inner { border-color: #FFF; -webkit-transition: border-color .3s, top .5s, left .5s, right .5s, bottom .5s; transition: border-color .3s, top .5s, left .5s, right .5s, bottom .5s; }*/ } .destinations .dmain { margin-top: 13%; padding: 0px 5px 0px 5px; } .destinations .dmain h2 { font-weight: 400; } .destinations .dmain .btn { text-transform: capitalize; } .destinations .ditem { padding: 0px; position: relative; transition: all .2s ease-in-out; overflow: hidden; background-color: #072244; } .destinations .ditem img { opacity: 0.75; max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .destinations .ditem a.nompolo { border: 2px solid; border-color: transparent; position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; z-index: 3; } .destinations .ditem:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .destinations .ditem:hover a.nompolo { border-color: #FFF; -webkit-transform: scale(1.5), border-color 0.3s, top 0.5s, left 0.5s, right 0.5s, bottom 0.5s; transform: scale(1.5), border-color 0.3s, top 0.5s, left 0.5s, right 0.5s, bottom 0.5s; } .destinations .ditem h3, .destinations .ditem .panel-title, .destinations .ditem .corporate-content .headertext, .corporate-content .destinations .ditem .headertext { position: absolute; top: 40%; transform: translateY(-70%); color: #ffffff; width: 100%; text-align: center; } .destinations .ditem span.numhotels { position: absolute; top: 51%; border-top: 1px solid #ffffff; display: block; margin: 0 10%; width: 80%; padding-top: 5px; } .destinations .ditem .btn-flat-go { position: absolute; bottom: 0px; right: 0px; font-size: 24px; margin: 0px; } .destinations .ditem .caption { border: 2px solid; border-color: transparent; position: absolute; top: 7px; left: 7px; right: 7px; bottom: 7px; z-index: 3; } @media only screen and (max-width: 1024px) { .section-content { margin-top: calc(20px - 0.64rem); } } @media only screen and (max-width: 600px) { .section-altern .section-img, .section-altern .section-content { width: 100%; float: left; clear: both; } .section-content h3, .section-content .panel-title, .section-content .corporate-content .headertext, .corporate-content .section-content .headertext, .section-content p, .section-content a.more { padding-left: 0px !important; padding-right: 0px !important; } } @media only screen and (max-width: 600px) { .center-on-small-only { text-align: center; } } .no-margin { margin: 0; } .no-top-mar { margin-top: 0 !important; } .no-gutter > [class*=col-] { padding-right: 0; padding-left: 0; } .no-padding { padding: 0; } .no-pad-mar { margin: 0; padding: 0; } .extra-padding-05 { padding: 0.5rem; } .extra-padding-1 { padding: 1rem; } .extra-margin-1 { padding: 1rem; } .extra-margin-2 { padding: 2rem; } .space-30 { height: 30px; } .space-50 { height: 30px; } .verticalcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .divider-new { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 2.5em; font-weight: 300; margin-top: 45px; margin-bottom: 45px; } .divider-new::before { content: ''; height: 1.5px; background: #666; flex: 1; margin: 0 .45em 0 0; } .divider-new::after { content: ''; height: 1.5px; background: #666; flex: 1; margin: 0 0 0 .45em; } .section-title { text-transform: uppercase; margin-top: 0; margin-bottom: 3rem; padding: 0.7rem; } .section-title small { text-transform: none; padding-left: 7px; margin-left: 10px; } .st-indigo { border-left: 4px solid blue; } .st-indigo small { border-left: 2px solid blue; } .st-red { border-left: 4px solid red; } .st-red small { border-left: 2px solid red; } .st-teal { border-left: 4px solid #009688; } .st-teal small { border-left: 2px solid #009688; } .st-orange { border-left: 4px solid #ff6f00; } .st-orange small { border-left: 2px solid #ff6f00; } .st-blue { border-left: 4px solid #2196f3; } .st-blue small { border-left: 2px solid #2196f3; } .divider-short { max-width: 50px; border-color: #00b2eb; border-width: 3px; } /*RESPONSIVE TABS*/ .panel-margin-top-40 { margin-top: 40px !important; } ul.resp-tabs-list.hor_1 { border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } ul.resp-tabs-list.hor_1 .resp-tab-active { color: #072244; } ul.resp-tabs-list { margin: 0; padding: 0px; } .resp-tabs-list.hor_1 li { font-family: "Montserrat", "Roboto", arial, sans-serif; color: #2266bb; border-right: 1px solid #dedede; /*font-size: 14px;*/ margin: 3px 0 0px 0; } .resp-tabs-list.hor_1 li:hover { color: #999999; } .resp-tabs-list.hor_1 li:last-child { border: none; } .resp-tabs-list li { display: inline-block; padding: 13px 15px; margin: 3px 4px 3px 0; list-style: none; cursor: pointer; float: left; } .resp-tabs-container { padding: 0px; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 0 15px 40px 15px; } .resp-tab-content p.intro-tab { padding: 30px 0px 30px 0px; margin: 0; } .resp-tab-content .ver-detalles { background-color: #ffffff; padding: 5px 20px 10px 0px; } .resp-tab-content .ver-detalles img { vertical-align: bottom; } .resp-tab-active { margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; border-bottom: 2px solid #2266bb !important; background-color: #fff; } .resp-content-active, .resp-accordion-active { display: block; } h2.resp-accordion { font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; } h2.resp-tab-active { border-bottom: 2px solid #2266bb !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; } .destinationsTabs .resp-tabs-list.hor_1 li { border-bottom: 1px solid #dedede; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #dedede; float: left; width: 70%; min-height: 250px; border-radius: 0; clear: none; } .resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; } .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border: 1px solid #dedede !important; border-left: 2px solid #2266bb !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; } .resp-arrow:before { /*width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1;*/ content: "\e90d"; font-family: "mc2016-1"; font-size: 16px; float: right; } h2.resp-tab-active { background: #DBDBDB; /* !important;*/ } h2.resp-tab-active span.resp-arrow:before { /*border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;*/ content: '\e90e'; } /*-----------Accordion styles-----------*/ .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; /* !important;*/ } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1; /* !important;*/ } /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } .resp-accordion-closed { display: none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .pestanas { margin-bottom: 50px !important; } } .date-picker, .date-picker-wrapper { font-size: 12px; font-family: Arial, sans-serif; } .date-picker { width: 170px; height: 25px; padding: 0 0 0 10px; border: 0; line-height: 25px; font-weight: 700; cursor: pointer; color: #303030; position: relative; z-index: 2; } .date-picker-wrapper { position: absolute; z-index: 1; border: 1px solid #bfbfbf; background-color: #efefef; padding: 5px 12px; line-height: 20px; color: #aaa; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); box-sizing: initial; } .date-picker-wrapper.inline-wrapper { position: relative; box-shadow: none; display: inline-block; } .date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top, .date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .selected-days { display: none; } .date-picker-wrapper.single-date { width: auto; } .date-picker-wrapper.no-shortcuts { padding-bottom: 12px; } .date-picker-wrapper.no-topbar { padding-top: 12px; } .date-picker-wrapper .footer { font-size: 11px; padding-top: 3px; } .date-picker-wrapper b { color: #666; font-weight: 700; } .date-picker-wrapper a { color: #6bb4d6; text-decoration: underline; } .date-picker-wrapper .month-name { text-transform: uppercase; } .date-picker-wrapper .month-wrapper { border: 1px solid #bfbfbf; border-radius: 3px; background-color: #fff; padding: 5px; cursor: default; position: relative; } .date-picker-wrapper .month-wrapper table, .date-picker-wrapper .month-wrapper table.month2 { width: 190px; float: left; } .date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th { vertical-align: middle; text-align: center; line-height: 14px; margin: 0; padding: 0; } .date-picker-wrapper .month-wrapper table .day { padding: 5px 0; line-height: 1; font-size: 12px; margin-bottom: 1px; color: #ccc; cursor: default; } .date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth { color: #999; cursor: default; } .date-picker-wrapper .month-wrapper table .day.checked { background-color: #9cdbf7; } .date-picker-wrapper .month-wrapper table .week-name { height: 20px; line-height: 20px; font-weight: 100; text-transform: uppercase; } .date-picker-wrapper .month-wrapper table .day.has-tooltip { cursor: help !important; } .date-picker-wrapper .time label { white-space: nowrap; } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #333; cursor: pointer; } .date-picker-wrapper .month-wrapper table .day.toMonth.hovering { background-color: #cdecfa; } .date-picker-wrapper .month-wrapper table .day.real-today { background-color: #ffe684; } .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering { background-color: #70ccd5; } .date-picker-wrapper table .caption { height: 40px; } .date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev { padding: 0 5px; cursor: pointer; } .date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover { background-color: #ccc; color: #fff; } .date-picker-wrapper .gap { position: relative; z-index: 1; width: 15px; background-color: red; font-size: 0; line-height: 0; float: left; top: -5px; margin: 0 10px -10px; visibility: hidden; height: 0; } .date-picker-wrapper .gap .gap-lines { height: 100%; overflow: hidden; } .date-picker-wrapper .gap .gap-line { height: 15px; width: 15px; position: relative; } .date-picker-wrapper .gap .gap-line .gap-1 { z-index: 1; height: 0; border-left: 8px solid #fff; border-top: 8px solid #eee; border-bottom: 8px solid #eee; } .date-picker-wrapper .gap .gap-line .gap-2 { position: absolute; right: 0; top: 0; z-index: 2; height: 0; border-left: 8px solid transparent; border-top: 8px solid #fff; } .date-picker-wrapper .gap .gap-line .gap-3 { position: absolute; right: 0; top: 8px; z-index: 2; height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #fff; } .date-picker-wrapper .gap .gap-top-mask { width: 6px; height: 1px; position: absolute; top: -1px; left: 1px; background-color: #eee; z-index: 3; } .date-picker-wrapper .gap .gap-bottom-mask { width: 6px; height: 1px; position: absolute; bottom: -1px; left: 7px; background-color: #eee; z-index: 3; } .date-picker-wrapper .drp_top-bar { line-height: 1.4; position: relative; padding: 10px 40px 10px 0; } .date-picker-wrapper .drp_top-bar .default-top { display: block; } .date-picker-wrapper .drp_top-bar.error .default-top { display: none; } .date-picker-wrapper .drp_top-bar.error .error-top { display: block; color: red; } .date-picker-wrapper .drp_top-bar.normal .default-top { display: none; } .date-picker-wrapper .drp_top-bar.normal .normal-top, .date-picker-wrapper.single-month .time { display: block; } .date-picker-wrapper .drp_top-bar .apply-btn { position: absolute; right: 0; top: 6px; padding: 3px 5px; margin: 0; font-size: 12px; border-radius: 4px; cursor: pointer; border: 1px solid #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); color: #fff; line-height: initial; } .date-picker-wrapper .drp_top-bar .apply-btn.disabled { cursor: pointer; color: #606060; border: 1px solid #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .date-picker-wrapper .time { position: relative; } .date-picker-wrapper .hide, .date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev { display: none; } .date-picker-wrapper .time input[type=range] { vertical-align: middle; width: 129px; padding: 0; margin: 0; height: 20px; } .date-picker-wrapper .time1, .time2 { width: 180px; padding: 0 5px; text-align: center; } .date-picker-wrapper .time1 { float: left; } .date-picker-wrapper .time2 { float: right; } .date-picker-wrapper .hour, .minute { text-align: right; } .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background-color: #49e !important; color: #fff !important; } .date-picker-wrapper .date-range-length-tip { position: absolute; margin-top: -4px; margin-left: -8px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); display: none; background-color: #ff0; padding: 0 6px; border-radius: 2px; font-size: 12px; line-height: 16px; -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); } .date-picker-wrapper .date-range-length-tip:after { content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ff0; left: 50%; margin-left: -4px; bottom: -4px; } .date-picker-wrapper .week-number { padding: 5px 0; line-height: 1; font-size: 12px; margin-bottom: 1px; color: #999; cursor: pointer; } .date-picker-wrapper .week-number.week-number-selected { color: #49E; font-weight: 700; } /*SCROLL THEME CUSTOM*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; box-sizing: content-box; } .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; background-color: #ffffff; /*.scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }*/ } .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { /*background-color: #999; background-color: rgba(0, 0, 0, 0.3);*/ background-color: transparent; } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { /*background-color: #666; background-color: rgba(0, 0, 0, 0.5);*/ background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #cfcfcf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 !important; } .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 6px; min-width: 10px; top: 3px; box-shadow: none !important; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 5px; min-height: 10px; width: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 6px; top: -10px; width: 1px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /* scrollbar height/width & offset from container borders */ /* update scrollbar offset if both scrolls are visible */ .modal .media-dialog { /*margin:0 auto; width:auto;*/ } .modal .media-dialog .modal-content .modal-body { padding-bottom: 0; } .modal .media-dialog .modal-content .modal-body .ajloader { position: relative; top: 0; transform: translateY(0); height: 548px; } .modal .media-dialog .modal-content .big-next, .modal .media-dialog .modal-content .big-prev, .modal .media-dialog .modal-content .thumb-next, .modal .media-dialog .modal-content .thumb-prev { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; } .modal .media-dialog .modal-content .big-next svg, .modal .media-dialog .modal-content .big-prev svg, .modal .media-dialog .modal-content .thumb-next svg, .modal .media-dialog .modal-content .thumb-prev svg { fill: #666666; } .modal .media-dialog .modal-content .big .close { position: absolute; right: 10px; top: 5px; z-index: 1; color: #2266bb; font-weight: normal; opacity: 1; margin-right: 0px; } .modal .media-dialog .modal-content .big .close span { color: #2266bb; } .modal .media-dialog .modal-content .big .close:focus, .modal .media-dialog .modal-content .big .close:active { background-color: transparent; } .modal .media-dialog .modal-content .big .big-next svg, .modal .media-dialog .modal-content .big .big-prev svg { height: 150px; width: 150px; fill: #fff; opacity: 0.7; -webkit-filter: drop-shadow(0px 0px 2px black); filter: drop-shadow(0px 0px 2px black); } .modal .media-dialog .modal-content .big .big-prev { left: 0; } .modal .media-dialog .modal-content .big .big-next { right: 0; } .modal .media-dialog .modal-content .thumb .thumb-next, .modal .media-dialog .modal-content .thumb .thumb-prev { background-color: #f6f6f6; height: calc(100% - 4px); top: 4px; transform: translateY(0); } .modal .media-dialog .modal-content .thumb .thumb-next.slick-disabled svg, .modal .media-dialog .modal-content .thumb .thumb-prev.slick-disabled svg { fill: #666666; } .modal .media-dialog .modal-content .thumb .thumb-next svg, .modal .media-dialog .modal-content .thumb .thumb-prev svg { height: 75px; width: 40px; position: relative; top: 50%; transform: translateY(-50%); fill: #2266bb; } .modal .media-dialog .modal-content .thumb .thumb-prev { left: 0; } .modal .media-dialog .modal-content .thumb .thumb-next { right: 0; } .modal .media-dialog .modal-content .slider-for { /*.slick-slide, .slick-track{ width: 100%!important; }*/ } .modal .media-dialog .modal-content .slider-for .media-pic img { width: 100%; } .modal .media-dialog .modal-content .slider-nav { margin: 4px 0px 4px 40px; background-color: #f6f6f6; } .modal .media-dialog .modal-content .slider-nav .slick-slide { opacity: 0.5; } .modal .media-dialog .modal-content .slider-nav .slick-slide.slick-current { opacity: 1; } .modal .media-dialog .bg-white .modal-header { padding: 15px; border-bottom: 1px solid #dedede; } .modal .media-dialog .bg-white .modal-header .close { color: #666666; } .modal .media-dialog .bg-white h4 { font-weight: 400; margin-bottom: 10px; color: #072244; } .destinations .big .big-next, .interests .big .big-next { right: -4% !important; } .mediaModal .scrollbar-rail .scroll-element .scroll-bar { background-color: #cdcdcd !important; } .mediaModal .loader { border-top: 1.1em solid rgba(34, 102, 187, 0.2); border-right: 1.1em solid rgba(34, 102, 187, 0.2); border-bottom: 1.1em solid rgba(34, 102, 187, 0.2); border-left: 1.1em solid #2266bb; } .mediaModal .modal-content { /*#parentHorizontalTabModal{ ul.resp-tabs-list.hor_modal{ border:none; } h2.resp-accordion, h2.resp-tab-active{ background-color: transparent!important; padding:10px 15px!important; } .resp-tab-item{ border:none; background-color: transparent!important; color:#fff; font-size:24px; padding-top:0; } .resp-tab-active{ color:$price-color!important; border-bottom:4px solid $price-color!important; padding-top:0!important; .icon-video .path1:before, .icon-video .path2:before{ color:$price-color!important; } } .resp-tab-content{ padding-bottom:0; } }*/ } .mediaModal .modal-content .close { padding: 5px 10px 0 0; z-index: 10; } .mediaModal .modal-content .modal-body { padding-top: 0; } .mediaModal .modal-content .modal-body .nav-tabs { position: relative; z-index: 2; } .mediaModal .modal-content .modal-body .tab-content { border-top: 4px solid rgba(34, 102, 187, 0.2); position: relative; top: -4px; } .mediaModal .modal-content .modal-body .tab-content .tab-pane { padding-top: 0 !important; padding-bottom: 0 !important; } .mediaModal .modal-content .modal-body .scrollbar-rail > .scroll-element.scroll-y.scrollbar-rail > .scroll-element.scroll-y { width: 5px; } .mediaModal .modal-content .modal-body .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { width: 5px; left: 4px; box-shadow: none; } .mediaModal .modal-content .modal-body .scrollbar-rail { max-height: 400px; padding: 10px 0 10px 0; } .mediaModal .modal-content .modal-body .slider-nav, .mediaModal .modal-content .modal-body .thumb .thumb-prev, .mediaModal .modal-content .modal-body .thumb .thumb-next { background-color: #072244; } .mediaModal .modal-content .modal-body .thumb-next svg, .mediaModal .modal-content .modal-body .thumb-prev svg { fill: #fff; color: #fff; } .mediaModal .modal-content .modal-body .toltip { padding: 10px; color: #fff; position: absolute; bottom: 0; width: 100%; z-index: 2; } .mediaModal .modal-content .modal-body .toltip:after { content: ""; background-color: #072244; opacity: .65; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .mediaModal .modal-content .modal-body .toltip p .icon-menu-hamburguesa-cerrado { position: absolute; right: 10px; top: 10px; cursor: pointer; } .mediaModal .modal-content .modal-body .photo-image { position: relative; } .mediaModal .modal-content .modal-body .video .embed-container { position: relative; padding-bottom: 62.25%; height: 0; overflow: hidden; max-width: 100%; } .mediaModal .modal-content .modal-body .video .embed-container iframe, .mediaModal .modal-content .modal-body .video .embed-container object, .mediaModal .modal-content .modal-body .video .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mediaModal .modal-content .modal-body .video .scrollbar-rail div.item-video { padding: 5px 10px 0px 15px; } .mediaModal .modal-content .modal-body .video .scrollbar-rail div.item-video img { max-width: 120px; } .mediaModal .modal-content .modal-body .video .scrollbar-rail div.item-video ul { margin: 10px 0 20px 0; padding-bottom: 10px; border-bottom: 1px solid #dedede; } .mediaModal .modal-content .modal-body .video .scrollbar-rail div.item-video ul .info-video { font-size: 14px; color: #999; } .mediaModal .modal-content .modal-body .video .scrollbar-rail div.item-video:last-child ul { border: none; padding-bottom: 0; margin-bottom: 10px; } .mediaModal .modal-content .modal-body .download { padding-top: 30px; } .mediaModal .modal-content .modal-body .download table { margin-bottom: 30px; } .mediaModal .modal-content .modal-body .download table td { padding: 5px; } .mediaModal .modal-content .modal-body .download table td .icon-pfd-download-icon { font-size: 24px; } .mediaModal .modal-content .modal-body.attractions .media-pic, .mediaModal .modal-content .modal-body.atracciones .media-pic { background-color: #fff; } .mediaModal .modal-content .modal-body.attractions .scroll-wrapper, .mediaModal .modal-content .modal-body.atracciones .scroll-wrapper { margin: 5px -15px 0px 0px; } .mediaModal .modal-content .modal-body.attractions .scrollbar-rail, .mediaModal .modal-content .modal-body.atracciones .scrollbar-rail { max-height: 370px; } .mediaModal .modal-content .modal-body.attractions .scrollbar-rail p, .mediaModal .modal-content .modal-body.atracciones .scrollbar-rail p { padding-right: 15px; padding-bottom: 15px; } .mediaModal .modal-content .modal-body.hotels .scrollbar-rail { max-height: 380px; } .mediaModal .modal-content .modal-body.hotels #categories { padding-top: 15px; padding-bottom: 15px; background-color: #fff; } .mediaModal .modal-content .modal-body.hotels #categories .item { max-width: 200px; height: 190px; } .mediaModal .modal-content .modal-body.hotels #categories .item img { padding-bottom: 5px; } .mediaModal .modal-content .modal-body.hotels #categories .item a { display: block; position: relative; /*&:after{ content:""; position:absolute; z-index:1; background-color: #072244; opacity: .3; top: 0; left: 0; bottom: 0; right: 0; }*/ } .mediaModal .modal-content .modal-body.hotels #categories .item a p { text-align: center; display: inline-block; width: 100%; padding: 5px 2.5% 5px 2.5%; font-size: 0.8em; } .mediaModal .modal-content .modal-body.hotels #categories .item-categ a { font-size: 0.8em; } .mediaModal .modal-content .modal-body.hotels .big-next { right: 0; } .mediaModal .modal-content .modal-body.hotels .big-prev { left: 0; } .mediaModal .modal-content .modal-body.hotels .navbar-toggle { position: absolute; top: 15px; right: 0; margin: 0; } .mediaModal .modal-content .modal-body.hotels .navbar-toggle .icon-bar { background-color: #fff; } .mediaModal .modal-content .modal-body.hotels .photo-categories { z-index: 22; } .mediaModal .modal-content .modal-body.hotels .photo-categories a { display: block; } .mediaModal .modal-content .modal-body.hotels .photo-categories ul li { margin: 0; padding: 0; } .mediaModal .modal-content .modal-body.hotels .photo-categories ul li a.invert { display: block; padding: 10px; } .mediaModal .modal-content .modal-body.hotels .photo-categories ul li a.invert:hover { color: #b95010; } .mediaModal .modal-content .modal-body.hotels .photo-categories ul li a.invert.selected { color: #b95010; } .mediaModal .modal-content .modal-body.hotels .photo-categories ul li:hover, .mediaModal .modal-content .modal-body.hotels .photo-categories ul li.selected { background-color: #f6f6f6; } .mediaModal .nav-tabs { border-bottom: 1px solid transparent; padding-left: 15px; padding-right: 15px; } .mediaModal .nav-tabs .icon-camara, .mediaModal .nav-tabs .icon-video, .mediaModal .nav-tabs .icon-descargas { font-size: 30px; } .mediaModal .nav-tabs li a, .mediaModal .nav-tabs li a:hover, .mediaModal .nav-tabs li a:focus { color: #fff; background-color: transparent; border: none; border-bottom: 4px solid transparent; display: block; } .mediaModal .nav-tabs li.active a, .mediaModal .nav-tabs li.active a:hover, .mediaModal .nav-tabs li.active a:focus { color: #b95010; background-color: transparent; border: none; border-bottom: 4px solid #b95010; display: block; } .hotelStars .icon-estrella-1:before { fill: #b95010; color: #b95010; font-size: 2rem; vertical-align: text-top; } .modal-content .ajaxContent .slider-nav { margin: 0px 0px 0px 0px !important; padding: 4px 0 4px 40px; } .modal-content .ajaxContent .thumb .thumb-next, .modal-content .ajaxContent .thumb .thumb-prev { height: 100%; top: 0; } #privacyModal .scroll-wrapper { margin-bottom: 20px; } #privacyModal .scrollbar-rail { max-height: 500px; } #termsModal .modal-body h2 { color: #666666; font-size: 18px; margin: 0px 0 20px 0; } #termsModal .modal-body ol { margin-bottom: 20px; } #divingModal .modal-header { border: none; } #giftModal .duration { border-top: 1px solid #dedede; color: #333; padding-top: 10px; } @media only screen and (min-width: 768px) { #categories.navbar-collapse { min-width: 33%; } } @media only screen and (max-width: 1024px) { .modal.mediaModal .navbar-toggle { display: block; } .modal.mediaModal .navbar-collapse.collapse { display: none !important; } .modal.mediaModal .collapse.in { display: block !important; } .modal .media-dialog .modal-content .big .big-next { right: 0; } } @media only screen and (max-width: 768px) { .modal.mediaModal .modal-content .big .big-prev, .modal.mediaModal .modal-content .big .big-next { top: 25%; transform: translateY(-25%); } .modal.mediaModal .modal-content .big .big-prev svg, .modal.mediaModal .modal-content .big .big-next svg { height: 100px; width: 100px; } .modal.mediaModal .modal-content .big .big-next { right: -4%; } .modal.mediaModal .modal-content .modal-body { /*.photo-image { min-height: 370px; }*/ } .modal.mediaModal .modal-content .modal-body .toltip { position: relative; } } .ui-widget { font-family: "Roboto"; } .ui-widget button { font-family: "Roboto"; color: inherit; } .ui-dialog { border-radius: 0 !important; } .ui-dialog-titlebar .ui-button { background-image: none; border: none; background-color: transparent; color: #fff; } .ui-dialog-buttonset .ui-button { background-image: none; border-radius: 0 !important; background-color: transparent; border-color: #2266bb; color: #2266bb; /*@extend .btn; @extend .btn-transparent;*/ } .ui-dialog-buttonset .ui-button:hover { background-color: #2266bb; background-image: none; border-color: #2266bb; color: #fff; } .ui-widget-header { background: #072244; border-color: #072244; border-radius: 0; } .ui-dialog-buttonset .ui-state-default { background-image: none; } .ui-dialog-buttonset .ui-state-default:hover { background-image: none; } .ui-dialog-titlebar-close { background-image: none !important; background-color: transparent !important; color: #fff; border: none !important; } .ui-dialog-titlebar-close:hover { background-image: none; background-color: transparent; border: none; font-weight: normal; transition: none; } .ui-dialog-titlebar-close:after { content: "X"; color: #fff; font-family: "Montserrat"; position: absolute; top: -5px; right: 5px; /*font-size: 14px;*/ } .ui-dialog-titlebar-close span { display: none; } @media only screen and (max-width: 640px) { .modal.mediaModal .big .big-prev, .modal.mediaModal .big .big-next { top: 15%; transform: translateY(-15%); } .modal.mediaModal .big .big-prev svg, .modal.mediaModal .big .big-next svg { width: 100px; height: 100px; } .modal.mediaModal .big .big-next { right: -4%; } } @media only screen and (max-width: 320px) { .modal.mediaModal .big .big-prev, .modal.mediaModal .big .big-next { top: 12%; transform: translateY(-12%); } .modal.mediaModal .big .big-prev svg, .modal.mediaModal .big .big-next svg { width: 80px; height: 80px; } .modal.mediaModal .big .big-next { right: -4%; } } .counter { position: absolute; left: 53%; top: 5%; } .counter-header { color: #fff; margin-bottom: 5px; } .clock_in { margin: 0px 2px; display: inline; font-size: 1.5em; } .clock_in span { background-color: #fff; padding: 5px; border-radius: 10px; margin: 0 2px; } /*MENU Y SUBMENU PRINCIPALES*/ a:active, a:active * { outline: none !important; -moz-outline-style: none !important; } a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; } .navbar-fixed-top { padding: 0px !important; } .navbar .navbar-brand { background: url("../img/logo-color.png") center left no-repeat; width: 360px; height: 50px !important; padding: 0px; display: inline-block; margin-left: 0px !important; -webkit-transition: background .1s; transition: background .1s; position: relative; padding: 10px 0px 10px 0px; } .navbar .navbar-brand a { display: inline-block; width: 90%; height: 100%; } .navbar .navbar-brand i.mc2016 { position: absolute; right: 0px; top: 20px; cursor: pointer; } .navbar .navbar-brand i.mc2016[aria-expanded=true].icon-flechaabajo:before { content: "\e90e"; } .full-menu { height: 400px; background: #ffffff; position: relative; top: 0px; overflow-y: auto; } .full-menu ul { padding: 0px 0px 40px 0px !important; } .full-menu ul li { display: block; text-align: center; width: 100%; } .full-menu ul li a, .full-menu ul li.tab, .full-menu ul li .hidden-link { color: #072244 !important; display: block; width: 100%; padding: 15px 0px 15px 0px !important; font-size: 18px !important; } .full-menu ul li a .mc2016, .full-menu ul li.tab .mc2016, .full-menu ul li .hidden-link .mc2016 { position: relative; top: -2px; } .full-menu ul li a:hover, .full-menu ul li.tab:hover, .full-menu ul li .hidden-link:hover { color: #ffffff !important; background-color: #1e60b4; cursor: pointer; } .full-menu ul li a:hover .mc2016, .full-menu ul li.tab:hover .mc2016, .full-menu ul li .hidden-link:hover .mc2016 { color: #fff !important; fill: #fff; } #main-menu { /*-webkit-box-shadow: inset 0px 70px 57px -50px $dark-color; -moz-box-shadow: inset 0px 70px 57px -50px $dark-color; box-shadow: inset 0px 70px 57px -50px $dark-color;*/ font-size: 14px !important; /*********/ /*******/ } #main-menu.navbar-default { background-color: transparent; } #main-menu a, #main-menu a:hover { display: inline-block; } #main-menu .navbar-right { margin-right: 0px; } #main-menu .navbar-right ul li { padding: 8px; color: #ffffff; cursor: pointer; } #main-menu .navbar-right ul li a { padding: 0; } #main-menu #top-menu-right { position: absolute; right: 15px; /*li *{ vertical-align:middle; }*/ } #main-menu #top-menu-right li { padding: 12px 0px 11px 0px; border-top: 2px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } #main-menu #top-menu-right li[data-target="#tel"] { padding: 12px 0px 10px 0px; } #main-menu #top-menu-right a, #main-menu #top-menu-right a:hover { color: #ffffff; } #main-menu #top-menu-right .icon-sobre, #main-menu #top-menu-right .icon-usuario, #main-menu #top-menu-right .icon-telefonono, #main-menu #top-menu-right .icon-idiomas { font-size: 22px; vertical-align: sub; } #main-menu .item-search { position: relative; right: 0px; } #main-menu .item-search .search-form .form-group { transition: all 0.35s, border-radius 0s; width: 32px; height: 32px; background-color: transparent; margin-bottom: 0px; top: 10px; position: absolute; right: 0px; z-index: 15; } #main-menu .item-search .search-form .form-group input.form-control { padding-right: 20px; background: transparent; display: block; border: 0px; margin: 0px; padding: 0px; height: 32px; color: transparent; box-shadow: none; } #main-menu .item-search .search-form .form-group:hover, #main-menu .item-search .search-form .form-group.hover { width: 30%; } #main-menu .item-search .search-form .form-group span.form-control-feedback { position: absolute; top: 0px; right: -2px; z-index: 15; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #3596e0; left: initial; font-size: 14px; border-left: 1px solid #fff; } #main-menu .item-search .search-form .form-group span.form-control-feedback i.icon-lupa { font-size: 25px; } #main-menu .item-search .search-form .form-group:hover span.form-control-feedback { background-color: #2266bb; border: 1px solid #2266bb; height: 34px; } #main-menu .item-search .search-form .form-group:hover input.form-control { background-color: #fff; border: 1px solid #fff; color: #666666; } #main-menu .navbar-right ul li[aria-expanded=true] { background-color: #f6f6f6; color: #666666; } #main-menu .navbar-right ul li[aria-expanded=true] a { color: #666666; } #main-menu .navbar-right ul li[aria-expanded=true]:hover { color: #666666; } #main-menu .navbar-right ul li[aria-expanded=true] .icon-flechaabajo:before { content: "\e90e"; color: #666666; } #main-menu .navbar-right ul li[aria-expanded=true] i { color: #072244; } #main-menu #top-menu-right ul li[aria-expanded=true] { border-top: 2px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } #main-menu .tab-content { position: relative; border-top: none; top: 0px; margin-top: 0px; z-index: 10; } #main-menu .submenu { background-color: #f6f6f6; min-width: auto; width: 100%; position: absolute; top: -1px; z-index: 10; /*a, a:hover{ color:$dark-color!important; }*/ } #main-menu .submenu .container { padding: 30px 0px 30px 0px; } #main-menu .navbar-toggle { position: absolute; top: 8px; left: 15px; float: none; border: none; border-right: 1px solid #dedede; border-radius: unset; height: 35px; margin: 0px; padding: 0px; width: 40px; } #main-menu .navbar-toggle .icon-bar { background-color: #072244; } #main-menu #nav-toggle span, #main-menu #nav-toggle span:before, #main-menu #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 25px; background: #072244; position: absolute; display: block; content: ''; } #main-menu #nav-toggle span:before { top: -8px; } #main-menu #nav-toggle span:after { bottom: -8px; } #main-menu #nav-toggle span, #main-menu #nav-toggle span:before, #main-menu #nav-toggle span:after { transition: all 200ms ease-in-out; } #main-menu #nav-toggle.active span { background-color: transparent; } #main-menu #nav-toggle.active span:before, #main-menu #nav-toggle.active span:after { top: 0; } #main-menu #nav-toggle.active span:before { transform: rotate(45deg); } #main-menu #nav-toggle.active span:after { transform: rotate(-45deg); } #main-menu #navbar-collapse-1 ul li { line-height: 1.6em; } #main-menu #navbar-collapse-1 .icon-flechaabajo, #main-menu #navbar-collapse-1 .icon-flechaarriba { font-size: 1.2em !important; } #main-menu .tab-alert { position: absolute; top: 90px; width: 20%; background-color: #f9edc1; left: 40%; right: 40%; padding-top: 10px; color: #072244; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-top: 2px solid #f1c178; border-left: 2px solid #f1c178; border-right: 2px solid #f1c178; border-bottom: 2px solid #f1c178; } #main-menu .tab-alert p { line-height: 1; font-size: 1.3rem; /*18px;*/ font-weight: 600; } #main-menu .tab-alert span { padding: 0 15px 0 15px; } #main-menu .tab-alert button { position: absolute; right: 0px; top: 10px; } #main-menu .tab-alert button span { color: #072244; opacity: 1; } #main-menu .tab-alert .close { color: #072244; opacity: 1; } #main-menu .top-nav-collapse { background-color: #ffffff !important; box-shadow: unset; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0px; color: #666666; /*height: 50px; min-height: 50px;*/ /*a { color: $body-text-color; //#838487; }*/ } #main-menu .top-nav-collapse .navbar-toggle { display: block !important; } #main-menu .top-nav-collapse .tab-alert { top: 54px; } #main-menu .top-nav-collapse #navbar-collapse-1, #main-menu .top-nav-collapse #menu-content { display: none; } #main-menu .top-nav-collapse .navbar-brand { position: absolute; left: 65px; background: url("../img/logo-color.png") center left no-repeat; -webkit-transition: background .1s, top .3s, left .3s; transition: background .1s, top .3s, left .3s; } #main-menu .top-nav-collapse #top-menu-right ul li { color: #666666; } #main-menu .top-nav-collapse #top-menu-right ul li[aria-expanded=true] { border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 2px solid #2266bb; padding: 11px 0 11px 0; } #main-menu .top-nav-collapse #top-menu-right a, #main-menu .top-nav-collapse #top-menu-right a:hover, #main-menu .top-nav-collapse #top-menu-right .hidden-link, #main-menu .top-nav-collapse #top-menu-right .hidden-link:hover { color: #666666; } #main-menu .top-nav-collapse .mc2016 { color: #072244; } #main-menu .top-nav-collapse .collapse { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } #main-menu .top-nav-collapse .search-form .form-group span.form-control-feedback { border-left: 1px solid #dedede; } #main-menu .top-nav-collapse .search-form .form-group:hover span.form-control-feedback i.icon-lupa { color: #fff; } #main-menu .top-nav-collapse .search-form .form-group:hover input.form-control { border: 1px solid #dedede; } #main-menu .navbar-fixed-top .navbar-nav > li { font-size: 14px !important; } #main-menu .mc2016 { color: #ffffff; padding: 0px 5px 0px 5px; } #main-menu .top-menu { position: relative; z-index: 11; height: 48px; } #main-menu .top-menu .icon-flechaabajo, #main-menu .top-menu .icon-flechaarriba { font-size: 1em; } #main-menu .bg-white ul { margin: 0px; padding: 0px; display: block; /*height:50px; min-height:50px;*/ } #main-menu .bg-white ul li { display: inline-block; /** { vertical-align: middle; }*/ } #main-menu .bg-white ul li a { padding: 0px; } #main-menu .center-col { float: none; margin: 0 auto; } #main-menu #brands-list .paradisus { max-height: 63px; } #main-menu #brands-list .melia { max-height: 53px; } #main-menu #brands-list .sol { max-height: 53px; } #main-menu #brands-list .tryp { max-height: 55px; } #main-menu #brands-list ul li { width: 24%; text-align: center; } #main-menu #brands-list ul li a { filter: none; -webkit-filter: grayscale(0); opacity: 1; } #main-menu #brands-list ul li a:hover { opacity: 0.6; filter: gray; /* IE6-9 */ filter: grayscale(90%); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(90%); /* Google Chrome, Safari 6+ & Opera 15+ */ } #main-menu .menu { font-family: "Montserrat", "Roboto", arial, sans-serif; } #main-menu .menu a, #main-menu .menu a:hover { color: #ffffff; } #main-menu .selected-tel { font-size: 18px !important; font-wight: 400; } #main-menu .collapse p.hd { border-bottom: 1px solid #dedede; padding-bottom: 5px; } #expiriences.submenu a { color: #2266bb; } #expiriences.submenu a:hover { color: #999999; } .openMenu { background-color: #f6f6f6; color: #666666; } .openMenu a { color: #2266bb !important; } .openMenu i.mc2016[aria-expanded=true].icon-flechaabajo:before { content: "\e90e"; color: #666666; } #tel ul, #lang ul, #expiriences ul { padding: 5px; } #tel ul li p, #lang ul li p, #expiriences ul li p { border-bottom: 1px solid #dedede; margin: 0px; padding: 10px 5px 10px 5px; /*&:hover { background-color: $block-hover-color; }*/ } #hotels-list, #expiriences { border-top: 0 !important; } #hotels-list .hd, #hotelsByPolo .hd { border-bottom: 1px solid #dedede; text-transform: uppercase; margin-bottom: 10px; font-size: 12px; margin-top: 10px; margin-bottom: 10px; } #hotels-list .hd a:hover, #hotels-list .hd a:focus, #hotelsByPolo .hd a:hover, #hotelsByPolo .hd a:focus { color: #2266bb; } #hotels-list ul, #hotelsByPolo ul { /*padding: inherit;*/ padding-bottom: 15px; line-height: 1.3rem; /*padding-left:15px; padding-right:15px;*/ } #hotels-list ul li, #hotelsByPolo ul li { display: inline-block; width: 100%; padding-top: 5px; padding-bottom: 5px; /*margin-right:15px;*/ } #hotels-list ul li.hd, #hotelsByPolo ul li.hd { border-bottom: 1px solid #dedede; text-transform: uppercase; margin-bottom: 10px; font-size: 12px; margin-top: 10px; margin-bottom: 10px; } #hotels-list ul li.hd a:hover, #hotels-list ul li.hd a:focus, #hotelsByPolo ul li.hd a:hover, #hotelsByPolo ul li.hd a:focus { color: #2266bb; } #hotels-list .container, #hotelsByPolo .container { padding-bottom: 15px !important; } #newpassbox .box { width: 100%; } #newpassbox .box input { background-color: #fff; } .login { /*a, a:hover{ color:$dark-color; }*/ } .login input[type=email], .login input[type=password] { border: 1px solid #dedede; text-indent: 10px; background-color: #fff; } .login input[type=email]:hover, .login input[type=password]:hover { border: 1px solid #dedede; } .login #loginfrm { border-bottom: 1px solid #dedede; padding-bottom: 10px; } .login .box { padding: 10px; float: left; width: 100%; } .login .box .pull-right .btn:last-child { margin-right: 0px; } .login #newpass p { padding: 0px 0px 10px 0px; border: none; } .login p.large { border: none; font-size: 20px; padding: 10px; font-weight: 300; line-height: 23px; margin-bottom: 0px; } .login .rotate-btn { margin-top: 15px; cursor: pointer; } #main-menu { box-shadow: none; } .bgmenu, .bgmenu-basic { font-size: 14px; cursor: pointer; } .bgmenu .hidden-link, .bgmenu .hidden-link:hover, .bgmenu-basic .hidden-link, .bgmenu-basic .hidden-link:hover { color: #fff !important; } .bgmenu .nav > li > a, .bgmenu .nav > li > a:hover, .bgmenu .nav > li > a:focus, .bgmenu-basic .nav > li > a, .bgmenu-basic .nav > li > a:hover, .bgmenu-basic .nav > li > a:focus { color: #fff !important; background-color: transparent; } .bgmenu #en li:first-child, .bgmenu-basic #en li:first-child { width: 10%; padding-left: 0; padding-right: 0; } .bgmenu #en li:nth-child(2), .bgmenu-basic #en li:nth-child(2) { width: 25%; } .bgmenu #en li:nth-child(3), .bgmenu-basic #en li:nth-child(3) { width: 12%; padding-left: 0; padding-right: 0; } .bgmenu #en li:nth-child(4), .bgmenu-basic #en li:nth-child(4) { width: 15%; } .bgmenu #en li:nth-child(5), .bgmenu-basic #en li:nth-child(5) { width: 20%; padding-left: 0; padding-right: 0; } .bgmenu #en li:last-child, .bgmenu-basic #en li:last-child { width: 15%; padding-right: 0; } .bgmenu #es li:first-child, .bgmenu-basic #es li:first-child { width: 10%; padding-left: 0; padding-right: 0; } .bgmenu #es li:nth-child(2), .bgmenu-basic #es li:nth-child(2) { width: 20%; } .bgmenu #es li:nth-child(3), .bgmenu-basic #es li:nth-child(3) { width: 15%; padding-left: 0; padding-right: 0; } .bgmenu #es li:nth-child(4), .bgmenu-basic #es li:nth-child(4) { width: 17%; } .bgmenu #es li:nth-child(5), .bgmenu-basic #es li:nth-child(5) { width: 20%; padding-left: 0; padding-right: 0; } .bgmenu #es li:last-child, .bgmenu-basic #es li:last-child { width: 15%; padding-right: 0; } .bgmenu #fr li:first-child, .bgmenu-basic #fr li:first-child { width: 10%; padding-left: 0; padding-right: 0; } .bgmenu #fr li:nth-child(2), .bgmenu-basic #fr li:nth-child(2) { width: 25%; } .bgmenu #fr li:nth-child(3), .bgmenu-basic #fr li:nth-child(3) { width: 12%; padding-left: 0; padding-right: 0; } .bgmenu #fr li:nth-child(4), .bgmenu-basic #fr li:nth-child(4) { width: 15%; } .bgmenu #fr li:nth-child(5), .bgmenu-basic #fr li:nth-child(5) { width: 20%; padding-left: 0; padding-right: 0; } .bgmenu #fr li:last-child, .bgmenu-basic #fr li:last-child { width: 15%; padding-right: 0; } .bgmenu #de li:first-child, .bgmenu #pt li:first-child, .bgmenu-basic #de li:first-child, .bgmenu-basic #pt li:first-child { width: 10%; padding-left: 0; padding-right: 0; } .bgmenu #de li:nth-child(2), .bgmenu #pt li:nth-child(2), .bgmenu-basic #de li:nth-child(2), .bgmenu-basic #pt li:nth-child(2) { width: 25%; } .bgmenu #de li:nth-child(3), .bgmenu #pt li:nth-child(3), .bgmenu-basic #de li:nth-child(3), .bgmenu-basic #pt li:nth-child(3) { width: 12%; padding-left: 0; padding-right: 0; } .bgmenu #de li:nth-child(4), .bgmenu #pt li:nth-child(4), .bgmenu-basic #de li:nth-child(4), .bgmenu-basic #pt li:nth-child(4) { width: 15%; } .bgmenu #de li:nth-child(5), .bgmenu #pt li:nth-child(5), .bgmenu-basic #de li:nth-child(5), .bgmenu-basic #pt li:nth-child(5) { width: 20%; padding-left: 0; padding-right: 0; } .bgmenu #de li:last-child, .bgmenu #pt li:last-child, .bgmenu-basic #de li:last-child, .bgmenu-basic #pt li:last-child { width: 15%; padding-right: 0; } .bgmenu #pt li:nth-child(2), .bgmenu-basic #pt li:nth-child(2) { width: 23%; } .bgmenu #pt li:nth-child(4), .bgmenu-basic #pt li:nth-child(4) { width: 17%; } .bgmenu #ru li:first-child, .bgmenu-basic #ru li:first-child { width: 12%; padding-left: 0; padding-right: 0; } .bgmenu #ru li:nth-child(2), .bgmenu-basic #ru li:nth-child(2) { width: 23%; } .bgmenu #ru li:nth-child(3), .bgmenu-basic #ru li:nth-child(3) { width: 12%; padding-left: 0; padding-right: 0; } .bgmenu #ru li:nth-child(4), .bgmenu-basic #ru li:nth-child(4) { width: 17%; } .bgmenu #ru li:nth-child(5), .bgmenu-basic #ru li:nth-child(5) { width: 18%; padding-left: 0; padding-right: 0; } .bgmenu #ru li:last-child, .bgmenu-basic #ru li:last-child { width: 15%; padding-right: 0; } .navbar .navbar-brand { background: url("../img/logo-color.png") center left no-repeat; } #main-menu .navbar-right ul li, #main-menu .menu a, #main-menu .menu a:hover, #main-menu .mc2016, #main-menu #top-menu-right a, #main-menu #top-menu-right a:hover, #main-menu #top-menu-right .hidden-link, #main-menu #top-menu-right .hidden-link:hover { color: #666666; } #main-menu .item-search .search-form .form-group span.form-control-feedback { border-left: 1px solid #666666; } #main-menu .menu .navbar-right ul li { border-top: 2px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; } #main-menu #top-menu-right ul li[aria-expanded=true], #main-menu .menu .navbar-right ul li[aria-expanded=true] { border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 2px solid #2266bb; } #main-menu .submenu { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } #main-menu .submenu a.invert:hover { color: #2266bb; } .bgmenu { font-family: "Montserrat", "Roboto", arial, sans-serif; background-color: #072244; /*@include linearGradient(#072244, transparent, 1);*/ } .bgmenu .navbar-right { width: 100%; } .bgmenu .menu #menu-items { width: 100%; padding: 15px 0 15px; } .bgmenu .menu li { color: #fff; width: 20%; float: left; } .bgmenu .menu li a, .bgmenu .menu li a:hover, .bgmenu .menu li i, .bgmenu .menu li .hidden-link { color: #fff; padding: 0 10px 0 10px; } .bgmenu .menu li[aria-expanded='true'] { color: #666; } .bgmenu .menu li[aria-expanded='true'] a, .bgmenu .menu li[aria-expanded='true'] a:hover, .bgmenu .menu li[aria-expanded='true'] i, .bgmenu .menu li[aria-expanded='true'] .hidden-link { color: #666; } .bgmenu::after { content: ""; /*opacity: 0.65;*/ top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .bgmenu-basic { font-family: "Montserrat", "Roboto", arial, sans-serif; background-color: #5D5D5D; } .bgmenu-basic .navbar-right { width: 100%; } .bgmenu-basic .navbar-right ul li { border-left: none; border-right: none; } .bgmenu-basic .navbar-right ul li a, .bgmenu-basic .navbar-right ul li a:hover, .bgmenu-basic .navbar-right ul li .hidden-link, .bgmenu-basic .navbar-right ul li .mc2016 { color: #fff; } .bgmenu-basic .navbar-right ul li[aria-expanded=true] { border-left: none; border-right: none; border-top: 2px solid #5D5D5D; } .bgmenu-basic .navbar-right ul li[aria-expanded=true] a, .bgmenu-basic .navbar-right ul li[aria-expanded=true] a:hover, .bgmenu-basic .navbar-right ul li[aria-expanded=true] .hidden-link { color: #666666; } .bgmenu-basic .menu #menu-items { width: 100%; padding: 15px 0 15px; } .bgmenu-basic .menu li { color: #fff; width: 20%; float: left; } .bgmenu-basic .menu li a, .bgmenu-basic .menu li a:hover, .bgmenu-basic .menu li i, .bgmenu-basic .menu li .hidden-link { color: #fff; padding: 0 10px 0 10px; } .bgmenu-basic .menu li[aria-expanded='true'] { color: #666; } .bgmenu-basic .menu li[aria-expanded='true'] a, .bgmenu-basic .menu li[aria-expanded='true'] a:hover, .bgmenu-basic .menu li[aria-expanded='true'] i, .bgmenu-basic .menu li[aria-expanded='true'] .hidden-link { color: #666; } .bgmenu-basic::after { content: ""; /*opacity: 0.65;*/ top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #menu-content .submenu { z-index: -1; } .search-form .form-group span.form-control-feedback { border-left: 1px solid #dedede; } #main-menu .item-search .search-form .form-group:hover span.form-control-feedback i.icon-lupa { color: #fff; } #main-menu .item-search .search-form .form-group:hover input.form-control { border: 1px solid #dedede; } .c_loader { position: relative; min-height: 300px; margin-top: 50px; } .c_loader .inside { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } #main-carousel { margin-top: 100px; /*50px;*/ background-color: #072244; max-height: 600px; } #main-carousel h1 { text-transform: uppercase; margin: 0 0 1rem 0; font-weight: 400; } #main-carousel h3, #main-carousel .panel-title, #main-carousel .corporate-content .headertext, .corporate-content #main-carousel .headertext { font-weight: 400; line-height: 99%; font-family: "Montserrat", "Roboto", arial, sans-serif; margin: 0 0 1rem 0; } #main-carousel p { font-size: 2rem; font-weight: 400; line-height: 90%; padding: 0; } #main-carousel p .salert { font-size: 20px; color: #072244; display: inline-block; padding: 5px 10px 5px 10px; margin-top: 10px; background-color: #eedc94; } #main-carousel p:first-child { font-size: 2rem; } #main-carousel .offer { text-shadow: 1px 1px 3px rgba(28, 28, 28, 0.85); } #main-carousel .offer h3, #main-carousel .offer .panel-title, #main-carousel .offer .corporate-content .headertext, .corporate-content #main-carousel .offer .headertext, #main-carousel .offer h1 { font-size: 3.5rem; font-weight: 600; text-transform: none; /*padding-bottom:5px;*/ } #main-carousel .offer p { font-size: 2.5rem; } #main-carousel .btn-primary-transparent { margin-top: 1rem; margin-bottom: 0; } #main-carousel .btn-primary-transparent::after { content: ""; background-color: #072244; opacity: 0.85; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #main-carousel .carousel-inner .item { background-size: cover; background-position: center; } #main-carousel .carousel-inner .mc2016 { color: #fff; } #main-carousel .carousel-caption { height: auto; top: 55%; transform: translateY(-50%); text-shadow: none; left: 0; right: 0; bottom: 0; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; } #main-carousel .carousel-caption .verticalcenter { padding: 2% 0 2% 0; margin: 0 2%; top: 50%; left: 0; transform: translateY(-50%); /*max-height:280px;*/ } #main-carousel .carousel-caption-more { max-width: 100%; } #main-carousel .new-control .fa { background: none; border-radius: 0; position: absolute; top: 58%; padding-top: 0px; font-size: 50px; width: 75px; height: 75px; } #main-carousel .new-control .fa .mc2016 { vertical-align: baseline; } #main-carousel .left.new-control .fa { left: 20%; top: 50%; transform: translateY(-50%); } #main-carousel .right.new-control .fa { right: 20%; top: 50%; transform: translateY(-50%); } #main-carousel .search { position: absolute; bottom: 0; width: 100%; z-index: 100; } #main-carousel .search:after { content: ""; background-color: #072244; opacity: 0.65; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #main-carousel .carousel-indicators { z-index: 10; } #main-carousel.loadding .carousel-indicators, #main-carousel.loadding .carousel-control { display: none; } .top-icons { position: absolute; top: 0px; padding-top: 40px; left: 0; right: 0; color: #fff; z-index: 1; vertical-align: middle; font-size: 24px; } .top-icons div span { font-size: 24px; display: inline-block; } .top-icons div i { font-weight: 300; vertical-align: top; } .top-icons div .wifi { font-size: 44px; margin: 10px 0px 10px 10px; } #main-menu .media-icon i.mc2016 { color: #fff !important; } .media-icon { position: absolute; bottom: 20px; right: 0; left: 0; color: #fff; z-index: 2; } .media-icon .loader-container { width: 40px; height: 40px; float: right; } .media-icon .loader-container .loader { margin: 0 !important; width: 40px !important; height: 40px !important; font-size: 5px !important; } .media-icon span { cursor: pointer; } .media-icon .icon-video { font-size: 30px; margin-left: 15px; } .media-icon .icon-video:before { text-shadow: 0px -1px 10px black; } .media-icon .icon-camara { font-size: 34px; } .media-icon .icon-camara:before { text-shadow: 0px -1px 10px black; } .media-icon .icon-descargas { font-size: 32px; margin-left: 15px; } .media-icon .icon-descargas:before { text-shadow: 0px -1px 10px black; } .media-icon-hotels { position: relative; top: 0; left: 0; } @media only screen and (min-width: 769px) and (max-width: 1200px) { .clock_in { font-size: 1em; } } @media only screen and (max-width: 1200px) { #main-menu .top-nav-collapse .navbar-brand { width: 240px; transition: width 1s; } #main-menu .top-nav-collapse .navbar-brand i { background-color: #fff; } } @media only screen and (min-width: 1025px) and (max-width: 1200px) { #main-menu { box-shadow: none; } #main-menu .bgmenu .navbar-right #en li:first-child, #main-menu .bgmenu-basic .navbar-right #en li:first-child { width: 10%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #en li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #en li:nth-child(2) { width: 27%; } #main-menu .bgmenu .navbar-right #en li:nth-child(3), #main-menu .bgmenu-basic .navbar-right #en li:nth-child(3) { width: 10%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #en li:nth-child(4), #main-menu .bgmenu-basic .navbar-right #en li:nth-child(4) { width: 17%; } #main-menu .bgmenu .navbar-right #en li:nth-child(5), #main-menu .bgmenu-basic .navbar-right #en li:nth-child(5) { width: 18%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #en li:last-child, #main-menu .bgmenu-basic .navbar-right #en li:last-child { width: 15%; padding-right: 0; } #main-menu .bgmenu .navbar-right #es li:first-child, #main-menu .bgmenu-basic .navbar-right #es li:first-child { width: 10%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #es li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #es li:nth-child(2) { width: 23%; } #main-menu .bgmenu .navbar-right #es li:nth-child(3), #main-menu .bgmenu-basic .navbar-right #es li:nth-child(3) { width: 12%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #es li:nth-child(4), #main-menu .bgmenu-basic .navbar-right #es li:nth-child(4) { width: 17%; } #main-menu .bgmenu .navbar-right #es li:nth-child(5), #main-menu .bgmenu-basic .navbar-right #es li:nth-child(5) { width: 20%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #es li:last-child, #main-menu .bgmenu-basic .navbar-right #es li:last-child { width: 15%; padding-right: 0; } #main-menu .bgmenu .navbar-right #fr li:first-child, #main-menu .bgmenu-basic .navbar-right #fr li:first-child { width: 12%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #fr li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #fr li:nth-child(2) { width: 25%; } #main-menu .bgmenu .navbar-right #fr li:nth-child(3), #main-menu .bgmenu-basic .navbar-right #fr li:nth-child(3) { width: 10%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #fr li:nth-child(4), #main-menu .bgmenu-basic .navbar-right #fr li:nth-child(4) { width: 17%; } #main-menu .bgmenu .navbar-right #fr li:nth-child(5), #main-menu .bgmenu-basic .navbar-right #fr li:nth-child(5) { width: 18%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #fr li:last-child, #main-menu .bgmenu-basic .navbar-right #fr li:last-child { width: 15%; padding-right: 0; } #main-menu .bgmenu .navbar-right #de li:first-child, #main-menu .bgmenu .navbar-right #pt li:first-child, #main-menu .bgmenu-basic .navbar-right #de li:first-child, #main-menu .bgmenu-basic .navbar-right #pt li:first-child { width: 10%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #de li:nth-child(2), #main-menu .bgmenu .navbar-right #pt li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #de li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #pt li:nth-child(2) { width: 25%; } #main-menu .bgmenu .navbar-right #de li:nth-child(3), #main-menu .bgmenu .navbar-right #pt li:nth-child(3), #main-menu .bgmenu-basic .navbar-right #de li:nth-child(3), #main-menu .bgmenu-basic .navbar-right #pt li:nth-child(3) { width: 10%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #de li:nth-child(4), #main-menu .bgmenu .navbar-right #pt li:nth-child(4), #main-menu .bgmenu-basic .navbar-right #de li:nth-child(4), #main-menu .bgmenu-basic .navbar-right #pt li:nth-child(4) { width: 17%; } #main-menu .bgmenu .navbar-right #de li:nth-child(5), #main-menu .bgmenu .navbar-right #pt li:nth-child(5), #main-menu .bgmenu-basic .navbar-right #de li:nth-child(5), #main-menu .bgmenu-basic .navbar-right #pt li:nth-child(5) { width: 20%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #de li:last-child, #main-menu .bgmenu .navbar-right #pt li:last-child, #main-menu .bgmenu-basic .navbar-right #de li:last-child, #main-menu .bgmenu-basic .navbar-right #pt li:last-child { width: 15%; padding-right: 0; } #main-menu .bgmenu .navbar-right #pt li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #pt li:nth-child(2) { width: 23%; } #main-menu .bgmenu .navbar-right #ru li:first-child, #main-menu .bgmenu-basic .navbar-right #ru li:first-child { width: 12%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #ru li:nth-child(2), #main-menu .bgmenu-basic .navbar-right #ru li:nth-child(2) { width: 23%; } #main-menu .bgmenu .navbar-right #ru li:nth-child(3), #main-menu .bgmenu-basic .navbar-right #ru li:nth-child(3) { width: 12%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #ru li:nth-child(4), #main-menu .bgmenu-basic .navbar-right #ru li:nth-child(4) { width: 18%; } #main-menu .bgmenu .navbar-right #ru li:nth-child(5), #main-menu .bgmenu-basic .navbar-right #ru li:nth-child(5) { width: 18%; padding-left: 0; padding-right: 0; } #main-menu .bgmenu .navbar-right #ru li:last-child, #main-menu .bgmenu-basic .navbar-right #ru li:last-child { width: 15%; padding-right: 0; } } @media only screen and (max-width: 1024px) { #main-carousel { margin-top: 50px; } #main-carousel .carousel-indicators { bottom: 0px; margin-bottom: 0px; } #main-carousel .new-control .fa { font-size: 3rem; width: 3rem; height: 3rem; top: 50%; } #main-carousel .carousel-caption-more { max-width: 80%; } #main-carousel .carousel-caption { top: 45%; } .top-icons { top: 0; } } .visible-500 { display: none; } @media only screen and (max-width: 768px) { .media-icon { bottom: 5px; } #main-carousel .carousel-caption { top: 40%; transform: translateY(-40%); } #main-carousel .carousel-caption .verticalcenter { transform: translateY(-40%); } #main-carousel .btn-primary-transparent { margin-top: 0; } .clock_in { font-size: 0.8em; } } @media only screen and (max-width: 767px) { /*#main-menu .tab-content,*/ #main-carousel { margin-top: 50px; } #main-carousel h1 { font-size: 1.8rem; } #main-carousel h3, #main-carousel .panel-title, #main-carousel .corporate-content .headertext, .corporate-content #main-carousel .headertext, #main-carousel p { font-size: 1.3rem; } #main-carousel .new-control .fa { font-size: 2rem; } #main-carousel .btn-xlg { font-size: 1rem; } .full-menu { border-top: 1px solid #dedede; position: relative; top: 0px; } } @media only screen and (max-width: 600px) { #main-menu .top-nav-collapse .navbar-brand { width: 140px; transition: width 1s; background-size: 150%; } #main-menu .top-nav-collapse .navbar-brand i { background-color: #fff; } #main-menu #brands-list ul li { width: inherit; margin-top: 10px; } #main-menu #brands-list ul li:first-child { margin-top: 0px; } #main-carousel .new-control .fa { top: 50%; } #main-carousel .right.new-control .fa { right: 0; } #main-carousel .left.new-control .fa { left: 0; } } @media only screen and (max-width: 500px) { .visible-500 { display: block; } } #main-menu #section-crs .mc2016 { padding: 0; } #crspromo { background-color: #333333; padding-top: 10px; } #crspromo label { color: #fff; font-size: 14px; font-weight: normal; margin-right: 10px; margin-bottom: 0; } #crspromo input { width: auto; height: 1.8em; margin-bottom: 0; } .conpromo { position: absolute !important; right: 0 !important; } .type-head { font-family: "Montserrat", "Roboto"; color: #072244; border-bottom: 1px solid #dedede; font-size: 16px; line-height: 1.6; } .element { padding: 0px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; height: 55px; } #tests { /*&.crs-error{ border-bottom:4px solid red; color:red; i{ color:red; fill:red; } }*/ } #tests.selected { /* border-bottom: 4px solid $link-color-ppal; border-top:4px solid $bg-color-ppal;//new design background-color: $bg-color-ppal; i{ color:$link-color-ppal; fill:$link-color-ppal; }*/ } #tests.selected .typeahead-hotel { background-color: #f6f6f6; } .element i { color: #666666; fill: #666666; } .element.crs-error { border-bottom: 4px solid red; } .element.crs-error i { color: red; fill: red; } .element.selected { border-bottom: 4px solid #2266bb; background-color: #f6f6f6; border-top: 4px solid #f6f6f6; z-index: 12; /*.icon-flechaabajo:before{ content:"\e90e";//"\e905"; }*/ } .element.selected i { color: #2266bb; fill: #2266bb; } .element.selected .icon-remove { display: block !important; } .element.selected #occupancy { color: #2266bb; } .element.selected .icon-remove { display: block !important; } .unavailable { border-bottom: 4px solid #dedede; background-color: #fff; z-index: 11; } .unavailable i { color: #666666; fill: #666666; } #calendars { padding-bottom: 20px; } #calendars .daterangepicker { position: relative; top: 0 !important; left: 0 !important; width: 100% !important; font-family: "Montserrat", "Roboto", arial, sans-serif; margin-top: 0px; border-top: 0px; line-height: 22px; padding: 30px 0px 30px 0px; } #calendars .daterangepicker .daterangepicker_input { display: none; } #calendars .daterangepicker .calendar { width: 50% !important; max-width: 50% !important; /*.today{ background-color:transparent; border-radius:0px; border:1px solid $border-color; color:$link-color-ppal; }*/ } #calendars .daterangepicker .calendar.left { border-right: 1px solid #dedede; } #calendars .daterangepicker .calendar.right { margin-left: 0px !important; } #calendars .daterangepicker .calendar .prev.available .icon-flechaizq, #calendars .daterangepicker .calendar .prev.available .icon-flechaderecha, #calendars .daterangepicker .calendar .next.available .icon-flechaizq, #calendars .daterangepicker .calendar .next.available .icon-flechaderecha { color: #2266bb; } #calendars .daterangepicker .calendar .month { font-size: 14px; text-transform: uppercase; color: #072244; border-bottom: 1px solid #dedede; } #calendars .daterangepicker .calendar .active { color: #fff; border-radius: 0px; } #calendars .daterangepicker .calendar th.prev.available i { color: #2266bb; } #calendars .daterangepicker .calendar td.disabled { text-decoration: line-through; color: #999999; } #calendars .daterangepicker .calendar td.off { background-color: transparent; } #calendars .daterangepicker table { width: 100%; } #calendars .daterangepicker .table-condensed > thead > tr > th, #calendars .daterangepicker .table-condensed > tbody > tr > th, #calendars .daterangepicker .table-condensed > tfoot > tr > th, #calendars .daterangepicker .table-condensed > thead > tr > td, #calendars .daterangepicker .table-condensed > tbody > tr > td, #calendars .daterangepicker .table-condensed > tfoot > tr > td { padding: 10px; text-align: center; } #section-crs { position: relative; top: 0px; background-color: #333333; font-size: 18px; font-weight: 300; z-index: 10; /*.item-menu-open{ .icon-flechaabajo:before{ content:"\e90e";//"\e905"; } }*/ } #section-crs .icon-remove { position: absolute; right: 10px; top: 18px; } #section-crs .error { border-color: red; } #section-crs .icon-pin-mapa-relleno, #section-crs .icon-calendario, #section-crs .icon-usuario-relleno { font-size: 22px; } #section-crs a.invert:hover, #section-crs a.invert:focus { color: #2266bb; } #section-crs .label { color: #666666; font-size: inherit; font-weight: inherit; padding: 0; vertical-align: middle; line-height: 60px; /*&.vertically-center { position: relative; top: 30%; }*/ } #section-crs .label * { vertical-align: baseline; } #section-crs .remove { position: absolute; top: 15px; right: 15px; height: 34px; width: 34px; cursor: pointer; transition: all 300ms ease-in-out; /*&:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }*/ } #section-crs .remove:after, #section-crs .remove:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -1px; width: 2px; height: 16px; background: #2266bb; } #section-crs .remove:after { margin-top: -9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #section-crs .remove:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #section-crs .controllers { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 40px; height: 60px; border-left: 1px solid #dedede; } #section-crs .controllers div { position: absolute; left: 0px; right: 0px; height: 50%; cursor: pointer; box-sizing: border-box; background: #fff; transition: all 150ms ease-in-out; } #section-crs .controllers div:after, #section-crs .controllers div:before { content: ""; position: absolute; display: block; /*top: 50%; left: 50%; margin-left: -5px; margin-top: -1px; width: 10px; height: 2px;*/ top: 49%; left: 55%; margin-left: -10px; margin-top: 1px; width: 15px; height: 2px; background: #2266bb; } #section-crs .controllers .plus:before { margin-top: -5px; margin-left: -3px; height: 15px; width: 2px; } #section-crs .controllers .less { top: 50%; border-top: 1px solid #dedede; } #section-crs .crs-elements { margin: 10px 0px 10px 0px; position: relative; line-height: 2em; z-index: 9; } #section-crs .crs-elements #reportrange { cursor: pointer; } #section-crs .crs-elements #reportrange #checkin, #section-crs .crs-elements #reportrange #checkout { border-right: 1px solid #dedede; margin: 5px 0px 5px 15px; } #section-crs .adults-only { display: none; width: 50%; position: absolute; background: #fff; background: rgba(255, 255, 255, 0.9); top: 0px; bottom: 0px; right: 0px; box-sizing: border-box; padding: 0px; font-size: 13px; color: #797D83; border-bottom: 1px solid #dedede; } #section-crs .adults-only span { position: absolute; top: 50%; width: 100%; display: block; webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #section-crs .inputHotels { border-right: 1px solid #dedede; cursor: pointer; margin: 5px 0px 5px 15px; } #section-crs .inputHotels span { border: none; vertical-align: middle; display: inline-block; margin: 0px 10px 0px 10px; } #section-crs .occupancy { cursor: pointer; margin: 5px 0px 5px 15px; } #section-crs span { vertical-align: middle; } #section-crs span.from, #section-crs span.to, #section-crs span#occupancy { margin: 0px 10px 0px 10px; position: relative; top: 2px; } #section-crs .typeahead-hotel { /*border:none; margin:5px 0 0 0; width:100%; height:2rem; font-family: "Roboto"; left:0; top:0;*/ border: none; margin: 0; width: 98%; height: 2rem; font-family: "Roboto"; left: 0; top: 5px; position: absolute; } #section-crs .btn-primary { margin: 0px; position: relative; right: 0; padding: 15px 20px 16px 20px; top: 0; border: none; background-color: #00b2eb; } #section-crs .btn-primary:hover, #section-crs .btn-primary:focus { color: #fff !important; -webkit-filter: brightness(115%); filter: brightness(115%); } #section-crs .btn-default { font-size: 16px; } #section-crs[location='mpro'] .age_label { display: none; } .twitter-typeahead { position: inherit !important; width: 85%; } .type-chose { border-right: 1px solid #dedede; margin: 5px 0 0 15px; } .type-chose i:last-child { position: absolute; right: 10px; top: 38%; cursor: pointer; } .tt-menu { background-color: #f6f6f6; padding: 15px; width: 100%; line-height: 1.6; margin-top: 4px; } .tt-menu .tt-suggestion { cursor: pointer; } .tt-menu .tt-suggestion:hover { color: #2266bb; } #section-crs.affix { position: fixed; top: 53px; z-index: 10; width: 100%; /*-webkit-transition: all 1s; transition: all 1s;*/ transition: top 2s ease 3s; -webkit-transition: top 2s ease 0s; -moz-transition: top 2s ease 0s; -o-transition: top 2s ease 0s; right: 0px; left: 0px; } #section-crs.affix-0 { position: fixed; top: 93px; z-index: 10; width: 100%; /*-webkit-transition: all 1s; transition: all 1s;*/ transition: top 2s ease 3s; -webkit-transition: top 2s ease 0s; -moz-transition: top 2s ease 0s; -o-transition: top 2s ease 0s; right: 0px; left: 0px; } #hotelsByPolo { line-height: 18px; font-size: 16px; font-weight: 300; } #hotelsByPolo .content p.hd { display: none; margin-top: 10px; } #hotelsByPolo ul { margin-bottom: 10px; padding-bottom: 0; font-size: 14px; /*&:last-child{ padding-bottom:20px; }*/ } #dates .daterangepicker { background-color: #f6f6f6; } #dates .daterangepicker .calendar { background-color: #f6f6f6; } #dates .daterangepicker .calendar-table { border: none; background-color: #f6f6f6; } #dates .dropdown-menu { box-shadow: none; } /*#section-crs .controllers div{background-color: $bg-color-ppal;}*/ .mycollapse { position: absolute; top: 55px; width: 100%; left: 0px; display: none; z-index: 10; background-color: #f6f6f6; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .mycollapse .content { /*background-color: $bg-color-ppal;//#ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/ position: relative; } .daterangepicker { border-radius: 0px; transition: all .3s ease-in-out; } .daterangepicker:before, .daterangepicker:after { display: none; } .rooms .row { position: relative; } .rooms .row .room { position: relative; min-height: 61px; border-bottom: 1px solid #dedede; } .rooms .row .room .room_name .label { font-weight: 400; } .rooms .row .room .room_name .remove { border: 1px solid #2266bb; background-color: #fff; } .rooms .row .room .room_name, .rooms .row .room .room_adults { border-right: 1px solid #dedede; min-height: 61px; } .rooms .row .room .room_guests { min-height: 61px; } .rooms .row .room .room_childs.blocked { display: none; } .rooms .row .room .room_childs .childs_ages { height: 2.3em; border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; margin-top: 15px; font-size: 14px; } .rooms .row .room .room_childs .childs_ages div { width: 20%; display: inline-block; height: 100%; border-left: 1px solid #dedede; } .rooms .row .room .room_childs .childs_ages .age_label { border: none; width: 38%; float: left; line-height: 2; } .rooms .row .room .room_childs .childs_ages .child_age { padding: 0px; } .rooms .row .room .room_childs .childs_ages .child_age .icon-niño { font-size: 1.3em; vertical-align: baseline; } .rooms .row .room .room_childs .childs_ages .child_age[age_index="1"] { border-left: 0px; } .rooms .row .room .room_childs .childs_ages .child_age input[type=number] { margin: 0px; height: 1.8em; font-size: 100%; background-color: #fff; width: 65%; border: none; position: relative; top: -2px; text-indent: 3px; /*width: 40px; height: 1.3em; margin: 0px; padding: 3px;*/ } .rooms .row .add-room { background-color: #bbbbbb; padding: 10px 0 10px; /*border-left:1px solid $border-color-ppal; border-right:1px solid $border-color-ppal; border-bottom:1px solid $border-color-ppal;*/ } .rooms .row .add-room .btn-default { margin: 0px; position: relative; color: #2266bb; border: 1px solid #2266bb; } .rooms .row .add-room .btn-default:hover { color: #fff; background-color: #2266bb; } #section-crs span.adults, #section-crs span.childs, #section-crs .plus, #section-crs .less { color: #2266bb; font-weight: 500; } .indicator { z-index: 2; width: 20px; height: 20px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } .indicator .loader { width: 2em !important; height: 2em !important; margin: 0 !important; } .blocked { pointer-events: none; } .date-picker, .date-picker-wrapper { font-size: 16px; font-family: "Montserrat", "Roboto", arial, sans-serif; } .date-picker-wrapper.single-date { z-index: 12; } .date-picker-wrapper .month-wrapper { border: none; border-radius: 0; background-color: #fff; padding: 15px; margin: 0; width: auto !important; } .date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td { line-height: 1.5; width: 14%; } .date-picker-wrapper .month-wrapper table .week-name { height: 60px; color: #666666; } .date-picker-wrapper .month-wrapper table .caption { border-bottom: 1px solid #f6f6f8; } .date-picker-wrapper .month-wrapper table .caption .next:hover, .date-picker-wrapper .month-wrapper table .caption .prev:hover { background-color: transparent; color: #2266bb; } .date-picker-wrapper .month-wrapper table .day { color: #2266bb; line-height: 1.5; font-size: inherit; } .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth { color: #666666; } .date-picker-wrapper .month-wrapper table .day.checked { background-color: #2266bb; color: #fff; } .date-picker-wrapper .month-wrapper table .day.real-today { background-color: transparent; border: 1px solid #2266bb; } .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering { background-color: #2266bb; color: #ffffff !important; } .date-picker-wrapper .month-wrapper table .day.toMonth.valid { color: #2266bb; } .date-picker-wrapper .month-wrapper table .day.toMonth.invalid { color: #666666; cursor: not-allowed; opacity: 0.6; } .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked { color: #fff; } .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background-color: #2266bb !important; border: 1px solid #2266bb !important; } .date-picker-wrapper .time, .date-picker-wrapper .hour, .date-picker-wrapper .minute { margin-top: 10px; font-size: 16px; font-family: "Montserrat", "Roboto", arial, sans-serif; font-weight: 300; color: #072244; } #parentEl .element { background-color: #fff; } #parentEl #tests.selected .typeahead-hotel { background-color: #fff; } #parentEl input { background-color: #fff; } #parentEl .date-picker-wrapper { border: none; background-color: #f6f6f6; padding: 1%; line-height: 1.5; color: #666666; left: 0 !important; width: 98%; top: 55px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } #parentEl .date-picker-wrapper .drp_top-bar { font-family: "Roboto"; display: none; } #parentEl .date-picker-wrapper .gap { width: 0; border-right: 1px solid #f6f6f8; top: 0; visibility: visible !important; height: 100% !important; margin: 0 !important; background-color: transparent; } #parentEl .date-picker-wrapper .gap .gap-top-mask, #parentEl .date-picker-wrapper .gap .gap-bottom-mask { display: none; } #parentEl .date-picker-wrapper .month-wrapper { border: none; border-radius: 0; background-color: #fff; padding: 0; margin: 0; width: auto !important; } #parentEl .date-picker-wrapper .month-wrapper table, #parentEl .date-picker-wrapper .month-wrapper table.month2 { width: 45%; margin: 2%; } #parentEl .date-picker-wrapper .month-wrapper table th, #parentEl .date-picker-wrapper .month-wrapper table td, #parentEl .date-picker-wrapper .month-wrapper table.month2 th, #parentEl .date-picker-wrapper .month-wrapper table.month2 td { line-height: 1.5; width: 14%; } #parentEl .date-picker-wrapper .month-wrapper table .week-name, #parentEl .date-picker-wrapper .month-wrapper table.month2 .week-name { height: 60px; color: #666666; } #parentEl .date-picker-wrapper .month-wrapper table .caption, #parentEl .date-picker-wrapper .month-wrapper table.month2 .caption { border-bottom: 1px solid #f6f6f8; } #parentEl .date-picker-wrapper .month-wrapper table .caption .next:hover, #parentEl .date-picker-wrapper .month-wrapper table .caption .prev:hover, #parentEl .date-picker-wrapper .month-wrapper table.month2 .caption .next:hover, #parentEl .date-picker-wrapper .month-wrapper table.month2 .caption .prev:hover { background-color: transparent; color: #2266bb; } #parentEl .date-picker-wrapper .month-wrapper table .day, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day { color: #2266bb; line-height: 1.5; font-size: inherit; } #parentEl .date-picker-wrapper .month-wrapper table .day.nextMonth, #parentEl .date-picker-wrapper .month-wrapper table .day.lastMonth, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.nextMonth, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.lastMonth { color: #666666; } #parentEl .date-picker-wrapper .month-wrapper table .day.checked, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.checked { background-color: #2266bb; color: #fff; } #parentEl .date-picker-wrapper .month-wrapper table .day.real-today, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.real-today { background-color: transparent; border: 1px solid #2266bb; } #parentEl .date-picker-wrapper .month-wrapper table .day.real-today.checked, #parentEl .date-picker-wrapper .month-wrapper table .day.real-today.hovering, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.real-today.checked, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.real-today.hovering { background-color: #2266bb; color: #fff; } #parentEl .date-picker-wrapper .month-wrapper table .day.toMonth.valid, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.toMonth.valid { color: #2266bb; } #parentEl .date-picker-wrapper .month-wrapper table .day.toMonth.invalid, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.toMonth.invalid { color: #666666; cursor: not-allowed; opacity: 0.6; } #parentEl .date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked, #parentEl .date-picker-wrapper .month-wrapper table.month2 .day.toMonth.valid.checked { color: #fff; } #parentEl .date-picker-wrapper.single-date .month-wrapper table, #parentEl .date-picker-wrapper.single-date .month-wrapper table.month2 { width: 96%; } #parentEl .date-picker-wrapper .first-date-selected, #parentEl .date-picker-wrapper .last-date-selected { background-color: #2266bb !important; } input.from, input.to, input.butler-from, input.butler-to { background-color: transparent; width: 78%; margin: 0; padding: 0; font-weight: 300; vertical-align: middle; font-family: "Roboto"; font-size: 1em; } input.from, input.to { border: none; } .breadcrumb { margin: 0; padding: 0; background-color: transparent; font-size: 14px; } .path { background-color: #f6f6f6; padding: 5px 0px 5px 0px; margin-bottom: 65px; } .path.basicPath { margin-top: 60px; background-color: transparent; } .path.path-news { padding: 10px 0 10px 0; font-size: 20px; } .path.path-news a { color: red; } .path.path-news a i { font-size: 20px; position: relative; top: -1px; } .path.path-butler .navbar-nav { color: #A48D5F; position: absolute; right: 15px; } .path.path-butler .navbar-nav li { padding: 0 0 3px; color: #A48D5F; } .path.path-butler .navbar-nav li:hover { border-bottom: 1px solid #A48D5F; } .path.path-butler .navbar-nav li a { padding: 0 5px 0 5px; color: #A48D5F; } /*CRS EN LA PAGINA DEL HOTEL*/ .crs-hotel-price { background-color: #333333; color: #fff; font-family: "Montserrat", "Roboto", arial, sans-serif; font-size: 24px; /* 14px; */ line-height: 1.5em; padding: 9px 15px 10px; font-weight: 400; text-transform: uppercase; text-align: center; } .crs-hotel-price .precio { font-size: 24px; } .crs-hotel-price .light-300 { font-family: "Montserrat Light"; } .crs-hotel-price .nights { font-size: 12px; } /****/ @media only screen and (max-width: 1024px) { .path, .path.basicPath { margin-top: 0px; } } @media only screen and (max-width: 992px) { #section-crs { margin-top: 0px; padding: 5px 5px 10px 5px; /*#hotelsByPolo{ max-height: 300px; overflow-y: scroll; }*/ } #section-crs .container { width: 100%; } #section-crs .type-chose { border: none; } #section-crs #checkout { border: none !important; } #section-crs .codeagency { border: none; margin: 0; width: 95%; position: relative; top: 5px; } #section-crs .element { background-color: #fff; border-top: none; } #section-crs #tests.selected .typeahead-hotel { background-color: #fff; } #section-crs h2 { font-size: 20px; margin: 10px 0 10px 0; color: #fff; } #section-crs input { background-color: #fff; } #section-crs input.from, #section-crs input.to { text-indent: 25px; width: 90%; } #section-crs .mycollapse { position: relative; top: 0px; float: left; clear: both; } #section-crs .rooms .row .room .room_name, #section-crs .rooms .row .room .room_adults { border-bottom: 1px solid #dedede; } #section-crs .room_childs .label { padding-left: 0px; } #section-crs .room_childs.blocked { display: none; } #section-crs .icon-calendario { position: absolute; top: 17px; left: 15px; z-index: 2; } } @media only screen and (min-width: 768px) and (max-width: 992px) { /*#section-crs.affix{ top:52px; }*/ #section-crs .type-chose { border-right: none; } .element { border-bottom: 1px solid #dedede; } /*#hotelsByPolo.mycollapse{ top:63px; }*/ #dates.mycollapse { top: 110px; } .rooms.mycollapse { top: 163px; } #section-crs .mycollapse { border: none; } #section-crs .crs-elements #reportrange #checkout { border-right: none; } #calendars .daterangepicker .calendar.right { margin-right: 0px; } /*#section-crs .adults-only{ display:none!important; }*/ .rooms .row .room .room_name, .rooms .row .room .room_adults { border-right: none; border-bottom: 1px solid #dedede; } #section-crs .room_childs .label { padding-left: 0px; text-align: left; } #section-crs .remove { right: 8px; } /*#section-crs #hotelsByPolo{ max-height: 200px; min-height: 100%; overflow-y: scroll; }*/ #section-crs.affix, #section-crs.affix-0 { position: relative; top: 0px; } } @media only screen and (max-width: 991px) { #crspromo { padding-bottom: 10px; } .conpromo { position: relative !important; } } @media only screen and (max-width: 767px) { #section-crs { margin-bottom: 65px; } #section-crs.affix, #section-crs.affix-0 { position: relative; top: 0px; } .date-picker-wrapper .gap { visibility: hidden; display: none; } .date-picker-wrapper .month-wrapper table, .date-picker-wrapper .month-wrapper table.month2 { width: 98%; } .path.path-butler .navbar-nav { position: relative; float: left !important; clear: left; right: 0; } .path.path-butler .navbar-nav li { display: inline-block; } /*#parentEl .date-picker-wrapper{ position:relative; top:0; }*/ .element { border-bottom: 1px solid #dedede; } .rooms .row .room .room_name, .rooms .row .room .room_adults { border-right: none; border-bottom: 1px solid #dedede; } .rooms.mycollapse { top: 220px; } .crs-hotel-price { font-size: 18px; } } @media only screen and (max-width: 600px) { .rooms .row .room .room_childs .childs_ages { height: auto; margin-bottom: 10px; } .rooms .row .room .room_childs .childs_ages div { width: 30%; } .rooms .row .room .room_childs .childs_ages .age_label { width: 100%; } } @media only screen and (max-width: 320px) { .rooms .row .room .room_childs .childs_ages { margin-top: 0px; /*border:none; border-top:1px solid $border-color-ppal*/ } .rooms .row .add-room { padding: 5px 0px 5px 0px; text-align: center; } } table { border-style: none; border-top-width: 0; width: auto; } table tr { border-style: none; } table th, table td { border-style: none; padding-right: 1em; padding-bottom: 1em; text-align: left; min-width: 50px; vertical-align: top; } table th.tool, table td.tool { padding: 0 1em; } table thead th, table tr.index th { font-weight: bold; line-height: 1.25; } table thead th { padding-bottom: .25em; } table tbody:first-of-type tr.index th { padding-top: 1em; } table tbody th { font-weight: normal; } @media (max-width: 47.9375em) { table { border: 0; padding-bottom: 0; display: block; width: 100%; /* * make everything display block so it * aligns vertically */ /* Labeling * adding a data-title attribute to the cells * lets us add text before the content to provide * the missing context * * Markup: *