@charset "UTF-8"; /**** MATERIAL DESIGN STYLES ******/ /*! * 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; } .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; } .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 ***/ /*** 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 **********************/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: arial, sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: 700; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ /* 1 */ html input[type="button"], button, input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /********************* General classes **********************/ 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%; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .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-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; } 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 { color: #A38D5F; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; /*&.titular{ color: $dark-color; }*/ /*&[adultsonly="1"]:after{ content:" (+18)"; }*/ } a:hover, a:focus { text-decoration: none; color: #999999; } a.invert { color: #666666; } a.invert:hover, a.invert:focus { color: #A38D5F; } a.awhite { color: #fff; } a.awhite:hover, a.awhite:focus { color: #A38D5F; } a.default { color: #2266bb; } a.default:hover, a.default:focus { text-decoration: none; color: #999999; } a.titular { color: #072244; } a.titular:hover, a.titular:focus { color: #A38D5F; } 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: #A38D5F; } 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; } 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; } footer.page-footer { margin-top: 3em; } footer.page-footer .link-section { padding-bottom: 20px; } footer.page-footer .footer-content { padding: 2em; } footer.page-footer .footer-copyright { overflow: hidden; height: 50px; line-height: 25px; color: #b6b6b6; font-size: 12px; font-weight: 200; } footer.page-footer .footer-copyright a { color: #b6b6b6; font-size: 12px; font-weight: 200; } footer.page-footer .footer-copyright a:hover { text-decoration: underline; } footer.page-footer .column-title { text-transform: uppercase; margin-top: 15px; font-size: 16px; font-weight: 400; } footer.page-footer a { font-size: 14px; line-height: 25px; /*color: #88898B;*/ color: #666666; } footer.page-footer .social-section { padding-top: 15px; padding-bottom: 15px; text-align: center; } footer.page-footer .call-to-action { text-align: center; padding-bottom: 1.5rem; padding-top: 1.5rem; } footer.page-footer .call-to-action ul { margin-bottom: 0; } footer.page-footer .bordered { border-bottom: 1px solid rgba(158, 158, 158, 0.7); } footer.page-footer .padd-bott { padding-bottom: 30px; } footer.page-footer .pad-top { padding-top: 30px; } .img-100 { max-width: 100%; } .bg { background-color: #EBE7DF; } .bg-white { background-color: #ffffff !important; } .bgpueblo { background-color: #effafc; } .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-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: #A38D5F; } .ui-datepicker .ui-state-highlight { border: 1px solid #A38D5F; background: white; color: #A38D5F; } .ui-datepicker .ui-state-hover { color: #A38D5F; 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; } @media only screen and (max-width: 768px) { footer.page-footer .column-title { margin-top: 2em; } } .ajloader { z-index: 22; background-color: #fff; width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .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(163, 141, 95, 0.2); border-right: 1.1em solid rgba(163, 141, 95, 0.2); border-bottom: 1.1em solid rgba(163, 141, 95, 0.2); border-left: 1.1em solid #A38D5F; -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-radius: 0px; 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; } }*/ /********************* Montserrat font **********************/ /*@font-face { font-family: "Montserrat"; src: url("../../font/montserrat/Montserrat-UltraLight.ttf") format("truetype"); font-weight: 100; }*/ /*@font-face { font-family: "Montserrat"; src: url("../../font/montserrat/Montserrat-Thin.ttf") format("truetype"); font-weight: 200; } @font-face { font-family: "Montserrat"; src: url("../../font/montserrat/Montserrat-Light.ttf") format("truetype"); font-weight: 300; }*/ @font-face { font-family: "Montserrat"; src: url("../../font/montserrat/otf/Montserrat-Regular.otf") format("otf"), url("../../font/montserrat/ttf/Montserrat-Regular.ttf") format("truetype"), url("../../font/montserrat/webfonts/Montserrat-Regular.eot") format("embedded-opentype"), url("../../font/montserrat/webfonts/Montserrat-Regular.woff") format("woff"), url("../../font/montserrat/webfonts/Montserrat-Regular.woff2") format("woff2"); font-weight: 400; } /*@font-face { font-family: "Montserrat"; src:url("../../font/montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 500; }*/ @font-face { font-family: "Montserrat"; src: url("../../font/montserrat/Montserrat-Regular.otf") format("otf"), url("../../font/montserrat/ttf/Montserrat-Bold.ttf") format("truetype"); font-weight: 700; } /********************* Roboto font **********************/ /* @font-face { font-family: "Roboto"; src: url("../../font/roboto/Roboto-Thin.woff2") format("woff2"), url("../../font/roboto/Roboto-Thin.woff") format("woff"), url("../../font/roboto/Roboto-Thin.ttf") format("truetype"); font-weight: 200; }*/ /*@font-face { font-family: "Roboto"; src:url("../../font/roboto/Roboto-Light.woff2") format("woff2"), url("../../font/roboto/Roboto-Light.woff") format("woff"), url("../../font/roboto/Roboto-Light.ttf") format("truetype"); font-weight: 300; }*/ @font-face { font-family: "Roboto"; src: url("../../font/roboto/Roboto-Regular-webfont.eot") format("eot"), url("../../font/roboto/Roboto-Regular-webfont.woff") format("woff"), url("../../font/roboto/google/roboto-regular.ttf") format("truetype"), url("../../font/roboto/Roboto-Regular-webfont.otf") format("otf"); font-weight: 300; } /* @font-face { font-family: "Roboto"; src: url("../../font/roboto/Roboto-Medium.woff2") format("woff2"), url("../../font/roboto/Roboto-Medium.woff") format("woff"), url("../../font/roboto/Roboto-Medium.ttf") format("truetype"); font-weight: 500; } @font-face { font-family: "Roboto"; src: url("../../font/roboto/Roboto-Bold.woff2") format("woff2"), url("../../font/roboto/Roboto-Bold.woff") format("woff"), url("../../font/roboto/Roboto-Bold.ttf") format("truetype"); font-weight: 700; }*/ /********************* Buttons **********************/ .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: #A38D5F; opacity: 1; } .btn-zoom { z-index: 2; position: absolute; right: 0px; bottom: 0px; margin: 0px; padding: 10px; background-color: #072244; opacity: 0.7; } .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; -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; } .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; } .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: #A38D5F; border: 1px solid #A38D5F; 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: #A38D5F; color: #fff !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; } .btn-default { color: #A38D5F; background: #fff; border: 1px solid #A38D5F; transition: all 0.3s linear; } .btn-default:hover, .btn-default:focus { background-color: #A38D5F; color: #fff !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; } .btn-primary { background: #A38D5F; border: 1px solid #A38D5F; } .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: #A38D5F !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; } .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: #A38D5F; color: #fff !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; 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-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: #A38D5F; color: #fff !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; } .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: #A38D5F !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; } .btn-login-agent { background: #ed6921; border: 1px solid #ed6921; 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: #ed6921 !important; border-right: 1px solid #ed6921; border-bottom: 1px solid #ed6921; border-top: 1px solid #ed6921; border-left: 1px solid #ed6921; } .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: #A38D5F; } .m-progress:hover, .m-progress:active, .m-progress:focus { background-color: #A38D5F; color: transparent !important; border-right: 1px solid #A38D5F; border-bottom: 1px solid #A38D5F; border-top: 1px solid #A38D5F; border-left: 1px solid #A38D5F; 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, h5 { 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; } h1.special { font-size: 14px; position: absolute; font-weight: 300; top: -25px; color: #072244; } 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 { margin-bottom: 0px; margin-top: 0px; font-weight: 400; } h2.resp-accordion { margin: 0 !important; } h3, .panel-title, .corporate-content .headertext { font-size: 1.6rem; line-height: 110%; margin: 0.8rem 0 0.64rem 0; } 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; } 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-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: 2rem !important; } .h2-responsive { font-size: 1.84rem; } .h3-responsive { font-size: 1.7rem !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.92rem !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: #ffab40; 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; text-transform: uppercase; } .card .card-action a:hover { color: #ffd8a6; } .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: #EBE7DF; 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: #EBE7DF; } .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: #A38D5F; } .dropdown-menu li > a > i { height: inherit; line-height: inherit; } /********************* Tooltip **********************/ .tooltip { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: 300; } .tooltip .tooltip-arrow { border-top-color: #222; margin: 1px; } .tooltip > .tooltip-inner { background-color: #222; color: #FFFFFF; border: 1px solid #222; padding: 15px; font-size: 20px; border-radius: 0px; } .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: #A38D5F; 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: #A38D5F; } .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: #A38D5F; border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #A38D5F; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #A38D5F; border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #A38D5F; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #A38D5F; } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #A38D5F; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #A38D5F; } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #A38D5F; } .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; } } /********************* Scrollspy **********************/ @media (min-width: 768px) { .scrollspy { padding-left: 20px; } } #scrollspy { margin-top: 20px; margin-bottom: 20px; } #scrollspy .nav > li > a { display: block; padding: 4px 20px; font-size: 13px; font-weight: 500; color: #767676; border-radius: 0px; } #scrollspy .nav > li > a:focus, #scrollspy .nav > li > a:hover { padding-left: 19px; color: #563d7c; text-decoration: none; background-color: transparent; border-left: 1px solid #563d7c; } #scrollspy .nav > .active:focus > a, #scrollspy .nav > .active:hover > a, #scrollspy .nav > .active > a { padding-left: 18px; font-weight: 700; color: #563d7c; background-color: transparent; border-left: 2px solid #563d7c; } #scrollspy .nav .nav > li > a { padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 12px; font-weight: 400; } #scrollspy .nav .nav > li > a:focus, #scrollspy .nav .nav > li > a:hover { padding-left: 29px; } #scrollspy .nav .nav > .active:focus > a, #scrollspy .nav .nav > .active:hover > a, #scrollspy .nav .nav > .active > a { padding-left: 28px; font-weight: 500; } /********************* Pagination **********************/ .pagination li { float: left; font-size: 1.2rem; line-height: 30px; border-radius: 2px; text-align: center; } .pagination li .active { background-color: #ee6e73; } .pagination li a { color: #444; } .pagination li a:active { color: #000; } .pagination li a:hover { background-color: transparent; } .pagination li .prev, .pagination li .next { cursor: pointer; } .pagination-dark li { float: left; font-size: 1.2rem; line-height: 30px; border-radius: 2px; text-align: center; } .pagination-dark li .active { background-color: #ee6e73; } .pagination-dark li a { color: #eee; background-color: transparent; } .pagination-dark li a:active { color: #000; } .pagination-dark li a:hover { background-color: transparent; } .pag-circle .active a { border-radius: 50%; } /********************* 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: #A38D5F; } /********************* 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; } /********************* Video background **********************/ .homepage-hero-module { border-right: none; border-left: none; position: relative; } .no-video .video-container video, .touch .video-container video { display: none; } .no-video .video-container .poster, .touch .video-container .poster { display: block !important; } .video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; } .video-container .poster img { width: 100%; bottom: 0; position: absolute; } .video-container .filter { z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; } .video-container video { position: absolute; z-index: 0; bottom: 0; } .video-container video.fillWidth { width: 100%; } /********************* Parallax **********************/ .parallax { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position: relative; padding-top: 3em; padding-bottom: 3em; } /* 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-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: #EBE7DF; 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: 5px; margin-bottom: 20px; } .attentions div { padding-top: 15px; padding-bottom: 15px; } .fc { background-color: #EBE7DF; 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: #A38D5F; } @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; } } /********************* Waves **********************/ /*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-block { display: block; } /* Firefox Bug: link not triggered */ a.waves-effect .waves-ripple { z-index: -1; } @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; } /*CRS*/ .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; color: 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; } .element.selected i { color: #2266bb; fill: #2266bb; } .element.selected .icon-flechaabajo:before { content: "\e90e"; } .element.selected #occupancy { color: #2266bb; } .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; /*.item-menu-open{ .icon-flechaabajo:before{ content:"\e90e";//"\e905"; } }*/ } #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 { background-color: #ffffff; 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: #A38D5F; } #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: 9; width: 100%; /*-webkit-transition: all 1s; transition: all 1s;*/ transition: top 0.5s ease 3s; -webkit-transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; right: 0px; left: 0px; } #hotelsByPolo { line-height: 18px; font-size: 16px; font-weight: 300; max-height: 500px; overflow-y: scroll; } #hotelsByPolo .content p.hd { display: none; margin-top: 10px; } #hotelsByPolo ul { margin-bottom: 10px; padding-bottom: 0; line-height: 1.3rem; min-height: 150px; /* 200 */ } #hotelsByPolo ul: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: #f6f6f6; } .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: 32%; display: inline-block; height: 100%; border-left: 1px solid #dedede; } .rooms .row .room .room_childs .childs_ages .age_label { border: none; } .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; } span.adults, span.childs, .plus, .less { color: #2266bb; } .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 .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 { background-color: transparent; width: 78%; margin: 0; padding: 0; border: none; font-weight: 300; vertical-align: middle; font-family: "Roboto"; font-size: 1em; } .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: 90px; background-color: transparent; } /*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; } #section-crs .container { width: 100%; } #section-crs #hotelsByPolo { max-height: 300px; overflow-y: scroll; } #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 { position: relative; top: 0px; } } @media only screen and (max-width: 767px) { #section-crs { margin-bottom: 50px; } #section-crs.affix { 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%; } /*#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: 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; } } /*HOTELS & RESORTS*/ .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 { margin: 0px; } .padding-30 { padding-left: 30px; padding-right: 30px; } #tab-hotelList, #tab-hotelMap { padding-top: 40px; } .dir-col i { font-size: 16px !important; } .resp-tabs-container h2 .mc2016, .resp-tabs-list .mc2016 { margin-right: 10px; } .resp-tabs-list { margin: 50px 0px 0px 0px; border-top: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #dedede; } .resp-tabs-list li div { border-bottom: 1px solid #fff; } .resp-tabs-list li a { display: inline-block; padding: 10px 0px 10px 0px; margin: 5px 0px 5px 0px; width: 100%; } .resp-tabs-list li a.dir { border-right: 1px solid #dedede; } .resp-tabs-list li a:hover, .resp-tabs-list li a:active, .resp-tabs-list li a:focus, .resp-tabs-list li a:visited { background-color: transparent; } .resp-tabs-list li a:focus, .resp-tabs-list li a:active, .resp-tabs-list li a:visited { color: #A38D5F; } .resp-tabs-list li a .mc2016 { margin-right: 10px; } .resp-tabs-list li.active { border-bottom: 1px solid #A38D5F; /*div{ border-bottom:1px solid $link-color; }*/ } .resp-tabs-list .icon-direcorio-hoteles { font-size: 30px; } .resp-tabs-list .icon-pin-mapa { font-size: 30px; } .directory .item-dir .th { background-color: #EBE7DF; line-height: 3rem; margin-bottom: 10px; } .directory .item-dir .th h3, .directory .item-dir .th .panel-title, .directory .item-dir .th .corporate-content .headertext, .corporate-content .directory .item-dir .th .headertext, .directory .item-dir .th span.numhotels { display: inline; font-size: 1.6rem; text-transform: none; } .directory .item-dir .th h3, .directory .item-dir .th .panel-title, .directory .item-dir .th .corporate-content .headertext, .corporate-content .directory .item-dir .th .headertext { font-weight: 400; } .directory .item-dir .th span.numhotels { font-weight: 300; } .directory .item-dir .th .price-col { text-align: right; } .directory .item-dir ul { margin: 10px 0px 30px 0px; } .directory .item-dir ul li { line-height: 24px; } .directory .item-dir ul li .hbrand { padding: 10px 0px 10px; border-bottom: 1px solid #dedede; margin-bottom: 20px; width: 60%; } .directory .item-hot:first-child .card { margin-top: 0; } .directory .item-hot .card { margin-bottom: 2rem; font-size: 16px; line-height: 2rem; clear: both; } .directory .item-hot .card .card-image { float: left; width: 30%; } .directory .item-hot .card .card-content { float: right; width: 70%; padding: 15px 30px 10px 30px; text-align: left; } .directory .item-hot .card .card-content i { font-size: 25px; /*color: $link-color;*/ } .directory .item-hot .card .card-content h3 i, .directory .item-hot .card .card-content .panel-title i, .directory .item-hot .card .card-content .corporate-content .headertext i, .corporate-content .directory .item-hot .card .card-content .headertext i { color: #b95010; font-size: 16px; } .directory .item-hot .card .card-action { padding: 10px 0px 0px 0px; margin-top: 10px; float: left; clear: both; } .directory .item-hot .card .card-action .sheet-link { margin-left: 15px; } .directory .item-hot .card .card-action .sheet-link a { text-transform: none; color: #A38D5F; } .directory .item-hot .card .card-action .sheet-link a:hover { color: #999999; } .directory .item-hot .card .card-action .price-col { text-align: right; } .directory .item-hot .card .card-action .price-col .from { font-size: 14px; } .directory .item-hot .card .card-action .price-col p { margin: 5px 0px 10px 0px; } .directory .item-hot .card .card-action .dir-col { padding-right: 40px; } .directory .item-hot .card .card-action .btn { margin: 0; width: 100%; } .directory .item-prod:first-child .card { margin-top: 30px; } .directory .item-prod:last-child .card { border-bottom: none; } .directory .item-prod .card { margin-bottom: 2rem; padding-bottom: 2rem; font-size: 16px; clear: both; border: none; box-shadow: none; background-color: transparent; border-bottom: 1px solid #dedede; } .directory .item-prod .card p, .directory .item-prod .card label { font-size: 16px; } .directory .item-prod .card .card-image { float: left; width: 30%; } .directory .item-prod .card .card-content { float: right; width: 70%; padding: 0px 30px 10px 30px; } .directory .item-prod .card .card-content i { font-size: 25px; vertical-align: baseline; color: #A38D5F; } .directory .item-prod .card .card-content h3, .directory .item-prod .card .card-content .panel-title, .directory .item-prod .card .card-content .corporate-content .headertext, .corporate-content .directory .item-prod .card .card-content .headertext { margin: 0; } .directory .item-prod .card .card-content h3 i, .directory .item-prod .card .card-content .panel-title i, .directory .item-prod .card .card-content .corporate-content .headertext i, .corporate-content .directory .item-prod .card .card-content .headertext i { color: #b95010; font-size: 16px; } .directory .item-prod .card .card-content p { margin: 15px 0px 15px 0px; } .directory .item-prod .card .card-content ul li { margin: 0; } .directory .item-prod .card .card-content .data-labels label { font-weight: 500; color: #666666; } .single-hotel .item-hot { width: 100%; } .single-hotel .item-hot .card { border-radius: 0; box-shadow: none; background-color: transparent; } .single-hotel .item-hot .card-image { width: 40%; } .single-hotel .item-hot .card-image img { border-radius: 0; } .single-hotel .item-hot .card-content { width: 60%; } .hotel-cards-vertical .price { top: 0; } .hotel-cards-vertical .card { margin-bottom: 0; } .hotel-cards-vertical .card .card-content { padding: 20px 20px 5px 20px; } .hotel-cards-vertical .card p { margin-top: 5px; } .hotel-cards-vertical .card p i { vertical-align: baseline; } .hotel-cards-vertical .card .card-action { border: none; padding: 10px 20px 20px 20px; } .hotel-cards-vertical .card .card-action .btn { width: 100%; white-space: normal; margin: 0; } .hotel-cards-vertical .hightlight { padding: 5px 10px; border: 1px solid #fff; font-size: 14px; background-color: #d9e5f6; } #map { height: 0; overflow: hidden; padding-bottom: 22.25%; position: relative; min-height: 800px; } .map .gmap img { max-width: 100%; } .panoram { position: relative; } .panoram img { max-width: 50%; height: 100%; } .panoram .centerContent { padding: 30px; color: #fff; position: absolute; left: 25%; top: 50%; transform: translateY(-50%); text-align: center; width: 50%; } .panoram .centerContent:after { content: ""; background-color: #072143; opacity: 0.65; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .panoram .centerContent h2 { font-weight: 400; margin: 0; } .panoram .centerContent p { font-size: 18px; margin: 30px 0; line-height: 1.6; } .panoram .centerContent .btn { margin: 20px 0px 0px 0px; } .news { margin-top: 70px; margin-bottom: 70px; } .news #novelties-carousel { margin-top: 50px; } .news img { width: 100%; } .news p { margin-top: 20px; } .news h2 { margin-bottom: 40px; } .interests { padding-bottom: 5rem; } .interests h3, .interests .panel-title, .interests .corporate-content .headertext, .corporate-content .interests .headertext { line-height: 1.3; } .marker-container .marker-hot { font-family: "Montserrat"; font-size: 18px; margin: 10px 0 5px 0; } .marker-container .thumbnail { margin: 10px 0 10px 0; } .marker-container .btn { margin-right: 0; } @media only screen and (max-width: 1024px) { .panoram .beach { width: 100%; max-width: 100%; } .panoram .centerContent { width: 95%; left: 2.5%; } } @media only screen and (max-width: 768px) { .home-dest { margin-top: 50px; } .directory .item-prod .card .card-image, .directory .item-prod .card .card-content { width: 100%; } .directory .item-prod .card .card-content { padding: 20px 0 0 0; } .news h3, .news .panel-title, .news .corporate-content .headertext, .corporate-content .news .headertext { margin-top: 20px; } } @media only screen and (max-width: 767px) { .nav-tab li a.dir { border: none; } .directory .item-hot .card .card-action .price-col { text-align: left; } .directory .item-hot .card .card-action .btn { margin: 20px 0; } .panoram .centerContent { position: relative; top: 0px; /*left:0px;*/ transform: inherit; padding: 10px; } .panoram .centerContent:after { opacity: 1; } .hotel-cards-vertical .card .card-content { height: auto !important; } } @media only screen and (max-width: 600px) { .directory .item-hot .card .card-image, .directory .item-hot .card .card-content { width: 100%; } .directory .item-dir .th .price-col { text-align: left; } .directory .item-dir ul li .hbrand { width: 100%; } .single-hotel .item-hot .card .card-image, .single-hotel .item-hot .card .card-content { width: 100%; } } /*CUSTOM STYLES*/ 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: *