/*------------------------------------------------------------------ Project: JPass Version: 2.0 Last update: 09.01.2020 Author: Miraze Dewan [Table of contents - Fefactoring CSS] 1. Header (RF01 - RF03) 4. Hero-Section 5. Map 6. Sidebar 7. Infobox 8. Global Elements 9. Universal Classes 10. Classes 11. Modal 12. OWL 13. Panel 14. Form Defaults 15. Form Buttons 16. Form Controls 17. Responsive 18. JPass Default 19. JPass Global 20. JPass Home 21. JPass Form 22. JPass Components 23. JPass Payment 24. JPass Event 25. JPass Responsive 26. Few-UI Language 27. Few-UI Password Validation 28. Few-UI Passes 29. Few-UI Alert 30. Few-UI Loader 31. Few-UI Overlay 32. Few-UI Management 33. Few-UI General 34. Few-UI Responsive 35. JPass.Add Login 36. JPass.Add Loader 37. JPass.Add Navbar 38. JPass.Add Map 39. JPass.Add Sidebar 40. JPass.Add Rating 41. JPass.Add Select 42. JPass.Add Elements 43. JPass.Add Passes 44. JPass.Add Credit Card 45. JPass.Add Account 46. JPass.Add Payment 47. JPass.Add Popover 48. JPass.Add Modal 49. JPass.Add Responsive 50. Passes Mixin 51. Passes Global 52. Passes Transient 53. Passes Booking 54. Passes Subscription 55. Passes OnStreet 56. Passes Responsive 57. BlueBadge 58. JPass.Add Login Booking Custom Icons -------------------------------------------------------------------*/ /* SETTINGS -------------------------------------------------------------------*/ /*------------------------------------------------------------------ Color palette -------------------------------------------------------------------*/ /*------------------------------------------------------------------ WHITE -------------------------------------------------------------------*/ /*------------------------------------------------------------------ BLACK -------------------------------------------------------------------*/ /*------------------------------------------------------------------ GRAY -------------------------------------------------------------------*/ /*------------------------------------------------------------------ DARK GRAY -------------------------------------------------------------------*/ /*------------------------------------------------------------------ Unidentified Colors -------------------------------------------------------------------*/ /*------------------------------------------------------------------ RED -------------------------------------------------------------------*/ /*------------------------------------------------------------------ YELLOW -------------------------------------------------------------------*/ /*------------------------------------------------------------------ ORANGE -------------------------------------------------------------------*/ /*------------------------------------------------------------------ BLUE -------------------------------------------------------------------*/ /*------------------------------------------------------------------ STATUS -------------------------------------------------------------------*/ /*------------------------------------------------------------------ PASSES -------------------------------------------------------------------*/ /*------------------------------------------------------------------ ALERT -------------------------------------------------------------------*/ /*------------------------------------------------------------------ ALERT FORM FEW UI -------------------------------------------------------------------*/ /*------------------------------------------------------------------ BLUEBADGE -------------------------------------------------------------------*/ /*------------------------------------------------------------------ SPECIAL GROUPS -------------------------------------------------------------------*/ /* RF 08 - taken from _elements.global */ body { color: #1a1a1a; font-size: 16px; font-family: 'SegoeUI', sans-serif; position: relative; background: #fafafa; } /* GENERIC -------------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, figure, table, th, td, caption, hr { margin: 0; padding: 0; } /* LAYOUT -------------------------------------------------------------------*/ .mainBodyWithHeader { transform: translateY(70px); } body .primary-nav, body .secondary-nav { display: inline-block; margin-right: 15px; padding-right: 15px; position: relative; border-right: 1px solid rgba(0, 0, 0, 0.1); } body:not(.nav-btn-only) .primary-nav.has-mega-menu { position: initial; margin-right: 0; } body .primary-nav.has-mega-menu .mega-menu-parent, body .secondary-nav.has-mega-menu .mega-menu-parent { position: initial; display: inline-block; } body .primary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu, body .secondary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; pointer-events: auto; } body .primary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu:hover, body .secondary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu:hover { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; pointer-events: auto; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu { visibility: hidden; pointer-events: none; position: absolute; right: -7px; text-align: left; top: -3px; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu:hover, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu:hover { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; pointer-events: auto; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .nav-wrapper, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .nav-wrapper { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: #FFF; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu h4, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; margin-bottom: 10px; margin-top: 0; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block; background-color: transparent; border: none; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; padding: 3px 0 !important; font-weight: bold; display: inline-block; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a:hover, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #db0812; } body:not(.nav-btn-only) .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container { padding-left: 30px; padding-right: 0px; padding-top: 30px; padding-bottom: 30px; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row { display: table; width: 100%; height: 100%; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row > [class*=" col-"], body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row > [class*=" col-"] { display: table; height: 100%; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .image, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .image { width: 100%; height: 100%; position: relative; display: table; z-index: 1; } body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .btn, body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .btn { z-index: 1; } body .primary-nav.has-mega-menu .mega-menu-parent .wrapper, body .secondary-nav.has-mega-menu .mega-menu-parent .wrapper { right: 0 !important; left: inherit !important; } body .primary-nav ul.navigation, body .secondary-nav ul.navigation { list-style: none; margin-bottom: 0; } body .primary-nav ul.navigation > li.has-child:hover > a, body .secondary-nav ul.navigation > li.has-child:hover > a { color: #db0812; border: 2px solid rgba(0, 0, 0, 0.2); } body .primary-nav ul.navigation > li.has-child:hover > a:before, body .secondary-nav ul.navigation > li.has-child:hover > a:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } body .primary-nav ul.navigation > li.has-child:hover > a:after, body .secondary-nav ul.navigation > li.has-child:hover > a:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } body .primary-nav ul.navigation > li.has-child:hover .wrapper, body .secondary-nav ul.navigation > li.has-child:hover .wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); pointer-events: auto; } body .primary-nav ul.navigation li, body .secondary-nav ul.navigation li { display: inline-block; position: relative; text-align: left; vertical-align: middle; } body .primary-nav ul.navigation li.has-child > a, body .secondary-nav ul.navigation li.has-child > a { padding-right: 20px; } body .primary-nav ul.navigation li.has-child > a:before, body .secondary-nav ul.navigation li.has-child > a:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; color: #000; content: "\f078"; position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; margin: auto; height: 11px; padding-right: 7px; } body .primary-nav ul.navigation li.has-child > a:after, body .secondary-nav ul.navigation li.has-child > a:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; color: #000; content: "\f077"; position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; margin: auto; height: 11px; padding-right: 7px; } body .primary-nav ul.navigation li.has-child > .wrapper, body .secondary-nav ul.navigation li.has-child > .wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); position: absolute; top: 100%; z-index: 1; /****/ right: inherit; left: 0; } body .primary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper, body .primary-nav ul.navigation li.has-child > .wrapper .mega-menu .nav-wrapper { -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); padding-left: 0; margin-top: 10px; min-width: 150px; } body .secondary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper, body .secondary-nav ul.navigation li.has-child > .wrapper .mega-menu .nav-wrapper { -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); padding-left: 0; margin-top: 10px; min-width: 150px; } body .primary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper > ul > li:first-child, body .primary-nav ul.navigation li.has-child > .wrapper .mega-menu .nav-wrapper > ul > li:first-child { position: relative; } body .secondary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper > ul > li:first-child, body .secondary-nav ul.navigation li.has-child > .wrapper .mega-menu .nav-wrapper > ul > li:first-child { position: relative; } body .primary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper > ul > li:first-child:hover:after, body .primary-nav ul.navigation li.has-child > .wrapper .mega-menu .nav-wrapper > ul > li:first-child:hover:after { border-color: transparent transparent #f2f2f2 transparent; } body .secondary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper > ul > li:first-child:hover:after, body .secondary-nav ul.navigation li.has-child > .wrapper .mega-menu .nav-wrapper > ul > li:first-child:hover:after { border-color: transparent transparent #f2f2f2 transparent; } body .primary-nav ul.navigation li.has-child .nav-wrapper i, body .secondary-nav ul.navigation li.has-child .nav-wrapper i { margin-right: 10px; } body .primary-nav ul.navigation li ul, body .secondary-nav ul.navigation li ul { padding-left: 0; } body .primary-nav ul.navigation li ul li, body .secondary-nav ul.navigation li ul li { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: block; white-space: nowrap; background-color: #FFF; } body .primary-nav ul.navigation li ul li:last-child, body .secondary-nav ul.navigation li ul li:last-child { border-bottom: none; } body .primary-nav ul.navigation li ul li:hover, body .secondary-nav ul.navigation li ul li:hover { background-color: #f2f2f2; color: #db0812; } body .primary-nav ul.navigation li ul li:hover ul li, body .secondary-nav ul.navigation li ul li:hover ul li { background-color: transparent; } body .primary-nav ul.navigation li ul li:hover ul li:hover, body .secondary-nav ul.navigation li ul li:hover ul li:hover { background-color: rgba(0, 0, 0, 0.05); } body .primary-nav ul.navigation li ul li:hover > .nav-wrapper, body .secondary-nav ul.navigation li ul li:hover > .nav-wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; pointer-events: auto; } body .primary-nav ul.navigation li ul li.has-child > a:before, body .secondary-nav ul.navigation li ul li.has-child > a:before { content: "\f054"; } body .primary-nav ul.navigation li ul li .nav-wrapper, body .secondary-nav ul.navigation li ul li .nav-wrapper { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: #FFF; pointer-events: none; position: absolute; z-index: 1; right: 0; min-width: 150px; top: 0; } body .primary-nav ul.navigation li ul li ul li:first-child, body .secondary-nav ul.navigation li ul li ul li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } body .primary-nav ul.navigation li ul li a, body .secondary-nav ul.navigation li ul li a { display: block !important; padding: 6px 8px !important; } body .primary-nav ul.navigation li ul li a:hover, body .secondary-nav ul.navigation li ul li a:hover { color: #db0812; } body .primary-nav a i { display: none; } body .secondary-nav a i { display: none; } body .secondary-nav ul.navigation li.has-child > .wrapper { left: inherit; right: 0; } body .secondary-nav ul.navigation li.has-child > .wrapper > .nav-wrapper > ul > li:first-child::after { left: inherit; right: 10px; } #page-header { z-index: 999; position: relative; width: 100%; } #page-header nav { -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); display: table; width: 100%; background-color: #FFF; padding: 7px 7px; position: relative; z-index: 999; white-space: nowrap; min-height: 69px; } #page-header .left { display: table-cell; vertical-align: middle; } #page-header .right { display: table-cell; vertical-align: middle; text-align: right; } #page-header .secondary-nav { display: inline-block; margin-right: 0; } #page-header .secondary-nav .image { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: relative; width: 48px; height: 48px; display: inline-block; vertical-align: middle; overflow: hidden; float: right; margin-bottom: -3px; cursor: pointer; } #page-header .secondary-nav a:not(.btn) { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #1a1a1a; margin: 0; border: 2px solid transparent; padding: 12px 10px; cursor: pointer; } #page-header .primary-nav a:not(.btn) { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #1a1a1a; margin: 0; border: 2px solid transparent; padding: 6px 10px; cursor: pointer; } #page-header .secondary-nav a:not(.btn):hover, #page-header .primary-nav a:not(.btn):hover { color: #db0812; } #page-header .secondary-nav a:not(.btn).promoted, #page-header .primary-nav a:not(.btn).promoted { color: #db0812; font-weight: 800; } #page-header .secondary-nav .navigation, #page-header .primary-nav .navigation { display: inline-block; margin-bottom: 0; list-style: none; padding-left: 0; } #page-header .secondary-nav li.has-child > a { padding-right: 20px; padding-left: 20px; } #page-header .primary-nav li.has-child > a { padding-right: 20px; padding-left: 10px; } #page-header .primary-nav > ul > li.active > a { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #db0812; /* border: 2px solid $color-black-2; */ } #page-header .secondary-nav > ul > li.active > a { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #db0812; /* border: 2px solid $color-black-2; */ } #page-header .nav-btn { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: none; padding: 8px; cursor: pointer; height: 28px; right: 0; margin: auto; background-color: transparent; -moz-box-shadow: inset 0px 0px 0px 2px rgba(26, 26, 26, 0.1); -webkit-box-shadow: inset 0px 0px 0px 2px rgba(26, 26, 26, 0.1); box-shadow: inset 0px 0px 0px 2px rgba(26, 26, 26, 0.1); } #page-header .nav-btn:hover, #page-header .nav-btn.active { background-color: #1a1a1a; } #page-header .nav-btn:hover i, #page-header .nav-btn.active i { background-color: #db0812; } #page-header .nav-btn:hover i:last-child, #page-header .nav-btn.active i:last-child { width: 12px; } #page-header .nav-btn i { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; height: 2px; width: 12px; display: block; background-color: #db0812; margin-bottom: 2px; } #page-header .nav-btn i:last-child { width: 10px; margin-bottom: 0; } #page-header .btn.icon i { margin-left: 0; } body.nav-btn-only #page-header .nav-btn { display: block; } body.nav-btn-only #page-header .right { padding-right: 20px; } body.nav-btn-only #page-header .right .pull-right { display: flex; } body.nav-btn-only #page-header .primary-nav { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); position: absolute; top: 100%; margin-top: 6px; background-color: #1a1a1a; padding-right: 0; margin-right: 0; border: 0; right: 0; } body.nav-btn-only #page-header .primary-nav.show { visibility: visible; -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } body.nav-btn-only #page-header .primary-nav.has-mega-menu { position: absolute; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent { position: relative; display: block; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background-color: rgba(0, 0, 0, 0.1); visibility: visible; pointer-events: auto; position: relative; right: 0; text-align: inherit; padding-top: 0; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: inherit; padding-top: 0px; padding-bottom: 0px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu h4 { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; color: #FFF; font-weight: 800; font-size: 11px; padding-top: 2px; padding-bottom: 2px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a { font-weight: 800; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a:hover { background-color: rgba(0, 0, 0, 0.2); } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child { padding-right: 25px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; color: #FFF; content: "\f078"; position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; margin: auto; height: 11px; padding-right: 7px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child:after, body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child:before { color: #FFF; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul { background-color: rgba(0, 0, 0, 0.1); } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a { display: block; padding: 8px 10px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container { padding-left: 0px; padding-right: 0px; width: auto; padding-top: 0; padding-bottom: 0; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row { display: block; width: inherit; height: inherit; padding-right: 0px; padding-left: 0px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row > [class*=" col-"] { display: block; height: 100%; width: 100%; clear: both; margin-bottom: 0px; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row > [class*=" col-"]:last-child { margin-bottom: 0; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row > [class*=" col-"]:first-child > a { border-top: 1px solid rgba(255, 255, 255, 0.1); } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row > [class*=" col-"] a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .image { width: 100%; height: 100%; position: relative; display: table; z-index: 1; } body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .btn { z-index: 1; } body.nav-btn-only #page-header .primary-nav ul { padding-left: 0; min-width: 240px; margin-bottom: 0; } body.nav-btn-only #page-header .primary-nav ul.navigation > li:first-child:after { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 0; height: 0; border-style: solid; border-width: 0 5px 8px 5px; border-color: transparent transparent #1a1a1a transparent; position: absolute; z-index: 1; top: -6px; right: 8px; content: ""; } body.nav-btn-only #page-header .primary-nav ul.navigation > li.has-child:hover a { border: none; color: #FFF; } body.nav-btn-only #page-header .primary-nav ul li { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } body.nav-btn-only #page-header .primary-nav ul li:hover { background-color: rgba(0, 0, 0, 0.2); } body.nav-btn-only #page-header .primary-nav ul li:hover a { border: none; } body.nav-btn-only #page-header .primary-nav ul li.active { background-color: rgba(0, 0, 0, 0.2); } body.nav-btn-only #page-header .primary-nav ul li.active a { border: none; color: #FFF; } body.nav-btn-only #page-header .primary-nav ul li.has-child > a { padding-right: 25px; } body.nav-btn-only #page-header .primary-nav ul li.has-child > a:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; color: #FFF; content: "\f078"; position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; margin: auto; height: 11px; padding-right: 7px; } body.nav-btn-only #page-header .primary-nav ul li.has-child > a:after, body.nav-btn-only #page-header .primary-nav ul li.has-child > a:before { color: #FFF; } body.nav-btn-only #page-header .primary-nav ul li .wrapper { position: relative; padding-top: 0; } body.nav-btn-only #page-header .primary-nav ul li a { -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; font-weight: 700; padding: 15px; display: block; color: #FFF; position: relative; } body.nav-btn-only #page-header .primary-nav ul li a:hover { color: #FFF; } body.nav-btn-only #page-header .primary-nav ul li a.has-child { padding-right: 25px; } body.nav-btn-only #page-header .primary-nav ul li a.has-child:before, body.nav-btn-only #page-header .primary-nav ul li a.has-child:after { color: #FFF; padding-right: 10px; } body.nav-btn-only #page-header .primary-nav ul li a.has-child[aria-expanded=true] { background-color: rgba(0, 0, 0, 0.2); } body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; position: relative; } body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul { background-color: rgba(0, 0, 0, 0.2); } body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul li { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul li:hover { background-color: rgba(0, 0, 0, 0.2); } body.nav-btn-only #page-header .not-logged-mobile-nav, body.nav-btn-only #page-header .logged-mobile-nav { border: none; height: 100%; top: 0; width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 0.96 !important; margin: -10px 0 0 0; } body.nav-btn-only #page-header .not-logged-mobile-nav.has-mega-menu, body.nav-btn-only #page-header .logged-mobile-nav.has-mega-menu { position: fixed; } body.nav-btn-only #page-header .not-logged-mobile-nav button, body.nav-btn-only #page-header .logged-mobile-nav button { position: relative; top: 2%; right: 10%; border: none; background: none; font-size: 35px; } body.nav-btn-only #page-header .not-logged-mobile-nav .navigation, body.nav-btn-only #page-header .logged-mobile-nav .navigation { width: 50%; height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.nav-btn-only #page-header .not-logged-mobile-nav .navigation li, body.nav-btn-only #page-header .logged-mobile-nav .navigation li { padding: 20px 0px; text-align: center; } body.nav-btn-only #page-header .not-logged-mobile-nav .navigation li a, body.nav-btn-only #page-header .logged-mobile-nav .navigation li a { font-size: 14px; color: #003050; border-radius: 30px; } body.nav-btn-only #page-header .not-logged-mobile-nav .navigation li a.button-primary-color, body.nav-btn-only #page-header .logged-mobile-nav .navigation li a.button-primary-color { color: #db0812; } body.nav-btn-only #page-header .not-logged-mobile-nav .navigation > li:first-child:after, body.nav-btn-only #page-header .logged-mobile-nav .navigation > li:first-child:after { display: none; } .hero-section { position: relative; } .hero-section.has-background h1 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #FFF; font-weight: normal; font-size: 54px; } .hero-section.has-background h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; color: #FFF; font-size: 24px; font-weight: normal; } .hero-section.has-background h4 { color: #FFF; } .hero-section.has-background .slider { height: 100%; width: 100%; position: absolute; top: 0; } .hero-section.has-background .slider .owl-carousel, .hero-section.has-background .slider .owl-stage-outer, .hero-section.has-background .slider .owl-stage, .hero-section.has-background .slider .owl-item { height: 100%; } .hero-section.has-background .slider .owl-nav, .hero-section.has-background .slider .owl-dots { position: absolute; } .hero-section.has-background .slider .owl-controls { text-align: center; } .hero-section.has-background .slider .slide { display: table; height: 100%; width: 100%; } .hero-section.has-background .slider [data-owl-dots="1"] .owl-dots { display: inline-block !important; bottom: 10px; } .hero-section.has-background .slider .presentation { width: 100%; height: 100%; } .hero-section.has-background .slider .presentation:after { background: -moz-linear-gradient(top, transparent 0%, #000 100%); background: -webkit-linear-gradient(top, transparent 0%, #000 100%); background: linear-gradient(to bottom, transparent 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-black', endColorstr='$color-black', GradientType=0); width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; content: ""; } .hero-section.has-background .slider .presentation .description { position: absolute; width: 100%; bottom: 200px; z-index: 1; } .hero-section.has-background .slider .presentation .description h1 { text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5); font-size: 72px; font-weight: bold; } .hero-section.has-background .slider .presentation .description h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; font-size: 18px; font-weight: bold; } .hero-section.has-background .slider .presentation .description h2 i { margin-right: 10px; } .hero-section.has-background .slider .presentation .description hr { border-top: 2px solid rgba(255, 255, 255, 0.2); margin-top: 20px; margin-bottom: 20px; } .hero-section.has-background .slider .presentation .description .label, .hero-section.has-background .slider .presentation .description .rating-passive { display: inline-block; margin-right: 20px; } .hero-section.has-background .slider .presentation .description .label { padding: 6px; background-color: #FFF; color: #000; } .hero-section.has-background .slider .presentation .description .rating-passive .stars figure { color: #FFF; font-size: 16px; } .hero-section.has-background .slider .presentation .bg-transfer:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; position: absolute; width: 100%; height: 100%; background-color: #000; content: ""; } .hero-section.has-background form { z-index: 1; } .hero-section.has-map .results-wrapper .search-form { position: relative; height: auto; padding: 20px; } .hero-section.has-map .results-wrapper .search-form form { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: rgba(0, 0, 0, 0.03); padding: 10px 20px; display: table; height: 100%; width: 100%; } .hero-section.has-map .results-wrapper .search-form .section-title h2 { font-size: 18px; margin-left: 0; font-weight: normal; color: inherit; } .hero-section.has-map .results-wrapper .search-form .form-group { margin-bottom: 10px; display: table; height: auto; width: 100%; position: relative; } .hero-section.has-map .results-wrapper .search-form .btn { padding: 8px; } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="text"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="email"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="date"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="time"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="search"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="password"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="number"], .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="tel"] { padding-left: 0; color: inherit; } .hero-section.has-map .results-wrapper .search-form.inputs-underline textarea.form-control { padding-left: 0; color: inherit; } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="text"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="text"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="email"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="email"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="date"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="date"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="time"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="time"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="search"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="search"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="password"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="password"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="number"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="number"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="tel"]:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="tel"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form.inputs-underline textarea.form-control:active, .hero-section.has-map .results-wrapper .search-form.inputs-underline textarea.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 8px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hero-section.has-map .results-wrapper .search-form input[type="text"], .hero-section.has-map .results-wrapper .search-form input[type="email"], .hero-section.has-map .results-wrapper .search-form input[type="date"], .hero-section.has-map .results-wrapper .search-form input[type="time"], .hero-section.has-map .results-wrapper .search-form input[type="search"], .hero-section.has-map .results-wrapper .search-form input[type="password"], .hero-section.has-map .results-wrapper .search-form input[type="number"], .hero-section.has-map .results-wrapper .search-form input[type="tel"] { padding: 8px; color: inherit; } .hero-section.has-map .results-wrapper .search-form textarea.form-control { padding: 8px; color: inherit; } .hero-section.has-map .results-wrapper .search-form .ui-slider { margin-top: 2px; } .hero-section.has-map .results-wrapper .search-form .ui-slider .noUi-base .noUi-handle { border: 2px solid #db0812; background-color: #FFF; } .hero-section.has-map .results-wrapper .search-form .ui-slider .noUi-base .noUi-handle:hover, .hero-section.has-map .results-wrapper .search-form .ui-slider .noUi-base .noUi-handle.noUi-active { -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.7); } .hero-section.has-map .results-wrapper .search-form .btn[type="submit"] { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; width: 45px; height: 45px; bottom: -40px; right: 0px; } .hero-section.has-map .results-wrapper .search-form .btn[type="submit"]:before { display: none; } .hero-section.has-map .results-wrapper .search-form .btn[type="submit"]:after { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .hero-section.has-map .results-wrapper .search-form .btn[type="submit"]:active { top: inherit; } .hero-section.has-map .results-wrapper .search-form .btn[type="submit"] i { margin-left: 0; margin-top: -1px; } .hero-section .map-selector { background-color: transparent; border: none; box-shadow: none; border-bottom: 1px solid; border-color: #00000029; color: #003050; padding-bottom: 5px; padding-top: 3px; font-size: 16px; font-weight: 500; } .hero-section .map-selector:hover, .hero-section .map-selector:focus, .hero-section .map-selector:active { outline: none; } .hero-section .parking-option-filter { background-color: transparent; font-size: 16px; font-weight: 500; color: #003050; } .hero-section .parking-option-filter:hover, .hero-section .parking-option-filter:focus, .hero-section .parking-option-filter:active { background: #6ba53a !important; outline: none; padding: 5px; } .hero-section .additional-custom-parking-filter { border: none; } .hero-section .box-shadow-bottom { box-shadow: 0 2px 1px -1px lightgray; padding: 5px; } .hero-section .box-shadow-bottom:hover { box-shadow: 0 2px 1px -1px lightgray; } .hero-section .filter-sorting-parkings { padding-left: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; background-color: transparent !important; border: none !important; } .hero-section .filter-sorting-parkings.open { box-shadow: none; } .hero-section .filter-sorting-parkings .dropdown-menu > li > a:hover { color: #6ba539; } .hero-section .filter-sorting-parkings.form-dropdown a.dropdown-toggle span.itemName { color: #003050; font-size: 16px; font-weight: 600; text-align: left; text-transform: capitalize; } .hero-section .filter-sorting-parkings .dropdown-menu { border: none; text-transform: capitalize; color: #003050; font-size: 16px; font-weight: 600; text-align: left; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .hero-section .filter-sorting-parkings.form-dropdown ul.dropdown-menu { margin-top: 5px !important; } .hero-section .filter-sorting-parkings.form-dropdown ul li a { padding: 8px; margin-right: 8px; background: none; float: right; width: 100%; text-align: right; } .hero-section .coupon { display: table-cell; vertical-align: middle; } .hero-section .coupon div { height: auto; } .hero-section .coupon h1 { font-size: 36px; font-weight: bold; } .hero-section .coupon .wrapper { display: inline-block; text-align: left; width: 900px; position: relative; } .hero-section .coupon .image { position: absolute; left: 0; } .hero-section .coupon .image .circle { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 90px; height: 90px; color: #FFF; font-weight: bold; left: 0; top: 0; background-color: #db0812; font-size: 24px; text-align: center; line-height: 86px; } .hero-section .coupon .image .bg-transfer { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 300px; height: 300px; } .hero-section .coupon .description { padding-left: 330px; padding-top: 10px; } .hero-section .coupon .description hr { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; border-top: 2px solid #FFF; margin-bottom: 20px; margin-top: 20px; } .hero-section .coupon .description figure { display: inline-block; margin-right: 20px; } .hero-section .coupon .description .location i { margin-right: 10px; } .hero-section .coupon .description .label { text-transform: none; font-size: 14px; font-weight: bold; } .hero-section .coupon .description .count-down { margin-bottom: 20px; } .hero-section .coupon .description .count-down .countdown-row .countdown-amount { font-size: 36px; } .hero-section > .wrapper { display: table; height: 100%; width: 100%; z-index: 2; position: relative; } .hero-section > .wrapper > .inner { display: table-cell; vertical-align: middle; } .hero-section .search-map-content { display: contents; } @-webkit-keyframes pulse { 0% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% { -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% { -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @-o-keyframes pulse { 0% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% { -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes pulse { 0% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 10% { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } 100% { -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } .map, .map-wrapper { height: 100%; } .mapWrapperContainer { position: relative; width: 100%; height: 100%; } .map-wrapper .geo-location { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; height: 30px; width: 30px; background-color: white; color: #1a1a1a; font-size: 18px; text-align: center; line-height: 30px; right: 20px; top: 20px; z-index: 1; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .map-wrapper .geo-location:hover { background-color: #1a1a1a; color: white; } .map.show-marker-labels .marker .title { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .map .cluster:hover > div { -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .map .cluster > div { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); background-color: #db0812; border: 2px solid #db0812; width: 36px; height: 36px; color: #FFF !important; line-height: 32px !important; } .map .cluster > div:after { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform: translateZ(-2px); -ms-transform: translateZ(-2px); -webkit-transform: translateZ(-2px); transform: translateZ(-2px); -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3); border: 2px solid #db0812; background-color: #db0812; width: 36px; height: 36px; position: absolute; top: -2px; left: -2px; content: ""; } .map .cluster > div:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-transform: translateZ(-4px); -ms-transform: translateZ(-4px); -webkit-transform: translateZ(-4px); transform: translateZ(-4px); content: "\f002"; color: #FFF; position: absolute; top: 0; left: 0; width: 33px; height: 36px; line-height: 30px; font-size: 14px; text-align: center; } .map a[href^="http://maps.google.com/maps"], .map a[href^="https://maps.google.com/maps"] { bottom: 5px; } .map .gmnoprint a { margin-bottom: 6px; } .map .gm-style-cc { margin-bottom: 6px; } .map .marker { display: inline-block; cursor: pointer; position: relative; } .map .marker:after { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); width: 14px; height: 4px; content: ""; position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; background-color: rgba(0, 0, 0, 0.3); z-index: 0; } .map .marker:hover:after, .map .marker.hover-state:after, .map .marker.active:after { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .map .marker:hover .marker-wrapper, .map .marker.hover-state .marker-wrapper, .map .marker.active .marker-wrapper { -moz-transform: rotateY(180deg) translateY(-4px); -ms-transform: rotateY(180deg) translateY(-4px); -webkit-transform: rotateY(180deg) translateY(-4px); transform: rotateY(180deg) translateY(-4px); } .map .marker:hover .marker-wrapper .pin:after, .map .marker.hover-state .marker-wrapper .pin:after, .map .marker.active .marker-wrapper .pin:after { -moz-transform: translateX(-1px); -ms-transform: translateX(-1px); -webkit-transform: translateX(-1px); transform: translateX(-1px); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .map .marker:hover .title, .map .marker.hover-state .title { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } .map .marker.active .title { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } .map .marker.active .marker-wrapper:before { -webkit-animation-delay: 0s; -webkit-animation-duration: 2s; -webkit-animation-name: pulse; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -webkit-animation-iteration-count: infinite; -moz-animation-delay: 0s; -moz-animation-duration: 2s; -moz-animation-name: pulse; -moz-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -moz-animation-iteration-count: infinite; -o-animation-delay: 0s; -o-animation-duration: 2s; -o-animation-name: pulse; -o-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ -o-animation-iteration-count: infinite; animation-delay: 0s; animation-duration: 2s; animation-name: pulse; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-iteration-count: infinite; } .map .marker .marker-wrapper { -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); position: relative; transform-style: preserve-3d; font-size: 9px; width: 37px; height: 50px; } .map .marker .marker-wrapper:before { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: #db0812; width: 37px; height: 37px; position: absolute; top: 0; left: 0; content: ""; z-index: -1; } .map .marker .marker-wrapper:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-transform: translateZ(-4px); -ms-transform: translateZ(-4px); -webkit-transform: translateZ(-4px); transform: translateZ(-4px); content: "\f002"; color: #FFF; position: absolute; top: 0; left: 0; width: 37px; height: 42px; line-height: 34px; font-size: 14px; text-align: center; } .map .marker .marker-wrapper .pin { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* -moz-box-shadow: 0px 1px 2px $color-black-2, inset 0px 0px 0px 2px white; -webkit-box-shadow: 0px 1px 2px $color-black-2, inset 0px 0px 0px 2px white; box-shadow: 0px 1px 2px $color-black-2, inset 0px 0px 0px 2px white; */ transform-style: preserve-3d; border: 2px solid #db0812; position: absolute; top: 0; left: 0; width: 37px; height: 42px; background-size: cover; } .map .marker .marker-wrapper .pin:before { -moz-transform: translateZ(-2px); -ms-transform: translateZ(-2px); -webkit-transform: translateZ(-2px); transform: translateZ(-2px); /* -moz-box-shadow: inset 0px 0px 0px 2px $color-white-3; -webkit-box-shadow: inset 0px 0px 0px 2px $color-white-3; box-shadow: inset 0px 0px 0px 2px $color-white-3; */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #db0812; content: ""; background-color: #db0812; position: absolute; top: -2px; left: -2px; width: 37px; height: 40px; box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.1); } .map .marker .marker-wrapper .pin .hourly_rate { color: #FFF; text-align: center; display: block; margin-top: 12px; } .map .marker .marker-wrapper .pin .image:after { width: 0; height: 0; border-style: solid; border-width: 9px 8px 0 8px; border-color: #db0812 transparent transparent transparent; content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; } .map .marker .tag { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transform: translateZ(3px); -ms-transform: translateZ(3px); -webkit-transform: translateZ(3px); transform: translateZ(3px); position: absolute; top: -9px; right: -9px; z-index: -1; background-color: #EE7F01; font-size: 11px; color: #FFF; text-align: center; transform-style: preserve-3d; } .map .marker .tag i { -moz-transform: translateZ(2px); -ms-transform: translateZ(2px); -webkit-transform: translateZ(2px); transform: translateZ(2px); transform-style: preserve-3d; padding: 5px; } .map .marker .title { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); pointer-events: none; position: absolute; left: 50px; top: 5px; white-space: nowrap; background-color: #FFF; padding: 2px 4px; } .map .marker .title:after { width: 0; height: 0; border-style: solid; border-width: 4px 6px 4px 0; border-color: transparent #FFF transparent transparent; content: ""; position: absolute; left: -6px; top: 0; bottom: 0; margin: auto; } .map .marker .title:before { width: 0; height: 0; border-style: solid; border-width: 4px 6px 4px 0; border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent; content: ""; position: absolute; left: -6px; top: 2px; bottom: 0; margin: auto; } .map .tooltip .tooltip-inner { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); white-space: nowrap; -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); background-color: #FFF; color: #1f1f1f; } .map .tooltip .tooltip-arrow { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); border-top-color: rgba(0, 0, 0, 0.3); z-index: 1; bottom: -1px; } .map .tooltip .tooltip-arrow:after { width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 0; border-top-color: #FFF; position: absolute; top: -6px; left: -5px; content: ""; } /** IE10, IE11 HACK */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .map .cluster > div:after, .map .cluster > div:before { display: none !important; } .map .cluster:hover > div { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .map .marker:hover:after, .map .marker.hover-state:after, .map .marker.active:after { -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); } .map .marker:hover .marker-wrapper, .map .marker.hover-state .marker-wrapper, .map .marker.active .marker-wrapper { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .map .marker:hover .marker-wrapper .pin:after, .map .marker.hover-state .marker-wrapper .pin:after, .map .marker.active .marker-wrapper .pin:after { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); -moz-transition: 0s ease; -webkit-transition: 0s ease; transition: 0s ease; } .map .marker:hover .title, .map .marker.hover-state .title, .map .marker.active .title { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 0; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } .map .marker .marker-wrapper { transition: -webkit-transform 2s ease-in; transition: -moz-transform 2 ease-in; transition: -o-transform 2s ease-in; transition: transform 2s ease-in; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .map .marker .marker-wrapper::after { display: none !important; } } /* .map .marker .marker-wrapper .pin .image { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 1px 2px $color-black-2, inset 0px 0px 0px 2px white; -webkit-box-shadow: 0px 1px 2px $color-black-2, inset 0px 0px 0px 2px white; box-shadow: 0px 1px 2px $color-black-2, inset 0px 0px 0px 2px white; background-size: cover; height: 100%; width: 100%; position: relative; z-index: 2; } */ .sidebar-detail { -moz-transition: 0.7s ease; -webkit-transition: 0.7s ease; transition: 0.7s ease; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-color: #FFF; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; width: 100%; padding: 10px 0; } .sidebar-detail section { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 15px; margin-top: 15px; } .sidebar-detail section:last-child { border-bottom: none; margin-bottom: 0; } .sidebar-detail h3 { font-size: 20px; font-weight: normal; color: inherit; margin-bottom: 20px; color: #db0812; } .sidebar-detail .gallery-wrapper { height: 100%; position: relative; } .sidebar-detail .gallery-wrapper .price { font-size: 14px !important; padding: 5px 10px !important; } .sidebar-detail .gallery { height: 100%; } .sidebar-detail .gallery .owl-stage-outer { height: 100%; } .sidebar-detail .sidebar-wrapper { padding: 0 20px; } .modal .sidebar-wrapper { padding: 0 20px; } .sidebar-detail .section-title, .modal .section-title { margin-bottom: 15px; position: relative; margin-top: 10px; } .sidebar-detail .section-title h2, .modal .section-title h2 { margin-left: 0; margin-top: 0; margin-bottom: 0; } .sidebar-detail .section-title h4, .modal .section-title h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 14px; margin-bottom: 5px; margin-top: 5px; } .sidebar-detail h5, .modal h5 { font-size: 13px; font-weight: 600; color: #1a1a1a; } .sidebar-detail h5 i, .modal h5 i { color: rgba(0, 0, 0, 0.2); margin-right: 10px; } .sidebar-detail h5 a, .modal h5 a { color: inherit; } .sidebar-detail .label, .modal .label { margin-bottom: 10px; display: inline-block; padding: 5px; margin-right: 15px; margin-top: 5px; } .sidebar-detail .rating-passive, .modal .rating-passive { display: inline-block; } .sidebar-detail .owl-dots, .modal .owl-dots { text-align: center; } .sidebar-detail .back, .modal .back { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; border: 2px solid rgba(0, 0, 0, 0.1); width: 40px; height: 40px; margin-right: 15px; position: relative; } .sidebar-detail .back:after, .modal .back:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; position: absolute; top: 0; left: 0; content: "\#"; width: 20px; height: 20px; width: 100%; line-height: 36px; font-size: 22px; text-align: center; color: #db0812; } .sidebar-detail .back:hover, .modal .back:hover { border: 2px solid rgba(0, 0, 0, 0.3); } .sidebar-detail .gallery, .modal .gallery { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; margin: 20px 0; } .sidebar-detail .gallery.show, .modal .gallery.show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .sidebar-detail .gallery img, .modal .gallery img { display: block; position: relative; object-fit: scale-down; max-width: 100%; } .sidebar-detail .gallery img:after, .modal .gallery img:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; background: -moz-linear-gradient(top, transparent 0%, black 100%); background: -webkit-linear-gradient(top, transparent 0%, black 100%); background: linear-gradient(to bottom, transparent 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-black', endColorstr='$color-black', GradientType=0); position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; } .sidebar-detail .ribbon, .modal .ribbon { top: inherit; bottom: 0; } .sidebar-detail .controls-more, .modal .controls-more { margin: inherit; bottom: inherit; top: 5px; z-index: 5; } .sidebar-detail .controls-more ul, .modal .controls-more ul { bottom: inherit; top: 35px; } .sidebar-detail .controls-more ul li:first-child a:after, .modal .controls-more ul li:first-child a:after { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 0; height: 0; border-style: solid; border-width: 0 0 11px 11px; border-color: transparent transparent #FFF transparent; content: ""; position: absolute; right: 0px; top: -10px; bottom: inherit; height: 11px; width: 11px; } .sidebar-detail .controls-more ul li:first-child a:before, .modal .controls-more ul li:first-child a:before { width: 0; height: 0; border-style: solid; border-width: 0 0 15px 14px; border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent; content: ""; position: absolute; right: -2px; top: -15px; bottom: inherit; height: 11px; width: 11px; } .sidebar-detail .controls-more ul li:first-child a:hover:after, .modal .controls-more ul li:first-child a:hover:after { border-color: transparent transparent #e8e8e8 transparent; } .sidebar-detail .controls-more ul li:last-child a:before, .sidebar-detail .controls-more ul li:last-child a:after { display: none; } .modal .controls-more ul li:last-child a:before, .modal .controls-more ul li:last-child a:after { display: none; } .sidebar-detail .jssocials-share, .modal .jssocials-share { padding: 1px 3px 2px 3px; } .sidebar-detail .jssocials-share .jssocials-share-logo, .modal .jssocials-share .jssocials-share-logo { font-size: 1em; } .infobox-wrapper { -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .infobox-wrapper.show { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .infobox-wrapper.show > img { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .infobox-wrapper.show .infobox > a { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .infobox-wrapper.show .infobox .rating-passive { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .infobox-wrapper.show .infobox .description { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .infobox-wrapper > img { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); position: absolute !important; z-index: 1; right: -15px; top: -15px; } .infobox-wrapper .infobox { width: 270px; } .infobox-wrapper .infobox .description { -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); z-index: 1; bottom: 50px; padding-right: 20px; } .infobox-wrapper .infobox .description h3 { font-size: 21px; margin: 10px 0 5px; } .infobox-wrapper .infobox .description h4 { font-size: 12px; margin-bottom: 12px; } .infobox-wrapper .infobox .rating-passive { -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); position: absolute; bottom: 15px; left: 20px; padding: 0; background-color: transparent; color: #FFF; display: inline-block; } .infobox-wrapper .infobox .rating-passive .stars { margin-right: 2px; } .infobox-wrapper .infobox .rating-passive .stars figure { color: #db0812; } .infobox-wrapper .infobox > a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .infobox-wrapper .infobox > a .image { background-position: 50% 50%; background-size: cover; } .infobox-wrapper .infobox > a .image:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; background-color: transparent; } .infobox-wrapper .infobox .controls-more { right: 15px; top: inherit; bottom: 10px; } .infobox-wrapper .infobox .controls-more:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #FFF; } .infobox-wrapper .infobox .controls-more:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #FFF; } /* ELEMENTS -------------------------------------------------------------------*/ address { margin-bottom: 10px; } address figure { margin-bottom: 5px; } address i { width: 30px; color: #cccccc; margin-left: -30px; } a { -moz-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; color: #db0812; text-decoration: none; position: relative; } a:hover, a:active, a:focus { color: #db0812; outline: none !important; text-decoration: none; } a.link { font-size: 12px; font-weight: bold; text-transform: uppercase; } a.link:hover, a.link:active, a.link:focus { color: #f83841; } a.link:hover.icon i, a.link:active.icon i, a.link:focus.icon i { color: #1f1f1f; } a.link > .disabled { pointer-events: none; cursor: not-allowed; } a.link.icon i { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-size: 12px; margin-left: 5px; position: relative; top: 1px; } a.link.arrow:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; content: "$"; font-size: 14px; vertical-align: middle; margin-left: 2px; top: -1px; position: relative; } a.icon i { margin: 0 5px; } a.underline { text-decoration: underline; } a.btn { display: inline-block; } dl { margin-bottom: 0; } dl dt { float: left; padding: 2px 0; } dl dd { text-align: right; padding: 2px 0; } .homepage h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: #db0812; font-size: 36px; font-weight: lighter; } .homepage h3 { margin-bottom: 15px; font-weight: lighter; margin-top: 10px; } .homepage .section-title { margin-top: 15px; } h1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: #db0812; font-size: 36px; font-weight: lighter; } h2 { font-size: 26px; color: #db0812; font-weight: lighter; margin-top: 5px; } h3 { margin-top: 0px; color: #1a1a1a; font-size: 18px; font-weight: 600; margin-bottom: 25px; } h3.subtitle { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #1f1f1f; font-size: 16px; font-weight: normal; line-height: 1.5; } h3 span { padding-left: 5px; } h4 { font-size: 14px; font-weight: bold; } hr { margin-bottom: 30px; margin-top: 30px; } html, body { height: 100%; } p { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); opacity: 1; line-height: 18px; } ul { padding-left: 15px; } ul.bullets { list-style: none; padding-left: 30px; line-height: 25px; color: inherit; opacity: 0.65; } ul.bullets li:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; content: "\f111"; color: #db0812; font-size: 7px; position: relative; top: -4px; margin-right: 12px; } ul.checkboxes { list-style: none; padding-left: 0; } ul.checkboxes label { font-weight: normal; } ul.checkboxes label span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; float: right; font-size: 10px; line-height: 20px; } ul.checkboxes.inline li { width: 24%; float: left; } section:not(.block) { margin-top: 5px; margin-bottom: 30px; } section:not(.block) h2 { margin-bottom: 20px; } .ellipsis-one-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .narrow-popover { width: 150px; max-width: 150px; color: #1a1a1a; } .block { padding: 30px 0; /*overflow: hidden;*/ position: relative; } @media (max-width: 768px) { .block { padding: 0px; } } .block.big-padding { padding: 60px 0; } .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .bg img { max-width: inherit; height: 100%; } .bg.color.default { background-color: #db0812; } .bg.color.dark { background-color: #1f1f1f; } .bg.color.white { background-color: #FFF; } .bg.color.neutral { background-color: #f5f5f5; } .bg.color.black { background-color: #000; } .background-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .background-wrapper img { width: 100%; height: auto; } .background-wrapper .map { height: 100%; } .background-wrapper .background-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; } .background-wrapper .background-color.background-color-white { background-color: #FFF; } .background-wrapper .background-color.background-color-black { background-color: #000; } .background-wrapper .background-color.background-color-default { background-color: #1a1a1a; } .background-is-dark { color: #FFF; } .background-is-dark a { color: #FFF; } .background-is-dark a:hover, .background-is-dark a:active, .background-is-dark a:focus { color: #FFF; } .background-is-dark a.btn-default { color: #000; } .background-is-dark h1, .background-is-dark h2, .background-is-dark h3, .background-is-dark h4, .background-is-dark h5 { color: #FFF; } .background-is-dark .btn.btn-primary { /*background-color: darken( $color-default, 5% );*/ color: #FFF; /*border-color: darken( $color-default, 5% );*/ } .background-is-dark .btn.btn-primary:hover { /*background-color: darken($color-default,12%); border-color: darken($color-default,12%);*/ } .background-is-dark .btn.btn-primary:active { /*background-color: darken($color-default,12%); border-color: darken($color-default,12%);*/ } .background-is-dark .btn.btn-primary:active:hover { /*background-color: darken($color-default,12%); border-color: darken($color-default,12%);*/ } .background-is-dark .btn.btn-primary:focus { /*background-color: darken($color-default,12%); border-color: darken($color-default,12%);*/ } .background-is-dark .btn.btn-primary.btn-framed { color: #42611C; } .background-is-dark .btn.btn-primary.btn-framed:hover { border-color: #42611C; } .background-is-dark .btn.btn-primary.btn-framed:active { border-color: #42611C; } .background-is-dark .btn.btn-primary.btn-framed:active:hover { border-color: #42611C; } .background-is-dark .btn.btn-primary.btn-framed:focus { border-color: #42611C; } .background-is-dark .owl-dots .owl-dot span { background-color: #FFF; } .background-is-dark .ui-slider .noUi-base { background-color: #db0812; } .background-is-dark .ui-slider .noUi-base .noUi-connect { background-color: #FFF; } .background-is-dark .ui-slider .noUi-base .noUi-background { background-color: #db0812; } .background-is-dark .ui-slider .noUi-base .noUi-handle { border: 2px solid #FFF; background-color: #db0812; } .background-is-dark .ui-slider .noUi-base .noUi-handle:hover, .background-is-dark .ui-slider .noUi-base .noUi-handle.noUi-active { -moz-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07); -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07); box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07); } .background-is-dark .ui-slider .values { color: #FFF; } .background-is-dark .ui-slider .values input { background-color: transparent; border: none; width: 49%; } .bg-transfer { background-size: cover; position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; z-index: -1; width: 100%; } .bg-transfer img { display: none !important; } .box { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); padding: 20px; position: relative; background-color: #FFF; } .center { text-align: center; } .container .block { padding: 30px; } .label.label-info { background-color: #f5f5f5; color: rgba(0, 0, 0, 0.5); } .label.label-danger { background-color: #ed2a21; } .font-color-white { color: #FFF; } .font-color-black { color: #000; } .font-color-default { color: #db0812; } .font-color-dark { color: #1f1f1f; } .font-color-neutral { color: #f5f5f5; } .font-color-secondary { color: #1a1a1a; } .no-margin { margin: 0; } .no-bottom-margin { margin-bottom: 0 !important; } .no-top-margin { margin-top: 0; } .note { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; color: #000; vertical-align: middle; font-size: 12px; margin: 5px 0; } .half-bottom-margin { margin-bottom: 30px; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0; } .opacity-100 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1.0; } .opacity-90 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; } .opacity-80 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .opacity-70 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .opacity-60 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .opacity-50 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .opacity-40 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .opacity-30 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .opacity-20 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } .opacity-19 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=19); opacity: 0.19; } .opacity-18 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=18); opacity: 0.18; } .opacity-17 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=17); opacity: 0.17; } .opacity-16 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=16); opacity: 0.16; } .opacity-15 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; } .opacity-14 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=14); opacity: 0.14; } .opacity-13 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=13); opacity: 0.13; } .opacity-12 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=12); opacity: 0.12; } .opacity-11 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=11); opacity: 0.11; } .opacity-10 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } .opacity-9 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9); opacity: 0.09; } .opacity-8 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8); opacity: 0.08; } .opacity-7 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=7); opacity: 0.07; } .opacity-6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6); opacity: 0.06; } .opacity-5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=5); opacity: 0.05; } .opacity-4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=4); opacity: 0.04; } .opacity-3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=3); opacity: 0.03; } .opacity-2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=2); opacity: 0.02; } .opacity-1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 0.01; } .opacity-0 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .overlay { position: relative; } .overlay:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; background-color: #000; position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; } .text-color-white { color: #FFF !important; } .text-color-white a { color: #FFF; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .vertical-aligned-elements { display: table; width: 100%; height: 100%; position: relative; z-index: 2; } @media (max-width: 768px) { .vertical-aligned-elements { display: block; } } .vertical-aligned-elements .element { display: table-cell; vertical-align: middle; } @media (max-width: 768px) { .vertical-aligned-elements .element { display: block; text-align: center; margin: 0px 20px; width: 90% !important; } } .bg-secondary { background: #1a1a1a; } .width-10 { width: 10% !important; } .width-15 { width: 15% !important; } .width-20 { width: 20% !important; } .width-25 { width: 25% !important; } .width-30 { width: 30% !important; } .width-33 { width: 33% !important; } .width-35 { width: 35% !important; } .width-40 { width: 40% !important; } .width-45 { width: 45% !important; } .width-50 { width: 50% !important; } .width-55 { width: 55% !important; } .width-60 { width: 60% !important; } .width-65 { width: 65% !important; } .width-70 { width: 70% !important; } .width-75 { width: 75% !important; } .width-80 { width: 80% !important; } .width-85 { width: 85% !important; } .width-90 { width: 90% !important; } .width-95 { width: 95% !important; } .width-100 { width: 100% !important; } .width-100px { width: 100px; } .width-150px { width: 150px; } .width-200px { width: 200px; } .width-250px { width: 250px; } .width-300px { width: 300px; } .width-350px { width: 350px; } .width-400px { width: 400px; } .width-450px { width: 450px; } .width-500px { width: 500px; } .width-550px { width: 550px; } .width-600px { width: 600px; } .width-650px { width: 650px; } .width-700px { width: 700px; } .width-750px { width: 750px; } .width-800px { width: 800px; } .width-850px { width: 850px; } .width-900px { width: 900px; } .width-950px { width: 950px; } .width-1000px { width: 1000px; } .min-width-50px { min-width: 50px; } .min-width-100px { min-width: 100px; } .min-width-150px { min-width: 150px; } .min-width-200px { min-width: 200px; } .min-width-250px { min-width: 250px; } .min-width-300px { min-width: 300px; } .min-width-350px { min-width: 350px; } .height-10percent { height: 10%; } .height-20percent { height: 20%; } .height-30percent { height: 30%; } .height-40percent { height: 40%; } .height-50percent { height: 50%; } .height-60percent { height: 60%; } .height-70percent { height: 70%; } .height-80percent { height: 80%; } .height-90percent { height: 90%; } .height-100percent { height: 100%; } .height-40px { height: 40px; } .height-60px { height: 60px; } .height-100px { height: 100px; } .height-150px { height: 150px; } .height-200px { height: 200px; } .height-250px { height: 250px; } .height-300px { height: 300px; } .height-350px { height: 350px; } .height-400px { height: 400px; } .height-450px { height: 450px; } .height-500px { height: 500px; } .height-550px { height: 550px; } .height-600px { height: 600px; } .height-650px { height: 650px; } .height-700px { height: 700px; } .height-750px { height: 750px; } .height-800px { height: 800px; } .height-850px { height: 850px; } .height-900px { height: 900px; } .height-950px { height: 950px; } .height-1000px { height: 1000px; } .min-height-100percent { min-height: 100%; } .space { height: 50px; } .shadow { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .shadow-big { -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); } .flex-container { display: flex; } .inline-flex-container { display: inline-flex; } .flex-container-column { display: flex; flex-direction: column; } .contents-container { display: contents; } .inline-block { display: inline-block; } .answer { margin-bottom: 50px; } .answer .box { padding-top: 40px; position: relative; } .answer .box:after { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; content: "?"; color: #FFF; font-weight: bold; background-color: #db0812; height: 30px; width: 30px; line-height: 28px; text-align: center; position: absolute; font-size: 16px; top: -15px; } .answer .box:before { width: 0; height: 0; border-style: solid; border-width: 8px 4px 0 4px; border-color: #db0812 transparent transparent transparent; content: ""; position: absolute; left: 31px; top: 11px; } .answer h3 { margin-bottom: 10px; } .answer figure { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; text-align: right; font-size: 12px; margin-top: 10px; } .answer figure a { margin-left: 10px; color: inherit; } .answer figure i { font-size: 10px; margin-left: 5px; } .blog-post { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 60px; padding-bottom: 30px; } .blog-post iframe { margin-bottom: 20px; } .blog-post img { width: 100%; } .blog-post header h2 { border: none; font-size: 36px; margin: 20px 0; padding-bottom: 0; } .blog-post p { margin-bottom: 20px; } .blog-post ul { padding-left: 25px; } .blog-post .meta { display: table; width: 100%; margin: 20px 0; } .blog-post .meta a { color: #1f1f1f; margin: 0 10px; } .blog-post .meta a:first-child { margin-left: 0; } .blog-post .meta a i { color: rgba(0, 0, 0, 0.4); } .blog-post .meta .tags { display: inline-block; float: right; } .blog-post .meta .tags .tag { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #FFF; font-size: 12px; margin: 0 3px; padding: 5px; } .breadcrumb { padding: 10px 0px; margin-bottom: 10px; background-color: transparent; text-transform: uppercase; font-size: 10px; font-weight: bold; } .breadcrumb .disabled { cursor: not-allowed; } .categories-list .list-item { margin-bottom: 60px; } .categories-list .list-item .title { margin-bottom: 10px; } .categories-list .list-item .title .icon { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-color: #db0812; color: #FFF; text-align: center; width: 40px; height: 40px; margin-right: 10px; } .categories-list .list-item .title .icon i { font-size: 14px; line-height: 38px; } .categories-list .list-item .title h3 { display: inline-block; font-size: 18px; font-weight: normal; vertical-align: middle; } .categories-list .list-item ul { list-style: none; padding-left: 52px; } .categories-list .list-item ul li a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: black; display: inline-block; padding: 2px 0; } .categories-list .list-item ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .categories-list .list-item ul li .count { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: inline-block; font-size: 10px; float: right; top: 7px; position: relative; } .circle-icon-bordered { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #dddddd; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 31px; margin-left: 1px; margin-right: 1px; color: rgba(0, 0, 0, 0.4); } .circle-icon-bordered:hover { border: 2px solid #c8c8c8; } .circle-icon-bordered.default { color: #db0812; } .circle-icon-bordered.edit { color: #EE7F01; } .circle-icon-bordered.remove { color: #ed2a21; } .circle-icon { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 35px; display: inline-block; text-align: center; margin-left: 1px; margin-right: 1px; color: rgba(0, 0, 0, 0.4); } .circle-icon i { font-size: 16px; } .circle-icon:hover, .circle-icon.active { color: #FFF !important; } .circle-icon i:hover { color: #FFF !important; } .jp-circle-icon { border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.1); width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 31px; margin-left: 1px; margin-right: 1px; color: rgba(0, 0, 0, 0.4); } .jp-circle-icon.active { background: #db0812; color: #FFF; } .comments { list-style: none; padding-left: 0; } .comments .comment { display: table; margin-bottom: 20px; padding-left: 80px; position: relative; } .comments .comment figure { left: 0; position: absolute; top: 0; } .comments .comment figure .image { background-color: #1f1f1f; height: 70px; position: relative; overflow: hidden; width: 60px; } .comments .comment figure .image:after { bottom: 0px; content: ""; height: 0px; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #FFF; position: absolute; right: 0; width: 0px; } .comments .comment figure .image:before { background-color: #FFF; bottom: 0; content: ""; height: 10px; left: 0; width: calc(100% - 10px); position: absolute; } .comments .comment figure .image img { height: 100%; } .comments .comment .date { font-size: 12px; position: absolute; right: 0; top: 5px; } .comments .comment .date .fa { color: #b8b8b8; font-size: 10px; margin-right: 10px; } .comments .comment .name { display: table; font-size: 18px; width: 100%; } .comments .comment .reply { color: #1f1f1f; } .comments .comment .reply .fa { color: #db0812; margin-right: 10px; } .count-down .countdown-row .countdown-section { display: inline-block; margin-right: 20px; } .count-down .countdown-row .countdown-amount { font-weight: bold; display: block; position: relative; } .count-down .countdown-row .countdown-period { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; font-size: 12px; text-transform: uppercase; } .controls-more { font-size: 18px; padding: 1px 5px; cursor: pointer; position: absolute; right: 15px; bottom: 0; top: 0; margin: auto; height: 27px; } .controls-more.show ul { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .controls-more ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); visibility: hidden; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); list-style: none; padding-left: 0; position: absolute; bottom: 25px; right: 8px; background-color: #FFF; font-size: 14px; text-align: right; } .controls-more ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .controls-more ul li:last-child { border-bottom: none; } .controls-more ul li:last-child a:after { /*background-image: url("../img/jpassImages/triangle.png");*/ -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; width: 0; height: 0; border-style: solid; border-width: 0 11px 11px 0; border-color: transparent #FFF transparent transparent; content: ""; position: absolute; right: 0px; bottom: -10px; height: 11px; width: 11px; } .controls-more ul li:last-child a:before { width: 0; height: 0; border-style: solid; border-width: 0 15px 14px 0; border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent; content: ""; position: absolute; right: -2px; bottom: -14px; height: 11px; width: 11px; } .controls-more ul li:last-child a:hover:after { border-color: transparent #e8e8e8 transparent transparent; } .controls-more ul li a { display: block; color: #1f1f1f; white-space: nowrap; padding: 7px 10px; } .controls-more ul li a:hover { background-color: #e8e8e8; } .controls-more:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #db0812; } .controls-more:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; content: "\f142"; color: #000; } .container.full-width { width: 100%; } .datepicker { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 5px; border: none; } .datepicker .table-condensed > tbody > tr > td.day { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 5px 8px; cursor: pointer; text-align: center; } .datepicker .table-condensed > tbody > tr > td.day:hover { background-color: #db0812; color: #FFF; } .datepicker .old, .datepicker .new, .datepicker .disabled { color: rgba(0, 0, 0, 0.3); pointer-events: none; } .datepicker .today { background-color: #1f1f1f; color: #FFF; } .datepicker .month { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; margin: 5px; padding: 5px 8px; cursor: pointer; } .datepicker .month:hover { background-color: #db0812; color: #FFF; } .datepicker .month.focused { background-color: #1f1f1f; color: #FFF; } .datepicker .glyphicon { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; color: #db0812; cursor: pointer; } .datepicker .glyphicon:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .datepicker .datepicker-switch { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; text-align: center; font-weight: normal; text-transform: uppercase; font-size: 12px; padding: 6px; } .detail-sidebar .content { background-color: #FFF; padding: 20px; } .detail-sidebar address figure { margin-left: 30px; } .duplicated-element { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; height: 0; } .featured-contact { position: relative; padding-left: 50px; } .featured-contact i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; font-size: 36px; position: absolute; top: 0; left: 0; height: 36px; bottom: 0; margin: auto; } .featured-contact h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 14px; margin: 0; } .featured-contact h3 { font-size: 24px; font-weight: normal; margin-top: 3px; margin-bottom: 3px; } .file-upload { position: relative; height: 70px; margin-bottom: 20px; margin-top: 20px; } .file-upload .file-upload-input { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.03); width: 100%; border: 2px dashed rgba(0, 0, 0, 0.1); height: 70px; text-align: center; cursor: pointer; position: relative; display: inline-block; width: 100%; padding: 70px 0 0 0; overflow: hidden; z-index: 1; } .file-upload .file-upload-input:hover { border: 2px dashed rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.02); } .file-upload span { position: absolute; top: 0; bottom: 0; line-height: 75px; width: 100%; text-align: center; margin: auto; z-index: 0; left: 0; text-transform: uppercase; color: #db0812; font-size: 12px; font-weight: bold; } .file-upload-previews > .MultiFile-label { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.03); display: inline-block; border: 2px solid rgba(0, 0, 0, 0.1); padding: 10px; position: relative; margin-right: 10px; width: 100%; } .file-upload-previews span.MultiFile-label { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); position: relative; text-align: center; display: inline-block; margin: 10px; } .file-upload-previews span.MultiFile-label .MultiFile-title { position: absolute; background-color: rgba(0, 0, 0, 0.4); color: #FFF; padding: 10px; bottom: 0; font-size: 12px; text-align: center; width: 100%; } .file-upload-previews span.MultiFile-label .MultiFile-preview { max-width: 200px !important; max-height: 150px !important; } .file-upload-previews .MultiFile-remove { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: transparent; position: absolute; background-color: #ed2a21; width: 20px; height: 20px; top: -10px; right: -10px; z-index: 1; } .file-upload-previews .MultiFile-remove:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; content: "\f00d"; color: #FFF; top: -2px; position: relative; font-size: 10px; } .file-uploaded-images .image { height: 150px; display: inline-block; margin-bottom: 18px; margin-right: 15px; position: relative; } .file-uploaded-images .image figure { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; background-color: #ed2a21; width: 20px; height: 20px; position: absolute; right: -10px; top: -10px; content: ""; text-align: center; line-height: 15px; } .file-uploaded-images .image figure i { color: #FFF; font-size: 10px; } .file-uploaded-images .image img { height: 100%; } .gallery.featured .item { margin-left: 10px; } .gallery.featured .item .controls:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #FFF; } .gallery.featured .item .controls:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; content: "\f142"; color: #FFF; } .gallery.detail .image { width: 550px; height: 360px; } .gallery .item { width: 260px; } .gallery .owl-stage { position: absolute; top: 0; left: 0; width: 100%; } #gallery-nav { display: inline-block; position: relative; vertical-align: middle; margin-left: 15px; height: 27px; width: 75px; } #gallery-nav .owl-next, #gallery-nav .owl-prev { display: inline-block !important; position: absolute; cursor: pointer; margin-left: 2px; top: 0; } #gallery-nav .owl-next:after, #gallery-nav .owl-prev:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid white; padding: 3px 4px; font-size: 24px; } #gallery-nav .owl-next { right: 0px; } #gallery-nav .owl-next:after { content: "5"; } #gallery-nav .owl-prev { right: 40px; } #gallery-nav .owl-prev:after { content: "4"; } .item { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 30px; } .item > a { display: block; position: relative; height: 220px; overflow: hidden; } .item > a:hover .image { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .item > a:hover .description { will-change: transform; -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .item > a:hover .description h4 { will-change: transform; } .item > a .description { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; bottom: 20px; left: 20px; color: #FFF; padding-right: 20px; } .item > a .description figure { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-size: 12px; font-weight: bold; } .item > a .description figure i { margin-right: 5px; } .item > a .description figure span { margin-right: 10px; } .item > a .description h3 { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); color: #FFF; font-size: 21px; font-weight: bold; margin-bottom: 2px; margin-top: 10px; } .item > a .description h4 { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: normal; margin: 5px 0 15px; } .item > a .image { -moz-transition: 0.6s ease; -webkit-transition: 0.6s ease; transition: 0.6s ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: scale(1.01, 1.01); -ms-transform: scale(1.01, 1.01); -webkit-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01); position: absolute; width: 100%; height: 100%; background-position: center; } .item > a .image:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; background: -moz-linear-gradient(top, transparent 0%, black 100%); background: -webkit-linear-gradient(top, transparent 0%, black 100%); background: linear-gradient(to bottom, transparent 0%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-black', endColorstr='$color-black', GradientType=0); background-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; } .item.featured .label { background-color: transparent; border: 1px solid #FFF; color: #FFF; } .item.featured .additional-info { background-color: #1a1a1a; color: #FFF; } .item.featured .additional-info .rating-passive .stars figure { color: #db0812; } .item.featured .additional-info .controls-more:after { color: #FFF; } .item.item-row { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: #fafafa; z-index: 2; } .item.item-row:hover { -moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px); background-color: whitesmoke; } .item.item-row > a { height: 150px; width: 100%; display: table; padding-left: 180px; } .item.item-row > a:hover .image { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .item.item-row > a:hover .description { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } .item.item-row > a .label6.hourly-price { bottom: 10px; position: absolute; z-index: 20; left: 10px; } .item.item-row > a .image { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); width: 180px; position: absolute; top: 0; left: 0; overflow: hidden; } .item.item-row > a .image:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; background-color: transparent; } .item.item-row > a .image figure { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); position: absolute; text-align: center; width: 100%; padding: 5px; font-size: 12px; font-weight: bold; color: #FFF; z-index: 1; bottom: 5px; } .item.item-row > a .description { position: relative; bottom: inherit; left: inherit; display: table-cell; vertical-align: middle; padding-left: 20px; } .item.item-row > a .description h4, .item.item-row > a .description h3 { text-shadow: none; will-change: unset; } .item.item-row > a .description h4 { color: rgba(0, 0, 0, 0.5); } .item.item-row > a .description h3 { color: #db0812; font-size: 18px; margin-bottom: 4px; } .item.item-row > a .map { height: 100%; width: 100px; display: table-cell; background-color: rgba(0, 0, 0, 0.1); } .item.item-row .additional-info { padding: 0; background-color: transparent; display: table-cell; vertical-align: middle; text-align: right; width: 150px; padding-right: 40px; top: -2px; } .item.item-row .additional-info .reviews { color: #000; } .item.item-row .controls-more { z-index: 1; } .item .price { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #FFF; font-weight: 900; color: #1f1f1f; position: absolute; right: -6px; top: 30px; z-index: 1; padding: 5px; font-size: 14px; } .item .price:after { width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; border-color: #ababab transparent transparent transparent; content: ""; position: absolute; bottom: -6px; right: 0; } .item .circle { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 30px; width: 30px; position: absolute; top: -15px; left: 20px; background-color: #FFF; text-align: center; } .item .circle i { font-size: 12px; color: #db0812; line-height: 28px; } .item .circle.featured { background-color: #db0812; color: #FFF; font-weight: 800; font-size: 12px; height: 45px; width: 45px; text-align: center; line-height: 43px; } .item .circle.sale { position: absolute; z-index: 1; top: -20px; left: 20px; } .item .additional-info { background-color: #FFF; padding: 15px 20px; position: relative; } .jssocials-share { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 3px 5px; } .jssocials-share:hover { border: 1px solid rgba(0, 0, 0, 0.2); } .list-descriptive { list-style: none; padding-right: 0; } .list-descriptive.icon li { position: relative; margin-bottom: 15px; } .list-descriptive.icon li i { color: #db0812; position: absolute; top: 0; left: 0; font-size: 10px; border: 2px solid rgba(0, 0, 0, 0.1); padding: 5px 6px; border-radius: 100%; width: 25px; height: 25px; line-height: 11px; text-align: center; } .list-descriptive.icon li .description { padding-left: 35px; } .list-schedule { display: table; height: 100%; width: 100%; } .list-schedule li { margin-bottom: 15px; } .list-schedule .left { float: left; text-align: left; } .list-schedule .right { float: right; text-align: right; } .list-schedule .promoted { color: #db0812; } .list-schedule figure { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; font-size: 12px; } .my-items { overflow: visible; } .my-items .my-item { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #fafafa; margin-bottom: 60px; position: relative; } .my-items .my-item .image-wrapper { position: relative; float: left; } .my-items .my-item .image-wrapper .image { width: 180px; height: 140px; position: relative; display: block; } .my-items .my-item .image-wrapper .image .bg-transfer { position: relative; z-index: 0; } .my-items .my-item .image-wrapper .image img { width: 100%; } .my-items .my-item .info { margin-left: 200px; padding: 20px 0; } .my-items .my-item .info h2 { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; font-size: 18px; margin: 0; font-weight: bold; display: inline-block; margin-bottom: 10px; } .my-items .my-item .info .location { font-size: 12px; } .my-items .my-item .info .additional-info { font-size: 12px; font-weight: bold; margin: 2px 0; } .my-items .my-item .info .additional-info i { margin-right: 5px; } .my-items .my-item .info .additional-info > span { padding-right: 10px; } .my-items .my-item .info .additional-info > span span { padding-right: 5px; } .my-items table { z-index: 2; position: relative; border-collapse: separate; border-spacing: 0px 45px; } .my-items table thead tr th { border: none; padding: 0; width: 8%; } .my-items table thead tr th:first-child { width: 50%; } .my-items table thead tr th:last-child { text-align: right; width: 15%; } .my-items table tbody tr td { border: none; padding: 0; width: 8%; vertical-align: middle; font-size: 12px; position: relative; white-space: nowrap; background-color: #fafafa; } .my-items table tbody tr td:first-child { width: 50%; } .my-items table tbody tr td:last-child { text-align: right; padding-right: 20px; width: 15%; } .my-items ul { list-style: none; padding-left: 0; z-index: 2; position: relative; } .my-items ul li { display: inline-block; width: 9%; vertical-align: middle; } .my-items ul li:first-child { width: 50%; } .my-items .featured { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .my-items .featured.yes { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #db0812; } .my-items .last-edit { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; font-size: 12px; position: absolute; bottom: 10px; right: 10px; white-space: nowrap; } .my-items .edit-options { position: absolute; right: 0; bottom: -35px; } .my-items .edit-options a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #1f1f1f; padding: 10px; display: inline-block; } .my-items .edit-options a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .my-items .edit-options a:last-child { padding-right: 0px; } .my-items .edit-options a.delete { color: #ed2a21; } .my-items .circle { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 30px; width: 30px; position: absolute; top: -15px; left: 10px; background-color: #db0812; text-align: center; z-index: 1; } .my-items .circle i { font-size: 12px; color: #FFF; line-height: 28px; } .my-items .label { display: inline-block; margin: 4px 0; padding: 4px; } .parking-selection-view-icon { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 35px; display: inline-block; text-align: center; margin-left: 1px; margin-right: 1px; color: rgba(0, 0, 0, 0.4); } .parking-selection-view-icon:hover, .parking-selection-view-icon.active { color: #db0812; } .parking-selection-view-icon i:hover { color: #db0812; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; text-align: left; vertical-align: middle; } .modal { text-align: center; } .modal.fade .modal-dialog { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal.modal-external .modal-content { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.98); -ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); } .modal.modal-external.show .modal-content { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .modal.modal-external.show .loading-icon { display: none; } .modal .modal-item-detail.modal-dialog { width: 750px; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .left { float: left; width: 350px; display: table-cell; margin-left: -35px; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .left section { padding-left: 30px; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .right { display: table; padding-left: 20px; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .right section:first-child { margin-top: 0; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .right section:first-child h3 { margin-top: 0; } .modal .modal-item-detail .map { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); height: 150px; margin-bottom: 20px; } .modal .modal-item-detail .label { display: inline-block; } .modal .loading-icon { color: #FFF; width: 36px; height: 36px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .modal .relative-positioned-loading-icon { position: relative; } .modal .modal-content { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: none; padding: 30px; display: table; width: 100%; } .modal .modal-header, .modal .modal-body { padding: 0; border: none; } .modal .section-title { margin-top: 0; } .modal .section-title h2 { color: #003050; margin-bottom: 5px; } .modal .gallery { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); margin-top: 0; margin-bottom: 10px; } .modal .gallery.owl-carousel { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .modal .gallery.owl-carousel .owl-controls { position: absolute; right: 0; bottom: 0; } .modal .gallery.owl-carousel .owl-controls .owl-prev, .modal .gallery.owl-carousel .owl-controls .owl-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: #1f1f1f; color: #FFF; padding: 4px 4px 0px 4px; position: absolute; bottom: 0; } .modal .gallery.owl-carousel .owl-controls .owl-prev:hover, .modal .gallery.owl-carousel .owl-controls .owl-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .modal .gallery.owl-carousel .owl-controls .owl-prev { right: 32px; } .modal .gallery.owl-carousel .owl-controls .owl-next { right: 0; } .modal .close { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; font-size: 18px; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-color: #FFF; z-index: 10; } .modal .controls-more { right: 0; } .modal .bg-transfer { z-index: 0; } .modal .formCreditCard .bg-transfer { z-index: -1 !important; } .subscription-type-item .close { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; font-size: 18px; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-color: #FFF; z-index: 10; } .additional-data-management-modal-footer { padding: 30px 15px 0 15px; } @media screen and (max-width: 768px) { .modal .modal-content { padding: 0; } } .owl-carousel .owl-item .item .circle.sale { top: 20px; } .owl-carousel .owl-item .item .circle.featured { background-color: #FFF; color: #db0812; } .owl-dots { margin-top: 5px; text-align: center; } .owl-dots .owl-dot { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; } .owl-dots .owl-dot.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .owl-dots .owl-dot span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; background-color: #000; width: 5px; height: 5px; margin: 3px 5px; } .owl-nav .owl-next, .owl-nav .owl-prev { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .owl-nav .owl-next:before, .owl-nav .owl-prev:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; font-size: 24px; } .owl-nav .owl-next:hover, .owl-nav .owl-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .owl-nav .owl-next:before { content: "\$"; } .owl-nav .owl-prev:before { content: "\#"; } [data-owl-dots="0"] .owl-dots, [data-owl-nav="0"] .owl-nav { display: none !important; } [data-owl-dots="1"] .owl-dots { display: block !important; } [data-owl-nav-container] .owl-controls { display: none !important; } [data-owl-nav="1"] .owl-nav { display: block !important; } [data-owl-nav="1"] .owl-nav .owl-next, [data-owl-nav="1"] .owl-nav .owl-prev { display: inline-block !important; } .panel-group .panel { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 2px solid rgba(0, 0, 0, 0.1); } .panel-group .panel-heading { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: transparent; padding: 0px; } .panel-group .panel-heading:hover { background-color: rgba(0, 0, 0, 0.03); } .panel-group .panel-heading .panel-title { font-weight: bold; font-size: 16px; } .panel-group .panel-heading .panel-title a { padding: 15px; display: block; position: relative; } .panel-group .panel-heading .panel-title a:after { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; height: 18px; font-size: 18px; } .panel-group .panel-heading .panel-title a[aria-expanded="false"]:after { content: "L"; } .panel-group .panel-heading .panel-title a[aria-expanded="true"]:after { content: "K"; } .panel-group .panel-heading .panel-title a i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); font-size: 10px; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; } .page-wrapper { display: table; width: 100%; height: 100%; overflow: hidden; } .page-wrapper #page-header, .page-wrapper #page-content, .page-wrapper #page-footer { display: table-row; } .page-wrapper #page-header, .page-wrapper #page-footer { height: 1px; } .page-wrapper #page-content { height: auto; overflow: hidden; position: relative; } #page-footer .footer-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 30px; } #page-footer p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #FFF; margin-bottom: 0; } #page-footer p.hub-parking-label { margin-bottom: 10px; } #page-footer .footer-navigation { background-color: #db0812; color: #FFF; font-size: 13px; font-weight: 600; } #page-footer .footer-navigation a { color: #FFF; margin: 0 3px; } .label { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); font-size: 9px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; } .label.label-default { /* background-color: $color-primary; */ border: 1px solid rgba(0, 0, 0, 0.2); background: transparent; color: rgba(0, 0, 0, 0.5); box-shadow: none; -webkit-box-shadow: none; } .label.label-info { background-color: white; } .logos { display: table; width: 100%; } .logos .logo { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20px; } .logos .logo a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.85; } .logos .logo a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .pagination li { display: inline-block; } .pagination li a { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: transparent; border: none; border-color: transparent; font-weight: bold; color: rgba(0, 0, 0, 0.5); margin-left: 5px; margin-right: 5px; } .pagination li a:hover { color: rgba(0, 0, 0, 0.5); } .pagination li.active a { pointer-events: none; background-color: #db0812; color: #FFF; } .pagination li.previous a, .pagination li.next a { -moz-border-radius-topleft: 100%; -webkit-border-top-left-radius: 100%; border-top-left-radius: 100%; -moz-border-radius-topright: 100%; -webkit-border-top-right-radius: 100%; border-top-right-radius: 100%; -moz-border-radius-bottomleft: 100%; -webkit-border-bottom-left-radius: 100%; border-bottom-left-radius: 100%; -moz-border-radius-bottomright: 100%; -webkit-border-bottom-right-radius: 100%; border-bottom-right-radius: 100%; background-color: #fafafa; color: inherit; padding: 7px 10px; } .pricing { position: relative; margin-bottom: 15px; margin-top: 15px; text-align: center; padding: 30px 20px; } .pricing.box { background-color: #FFF; } .pricing.box.featured { background-color: #db0812; color: #FFF; } .pricing.box.featured ul li { color: #FFF; border-bottom-color: rgba(255, 255, 255, 0.2); } .pricing.box.featured ul li.available, .pricing.box.featured ul li.not-available { color: #FFF; border-bottom-color: rgba(255, 255, 255, 0.2); } .pricing.featured:not(.box) figure { background-color: #db0812; color: #FFF; } .pricing.description { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; text-align: left; padding-left: 0; } .pricing h2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; color: inherit; font-size: 30px; font-weight: lighter; } .pricing figure { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: #FFF; width: 75px; height: 75px; position: absolute; top: 5px; right: -10px; text-align: center; line-height: 75px; color: #db0812; font-size: 18px; font-weight: bold; } .pricing ul { list-style: none; padding-left: 0; margin-bottom: 10px; margin-top: 20px; } .pricing ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 48px; } .pricing ul li:last-child { border-bottom: none; } .pricing ul li.as-last-child { border-bottom: none; } .pricing ul li.available { color: #db0812; } .pricing ul li.not-available { color: rgba(0, 0, 0, 0.5); } .pricing ul li i { font-size: 20px; } .rating-passive .stars { margin-right: 5px; } .rating-passive .stars figure { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.2; color: #000; font-size: 12px; margin-right: 1px; } .rating-passive .stars figure.active { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #db0812; } .rating-passive .reviews { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; font-size: 12px; } .rating-passive .reviews:after { content: ")"; } .rating-passive .reviews:before { content: "("; } .review { position: relative; margin-bottom: 40px; display: table; height: 100%; } .review .image { position: absolute; left: 0; top: 0; } .review .image > div { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width: 80px; height: 80px; } .review .description { padding-left: 100px; } .review .description .rating-passive { display: inline-block; margin-right: 20px; } .review .description .date { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 12px; } .review .description p { margin-top: 10px; } .reviews .review { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; margin-bottom: 30px; position: relative; } .reviews .review.switch { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; pointer-events: none; } .reviews .review.write .name { margin-bottom: 20px; } .reviews .review.write .comment:before { border-width: 0 10px 10px 10px; border-color: transparent transparent white transparent; left: 20px; top: -10px; } .reviews .review form { margin: 0; } .reviews .review .name { font-weight: bold; font-size: 16px; margin-top: 15px; } .reviews .review .comment { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #fafafa; padding: 20px; position: relative; } .reviews .review .comment:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #fafafa transparent transparent; position: absolute; left: -10px; top: 30px; } .reviews .review .comment .options { text-transform: uppercase; font-size: 10px; color: #acacac; margin-top: 30px; } .reviews .review .comment .options a { margin-right: 10px; } .reviews .review .comment .comment-title { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; } .reviews .review .comment .comment-title h4 { font-size: 18px; display: inline-block; } .reviews .review .comment .comment-title .rating { color: #db0812; font-size: 20px; font-weight: bold; margin-right: 20px; display: inline-block; } .reviews .review .comment .comment-title .rating:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; content: "\f005"; margin-right: 10px; } .reviews .review .answer { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 10px; background-color: rgba(0, 0, 0, 0.05); padding: 15px; position: relative; margin-top: 30px; } .reviews .review .answer:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent; position: absolute; left: 20px; top: -6px; } .reviews .review .answer h4 { font-size: 12px; font-weight: bold; margin-top: 0; } .reviews .review .visitor-rating dt { font-weight: normal; } .reviews .review .visitor-rating dd { font-weight: bold; color: #db0812; } .reviews .review .visitor-rating dd.star-rating { clear: left; margin-bottom: 10px; text-align: left; padding: 0; } .reviews .review .ribbon { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); padding: 8px; } .reviews .review.muted .name, .reviews .review.muted .date, .reviews .review.muted .comment { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .reviews .review.muted .name:hover, .reviews .review.muted .date:hover, .reviews .review.muted .comment:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .ribbon { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #db0812; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 11px; padding: 5px; position: absolute; top: -6px; right: -6px; z-index: 1; } .ribbon:after { width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; border-color: #1a1a1a transparent transparent transparent; content: ""; position: absolute; bottom: -6px; right: 0; } .section-title { margin-bottom: 50px; margin-top: 5px; } @media (max-width: 991px) { .section-title { margin-bottom: 0px; } } .section-title h2 { margin-top: 0; } .page-title { margin-bottom: 40px; margin-top: 5px; display: table; width: 100%; height: auto; } .page-title h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: inherit; } .page-title.error h1 { font-size: 200px; } .page-title.pull-left, .page-title.pull-right { width: auto; } .page-title.pull-left.pull-right-small, .page-title.pull-right.pull-right-small { font-size: 11px; top: 4px; right: -4px; } .post-author { border: 2px solid rgba(0, 0, 0, 0.1); display: table; margin-bottom: 60px; padding: 20px; position: relative; width: 100%; } .post-author img { display: table-cell; vertical-align: middle; width: 100px; } .post-author header { color: #1f1f1f; margin-bottom: 10px; } .post-author .wrapper { display: table-cell; vertical-align: middle; padding-left: 20px; } .noUi-horizontal { min-height: 43px; height: inherit; } .filter-passes-search { display: inline-block; font-weight: 500; color: #db0812; position: relative; } .filter-passes-search-active { display: inline-block; padding: 8px 20px; font-weight: 500; position: relative; border-radius: 25px; background-color: #db0812; color: white; } .sidebar section { margin-bottom: 50px; } .sidebar h2 { font-size: 24px; font-weight: lighter; margin-bottom: 30px; } .sidebar .form-group { margin-bottom: 10px; min-height: 45px; } .sidebar .bootstrap-select .dropdown-menu { margin-top: 0; } .sidebar .btn[type=submit] { text-transform: none; font-size: 14px; } .sidebar .btn[type=submit] i { margin-right: 10px; } .sidebar .ui-slider .noUi-base { background-color: #e8e8e8; } .sidebar .ui-slider .noUi-base .noUi-connect { background-color: #cccccc; } .sidebar .ui-slider .noUi-base .noUi-background { background-color: #e8e8e8; } .sidebar .ui-slider .noUi-base .noUi-handle { border: 2px solid #cccccc; background-color: #cccccc; } .sidebar .ui-slider .noUi-base .noUi-handle:hover, .sidebar .ui-slider .noUi-base .noUi-handle.noUi-active { -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.08); } .sidebar .item { margin-bottom: 10px; } .sidebar .item > a { height: 180px; } .sidebar .item .controls-more { bottom: 0px; top: inherit; margin: inherit; } .sidebar .item .controls-more:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; color: #FFF; } .step { position: relative; margin-bottom: 40px; } .step .circle { position: absolute; top: 0; left: 0; width: 175px; height: 175px; text-align: center; } .step .circle > i { font-size: 60px; color: #FFF; z-index: 1; position: relative; line-height: 175px; } .step .circle figure { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 0; top: 15px; line-height: 55px; text-align: center; font-size: 18px; font-weight: bold; color: #FFF; width: 55px; height: 55px; background-color: #db0812; z-index: 1; } .step .circle .circle-bg { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #db0812; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .step .box { margin-left: 220px; } .step .box:after { width: 0; height: 0; border-style: solid; border-width: 11.5px 11px 11.5px 0; border-color: transparent #fafafa transparent transparent; content: ""; position: absolute; top: 30px; left: -11px; } .step .box:before { width: 0; height: 0; border-style: solid; border-width: 11.5px 11px 11.5px 0; border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent; content: ""; position: absolute; top: 32px; left: -11px; } .step h2, .step p { margin-bottom: 20px; } .star-rating i { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; cursor: pointer; padding: 2px; color: rgba(0, 0, 0, 0.2); } .star-rating i.active, .star-rating i.hover { color: #db0812; } .visitor-rating dt { font-weight: normal; } .visitor-rating dd { font-weight: bold; color: #db0812; } .visitor-rating dd.star-rating { clear: left; margin-bottom: 10px; text-align: left; padding: 0; } .subpage-detail #gallery-nav { position: absolute; right: 15px; top: -25px; } .subpage-detail #gallery-nav .owl-next:after { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background-color: #db0812; padding: 4px; color: #FFF; } .subpage-detail #gallery-nav .owl-prev { right: 32px; } .subpage-detail #gallery-nav .owl-prev:after { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background-color: #db0812; padding: 4px; color: #FFF; } .tags { list-style: none; padding-left: 0; } .tags li { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; background-color: #FFF; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-right: 7px; color: #1a1a1a; padding: 5px 10px; margin-bottom: 5px; } .tags li:before { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; content: "\f00c"; color: #db0812; margin-right: 3px; } .testimonials { padding: 0; } .testimonials.center .owl-carousel { top: -30px; position: relative; } .testimonials.center blockquote { text-align: center; padding-left: 20px; } .testimonials.center blockquote p { font-size: 14px; font-style: italic; } .testimonials.center blockquote .image { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); display: inline-block; width: 95px; height: 95px; overflow: hidden; position: relative; z-index: 1; margin-bottom: 15px; } .testimonials.center blockquote .image img { -moz-transform-style: flat; -webkit-transform-style: flat; transform-style: flat; } .testimonials blockquote { border-left: none; margin-bottom: 0; position: relative; padding-left: 120px; } .testimonials blockquote h3 { font-size: 18px; font-weight: normal; margin-bottom: 0; } .testimonials blockquote h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; font-size: 12px; font-weight: bold; margin-top: 3px; } .testimonials blockquote p { font-size: 16px; font-style: italic; } .testimonials blockquote .image { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); display: inline-block; width: 90px; height: 90px; overflow: hidden; position: absolute; z-index: 1; left: 2px; top: 0; } .testimonials blockquote .image img { -moz-transform-style: flat; -webkit-transform-style: flat; transform-style: flat; } .text-element { margin-bottom: 30px; position: relative; } .text-element.event { padding-left: 70px; padding-top: 10px; } .text-element.event .date-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid rgba(0, 0, 0, 0.1); text-align: center; padding: 5px 3px 4px 3px; position: absolute; width: 50px; left: 0; } .text-element.event .date-icon:before { background-image: url("../img/jpassImages/calendar-spring.ee51dada.png"); width: 37px; height: 6px; position: absolute; top: -3px; left: 4px; content: ""; } .text-element.event .date-icon .day { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 20px; margin-bottom: -3px; } .text-element.event .date-icon .month { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 12px; text-transform: uppercase; } .text-element a.link { color: #1f1f1f; } .text-element .date { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; font-size: 12px; margin-bottom: 12px; font-weight: bold; } .text-element .date i { margin-right: 8px; } .user-details { margin-bottom: 30px; position: relative; padding-top: 25px; padding-bottom: 25px; margin-top: 60px; } .user-details .user-image { position: absolute; top: -60px; z-index: 1; } .user-details .user-image .image { width: 150px; height: 150px; position: relative; } .user-details .user-image .image .bg-transfer { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .user-details .user-image .image .single-file-input { position: absolute; width: 100%; bottom: -38px; } .user-details .btn { position: absolute; right: 20px; top: 20px; } .user-details .description { padding-left: 170px; } .user-details .description h3 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; color: inherit; font-size: 14px; margin: 0; } .user-details .description h2 { font-size: 20px; margin: 3px 0; font-weight: normal; } .user-details .description hr { margin-top: 10px; margin-bottom: 10px; } .video iframe { width: 100%; height: 100%; } .version-selector a { color: #000; } .version-selector .logo { text-align: center; margin: 40px 0; } .version-selector h3 { margin-top: 15px; margin-bottom: 5px; text-align: center; font-weight: bold; font-size: 16px; } .version-selector h1 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; font-size: 18px; margin-top: 0px; margin-bottom: 20px; text-align: center; color: #000; font-weight: bold; } .version-selector .description { padding-bottom: 5px; } .version-selector .versions { padding: 40px 0; display: table; } .version-selector .version { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; display: inline-block; margin-bottom: 60px; padding: 15px 5px; text-align: center; } .version-selector .version:hover { background-color: #f0f0f0; } /* FORM -------------------------------------------------------------------*/ textarea.form-control { -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-appearance: none; background-color: #FFF; border: none; font-size: 14px; font-weight: 400; outline: none !important; width: 100%; height: inherit; padding: 12px; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } textarea.form-control:active, textarea.form-control:focus { -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; } input[type="text"], input[type="email"], input[type="date"], input[type="time"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"] { -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-appearance: none; background-color: #FFF; border: none; color: #1a1a1a !important; font-size: 16px; font-weight: 600; outline: none !important; width: 100%; height: inherit; padding: 12px; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } input[type="text"] { box-shadow: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } input[type="text"]:active, input[type="text"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="email"] { box-shadow: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } input[type="email"]:active, input[type="email"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="date"]:active, input[type="date"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="time"]:active, input[type="time"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="search"]:active, input[type="search"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="password"]:active, input[type="password"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="number"]:active, input[type="number"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="tel"]:active, input[type="tel"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="text"]:hover, input[type="email"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="tel"]:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="text"].input-dark, input[type="email"].input-dark, input[type="date"].input-dark, input[type="time"].input-dark, input[type="search"].input-dark, input[type="password"].input-dark, input[type="number"].input-dark, input[type="tel"].input- dark { background-color: rgba(0, 0, 0, 0.3); color: #FFF; } input::-webkit-calendar-picker-indicator { display: none; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: inherit; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder { color: #1a1a1a; opacity: 0.6; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder { color: #1a1a1a; opacity: 0.6; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder { color: #1a1a1a; opacity: 0.6; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder { color: #1a1a1a; opacity: 0.6; } input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus { border-bottom: 2px solid #db0812; } textarea.form-control:hover { -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent; } textarea.form-control.input-dark { background-color: rgba(0, 0, 0, 0.3); color: #FFF; } .bootstrap-select.open .dropdown-menu { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; pointer-events: auto; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .bootstrap-select .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1); background-color: #FFF; border: none; outline: none !important; text-transform: none; padding: 12px; padding-right: 30px; font-size: 14px; width: 100%; } .bootstrap-select .btn:active, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover { -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1); top: 0; background-color: #FFF; outline: none !important; border: none; } .bootstrap-select .dropdown-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block !important; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform: scale(0.98); -ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); pointer-events: none; padding: 0; border: none; background-clip: none; margin: 0; } .bootstrap-select .dropdown-menu > li > a { padding: 5px 12px; } .bootstrap-select > select { left: 0; height: 0 !important; max-height: 0px; padding: 0 !important; } .glyphicon-map { color: #003050; float: right; font-size: 10px; padding-right: 5px; padding-top: 5px; } .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; border-width: 2px; border-style: solid; font-size: 12px; font-weight: 600; text-transform: uppercase; position: relative; } .btn:active { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: none !important; } .btn:active:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: none !important; } .btn:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; outline: none !important; } .btn:hover { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn[disabled] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .btn.btn-primary { background-color: #db0812; color: #FFF; border-color: rgba(230, 74, 79, 0.505); } .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover { background-color: #91050c; border-color: #91050c; color: #FFF; } .btn.btn-primary:active:hover, .btn.btn-primary:active:focus { background: rgba(219, 8, 18, 0.9); } .btn.btn-primary:focus:hover { background: rgba(219, 8, 18, 0.9); } .btn.btn-primary:active:after, .btn.btn-primary:focus:after, .btn.btn-primary:hover:after { /* background-color: $color-black-2); */ } .btn.btn-primary:active:hover:after, .btn.btn-primary:active:focus:after { /* background-color: $color-black-2); */ } .btn.btn-primary:focus:hover:after { /* background-color: $color-black-2); */ } .btn.btn-primary:after { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; content: ""; background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .btn.btn-primary:hover { background-color: #f83841; border-color: #db0812; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn.btn-primary:active { background-color: #f83841; border-color: #db0812; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn.btn-primary:active:hover { background-color: #f83841; border-color: #db0812; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn.btn-primary:focus, .btn.btn-primary:active:focus { background-color: #f83841; border-color: #db0812; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn.btn-primary.btn-rounded:after { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .btn.btn-primary.btn-framed { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #db0812; background-color: transparent; padding: 6px 35px; } .btn.btn-primary.btn-framed:hover { background-color: transparent; /*border-color: darken($color-default,8%);*/ } .btn.btn-primary.btn-framed:active { background-color: transparent; /*border-color: darken($color-default,8%);*/ } .btn.btn-primary.btn-framed:active:hover { background-color: transparent; /*border-color: darken($color-default,8%);*/ } .btn.btn-primary.btn-framed:focus { background-color: transparent; /*border-color: darken($color-default,8%);*/ } .btn.btn-primary.btn-framed.btn-light-frame { border-color: #db0812; background-color: transparent; } .btn.btn-primary.btn-framed.btn-light-frame:after { display: none; } .btn.btn-primary.btn-framed.btn-light-frame:hover { border-color: #db0812; background-color: #f83841; color: #FFF; } .btn.btn-primary.btn-framed.btn-light-frame:active { border-color: #db0812; background-color: #db0812; color: #FFF; } .btn.btn-primary.btn-framed.btn-light-frame:active:hover { border-color: #db0812; background-color: #f83841; color: #FFF; } .btn.btn-primary.btn-framed.btn-light-frame[disabled] { border-color: #CCCCCC; background-color: transparent; color: #CCCCCC; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .btn.btn-primary[disabled] { background-color: #CCCCCC; border-color: #CCCCCC; color: #4A4A49; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .btn.btn-default { background-color: #FFF; color: #1a1a1a; border-color: #FFF; } .btn.btn-default:hover { background-color: #FFF; border-color: #FFF; } .btn.btn-default:active { background-color: #FFF; border-color: #FFF; } .btn.btn-default:active:hover { background-color: #FFF; border-color: #FFF; } .btn.btn-default:focus { background-color: #FFF; border-color: #FFF; } .btn.btn-default.btn-framed { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #FFF; background-color: transparent; border-color: #FFF; } .btn.btn-default.btn-framed:hover { background-color: rgba(255, 255, 255, 0.1); } .btn.btn-default.btn-framed:active { background-color: rgba(255, 255, 255, 0.1); } .btn.btn-default.btn-framed:active:hover { background-color: rgba(255, 255, 255, 0.1); } .btn.btn-default.btn-framed:focus { background-color: rgba(255, 255, 255, 0.1); } .btn.btn-default.btn-framed.btn-light-frame { border-color: rgba(255, 255, 255, 0.4); } .btn.btn-default.btn-framed.btn-light-frame:hover { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .btn.btn-default.btn-framed.btn-light-frame:active { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .btn.btn-default.btn-framed.btn-light-frame:active:hover { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .btn.btn-default.btn-framed.btn-light-frame:focus { border-color: rgba(255, 255, 255, 0.6); background-color: transparent; } .btn.icon i { margin-left: 5px; margin-right: 5px; } .btn.btn-rounded { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .btn.btn-save { float: right; padding: 12px 50px !important; width: auto !important; } .btn.btn-save:active { background-color: #91050c !important; border-color: #91050c !important; color: #FFF !important; } .btn.btn-cancel { float: left; padding: 15px 50px !important; width: auto !important; } .btn.btn-cancel:active { background-color: #91050c !important; border-color: #91050c !important; color: #FFF !important; } .btn.arrow { padding-right: 30px; position: relative; } .btn.arrow:before { text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'ElegantIcons'; speak: none; font-weight: normal; font-variant: normal; line-height: 1; text-transform: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; content: "$"; position: absolute; font-size: 14px; right: 15px; top: 0; bottom: 0; margin: auto; height: 14px; } .btn.roll-effect { padding-bottom: 4px; } .btn.btn-small { padding: 3px 8px; } .btn.btn-xs { font-size: 10px; padding: 2px 7px; } .btn.darker { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; border-color: rgba(0, 0, 0, 0.4); } .btn.darker:active, .btn.darker:focus, .btn.darker:hover { border-color: rgba(0, 0, 0, 0.5); } .btn.darker:active:focus, .btn.darker:active:hover { border-color: rgba(0, 0, 0, 0.5); } .btn.darker:active:after { background-color: rgba(0, 0, 0, 0.5); } .btn.darker:focus:after, .btn.darker:hover:after { background-color: rgba(0, 0, 0, 0.5); } .btn.darker:active:focus:after, .btn.darker:active:hover:after { background-color: rgba(0, 0, 0, 0.5); } .btn.darker:after { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; /* background-color: $color-black-4; */ width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; z-index: -1; } @media (max-width: 991px) { .btn.btn-loyalty { width: 100% !important; } } .form-control { background-color: transparent; height: auto; } .passes-grid.subscription-type-item .form.inputs-underline .form-control { height: 35px; } .icheckbox { -moz-box-shadow: inset 0px 0px 0px 2px #e8e8e8; -webkit-box-shadow: inset 0px 0px 0px 2px #e8e8e8; box-shadow: inset 0px 0px 0px 2px #e8e8e8; background-color: #FFF; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; display: inline-block; height: 20px; margin-right: 10px; position: relative; width: 20px; top: -1px; } .icheckbox:after { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'fontawesome'; speak: none; font-weight: normal; font-variant: normal; text-transform: none; color: #1f1f1f; content: "\f00c"; position: absolute; line-height: 20px; font-size: 10px; left: 5.5px; } .icheckbox.checked:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .hero-section .form.vertical ::-webkit-input-placeholder, .hero-section .form.vertical :-moz-placeholder, .hero-section .form.vertical ::-moz-placeholder, .hero-section .form.vertical :-ms-input-placeholder { color: #FFF; } .hero-section .form.vertical .btn[type=submit] { width: inherit; margin-top: 15px; } .hero-section .form.vertical.search-form .row, .hero-section .form.vertical.search-form .container { height: 0; } .hero-section .form.vertical .bootstrap-select > .dropdown-toggle.bs-placeholder { color: rgba(255, 255, 255, 0.8); } .hero-section select { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #db0812; border: none; color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section select.form-control { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #db0812; border: none; color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section select.form-control:active, .hero-section select.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section select:active, .hero-section select:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section select.form-control:hover, .hero-section select:hover { /*background-color: darken($color-default, 5%);*/ } .hero-section select.form-control option, .hero-section select option { background-color: #FFF; color: #1f1f1f; } .hero-section input[type="text"], .hero-section input[type="email"], .hero-section input[type="date"], .hero-section input[type="time"], .hero-section input[type="search"], .hero-section input[type="password"], .hero-section input[type="number"], .hero-section input[type="tel"] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-appearance: none; background-color: #FFF; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #FFF; } .hero-section textarea.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-appearance: none; background-color: #FFF; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #FFF; } .hero-section input[type="text"]:active, .hero-section input[type="text"]:focus, .hero-section input[type="text"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="email"]:active, .hero-section input[type="email"]:focus, .hero-section input[type="email"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="date"]:active, .hero-section input[type="date"]:focus, .hero-section input[type="date"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="time"]:active, .hero-section input[type="time"]:focus, .hero-section input[type="time"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="search"]:active, .hero-section input[type="search"]:focus, .hero-section input[type="search"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="password"]:active, .hero-section input[type="password"]:focus, .hero-section input[type="password"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="number"]:active, .hero-section input[type="number"]:focus, .hero-section input[type="number"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section input[type="tel"]:active, .hero-section input[type="tel"]:focus, .hero-section input[type="tel"]:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section textarea.form-control:active, .hero-section textarea.form-control:focus, .hero-section textarea.form-control:hover { background-color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .hero-section .bootstrap-select.open .dropdown-menu { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; pointer-events: auto; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .hero-section .bootstrap-select .btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; /*-moz-box-shadow: 0px 1px 2px $color-black-2;*/ /*-webkit-box-shadow: 0px 1px 2px $color-black-2;*/ /*box-shadow: 0px 1px 2px $color-black-2;*/ background-color: #db0812; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #FFF; outline: none !important; text-transform: none; padding: 6px 12px 6px 0; font-size: 14px; position: relative; } .hero-section .bootstrap-select .btn:active, .hero-section .bootstrap-select .btn:focus, .hero-section .bootstrap-select .btn:hover { background-color: #db0812; } .hero-section .bootstrap-select .btn:active:hover, .hero-section .bootstrap-select .btn:active:focus { background-color: #db0812; } .hero-section .bootstrap-select .btn:focus:hover { background-color: #db0812; } .hero-section .bootstrap-select .btn:active:after, .hero-section .bootstrap-select .btn:focus:after, .hero-section .bootstrap-select .btn:hover:after { /*background-color: $color-black-2;*/ } .hero-section .bootstrap-select .btn:active:hover:after, .hero-section .bootstrap-select .btn:active:focus:after { /*background-color: $color-black-2;*/ } .hero-section .bootstrap-select .btn:focus:hover:after { /*background-color: $color-black-2;*/ } .hero-section .bootstrap-select .btn:after { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; content: ""; background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero-section .bootstrap-select .btn:active, .hero-section .bootstrap-select .btn:focus, .hero-section .bootstrap-select .btn:hover, .hero-section .bootstrap-select .btn:active:hover { top: 0; color: #FFF; } .hero-section .bootstrap-select .dropdown-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block !important; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform: scale(0.98); -ms-transform: scale(0.98); -webkit-transform: scale(0.98); transform: scale(0.98); pointer-events: none; padding: 0; border: none; background-clip: none; margin: 0; margin-top: -1px; } .hero-section .bootstrap-select .dropdown-menu > li > a { padding: 8px 12px; } .hero-section .form-control { height: auto; } .hero-section form { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .hero-section.has-map .btn[type=submit] { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); border-bottom: none; margin-top: 15px; border: none; text-transform: uppercase; outline: none !important; font-size: 14px; padding: 12px 16px; position: relative; border-radius: 30px; -webkit-border-radius: 30px; } .hero-section.has-map .btn[type=submit]:active { top: 0; } .hero-section.has-map .btn[type=submit] i { margin-left: 10px; } .hero-section .search-form { position: relative; z-index: 20; height: auto; width: 100%; } .hero-section .search-form.show form { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .hero-section.has-background .form .input-group-btn .btn[type="submit"] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; border-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 11px 15px 12px 15px; margin-top: 0; } .hero-section.has-background .form .input-group-btn .btn[type="submit"]:active, .hero-section.has-background .form .input-group-btn .btn[type="submit"]:focus, .hero-section.has-background .form .input-group-btn .btn[type="submit"]:hover { border-color: rgba(0, 0, 0, 0.1); } .hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:focus, .hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:hover { border-color: rgba(0, 0, 0, 0.1); } .hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:after { background-color: rgba(0, 0, 0, 0.1); } .hero-section.has-background .form .input-group-btn .btn[type="submit"]:focus:after, .hero-section.has-background .form .input-group-btn .btn[type="submit"]:hover:after { background-color: rgba(0, 0, 0, 0.1); } .hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:focus:after, .hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:hover:after { background-color: rgba(0, 0, 0, 0.1); } .hero-section.has-background .form .input-group-btn .btn[type="submit"]:after { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: transparent; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; z-index: -1; } .hero-section.has-background .form.horizontal { position: relative; } .hero-section.has-background .form.horizontal.position-bottom, .hero-section.has-background .form.horizontal.position-top { position: absolute; } .hero-section.has-background .form.horizontal form { background-color: rgba(26, 26, 26, 0.8); padding: 18px; padding-bottom: 3px; } .horizontal-input-title { display: table; height: 46px; } .horizontal-input-title * { display: table-cell; vertical-align: middle; } .form { position: relative; } .form.vertical .form-group { margin-bottom: 0; } .form.horizontal form { /*-@include rf-shadow-1;*/ background-color: #e8e8e8; display: table; width: 100%; height: 100%; } .form.horizontal form ::-webkit-input-placeholder, .form.horizontal form :-moz-placeholder, .form.horizontal form ::-moz-placeholder, .form.horizontal form :-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .form.horizontal .row { height: inherit; } .form.horizontal .row > [class^="col-"], .form.horizontal .row > [class*=" col-"] { padding-right: 10px; padding-left: 10px; } .form.horizontal .container { height: inherit; } .form.horizontal input[type="text"], .form.horizontal input[type="email"], .form.horizontal input[type="date"], .form.horizontal input[type="time"], .form.horizontal input[type="search"], .form.horizontal input[type="password"], .form.horizontal input[type="number"], .form.horizontal input[type="tel"] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FFF; border-bottom: none; color: inherit; } .form.horizontal textarea.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FFF; border-bottom: none; color: inherit; } .form.horizontal input[type="text"]:active, .form.horizontal input[type="text"]:focus, .form.horizontal input[type="text"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="email"]:active, .form.horizontal input[type="email"]:focus, .form.horizontal input[type="email"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="date"]:active, .form.horizontal input[type="date"]:focus, .form.horizontal input[type="date"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="time"]:active, .form.horizontal input[type="time"]:focus, .form.horizontal input[type="time"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="search"]:active, .form.horizontal input[type="search"]:focus, .form.horizontal input[type="search"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="password"]:active, .form.horizontal input[type="password"]:focus, .form.horizontal input[type="password"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="number"]:active, .form.horizontal input[type="number"]:focus, .form.horizontal input[type="number"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal input[type="tel"]:active, .form.horizontal input[type="tel"]:focus, .form.horizontal input[type="tel"]:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal textarea.form-control:active, .form.horizontal textarea.form-control:focus, .form.horizontal textarea.form-control:hover { background-color: #fafafa; border-bottom: none; } .form.horizontal select { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #FFF; color: inherit; border-bottom: none; min-height: 43px; } .form.horizontal select.form-control { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #FFF; color: inherit; border-bottom: none; min-height: 43px; } .form.horizontal select.form-control:active, .form.horizontal select.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } .form.horizontal select:active, .form.horizontal select:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } .form.horizontal select.form-control:hover, .form.horizontal select:hover { background-color: #fafafa; } .form.horizontal .bootstrap-select .btn { background-color: #FFF; border-bottom: none; color: inherit; } .form.horizontal .bootstrap-select .btn:active, .form.horizontal .bootstrap-select .btn:focus, .form.horizontal .bootstrap-select .btn:hover { background-color: #fafafa; color: inherit; } .form.horizontal .bootstrap-select > .dropdown-toggle.bs-placeholder { color: rgba(0, 0, 0, 0.4); } .form.horizontal .btn[type=submit] { margin-top: 0; margin-bottom: 15px; width: 100%; text-align: center; } .form.horizontal .btn[type=submit]:before { display: none; } .form.horizontal .btn[type=submit] i { margin-left: -5px; } .form.horizontal.position-top { top: 40px; } .form.horizontal.position-bottom { bottom: 0; } .form.horizontal.position-bottom form { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); position: relative; bottom: 40px; } .form .checkboxes { margin-bottom: 0; } .form .checkbox-group .checkbox-group-title-custom { margin-bottom: 20px; color: #003050 !important; opacity: 100%; font-weight: 800 !important; } .form .checkbox-group .checkbox-group-title { margin-bottom: 20px; } .form .checkbox-group .checkbox-group-elem { margin-left: 20px; } .form.has-padding { padding-top: 40px; padding-bottom: 30px; } .form.no-background { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent !important; } .form.no-background form { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent !important; } .form label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); font-weight: 100; font-size: 12px; opacity: 0.6; text-transform: none; margin-bottom: 8px; } .form label.no-margin { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; margin-bottom: 0; } .form label.click-label-right { cursor: pointer; color: #db0812; float: right; font-weight: bold; } .form h3 { margin-bottom: 10px; } .form .btn[type=submit] { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .acceptLegalButton { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .form.inputs-dark form ::-webkit-input-placeholder, .form.inputs-dark form :-moz-placeholder, .form.inputs-dark form ::-moz-placeholder, .form.inputs-dark form :-ms-input-placeholder { color: #FFF; } .form.inputs-dark label.search-form-label { font-weight: normal; color: #ffffff57; font-size: 14px !important; margin-bottom: 0; } .form.inputs-dark input[type="text"], .form.inputs-dark input[type="email"], .form.inputs-dark input[type="date"], .form.inputs-dark input[type="time"], .form.inputs-dark input[type="search"], .form.inputs-dark input[type="password"], .form.inputs-dark input[type="number"], .form.inputs-dark input[type="tel"] { background-color: transparent; color: #FFF !important; } .form.inputs-dark input[type="text"]::-webkit-input-placeholder, .form.inputs-dark input[type="email"]::-webkit-input-placeholder, .form.inputs-dark input[type="date"]::-webkit-input-placeholder, .form.inputs-dark input[type="time"]::-webkit-input-placeholder, .form.inputs-dark input[type="search"]::-webkit-input-placeholder, .form.inputs-dark input[type="password"]::-webkit-input-placeholder, .form.inputs-dark input[type="number"]::-webkit-input-placeholder, .form.inputs-dark input[type="tel"]::-webkit-input-placeholder { color: #FFF !important; } .form.inputs-dark input[type="text"]:-moz-placeholder, .form.inputs-dark input[type="email"]:-moz-placeholder, .form.inputs-dark input[type="date"]:-moz-placeholder, .form.inputs-dark input[type="time"]:-moz-placeholder, .form.inputs-dark input[type="search"]:-moz-placeholder, .form.inputs-dark input[type="password"]:-moz-placeholder, .form.inputs-dark input[type="number"]:-moz-placeholder, .form.inputs-dark input[type="tel"]:-moz-placeholder { color: #FFF !important; } .form.inputs-dark input[type="text"]::-moz-placeholder, .form.inputs-dark input[type="email"]::-moz-placeholder, .form.inputs-dark input[type="date"]::-moz-placeholder, .form.inputs-dark input[type="time"]::-moz-placeholder, .form.inputs-dark input[type="search"]::-moz-placeholder, .form.inputs-dark input[type="password"]::-moz-placeholder, .form.inputs-dark input[type="number"]::-moz-placeholder, .form.inputs-dark input[type="tel"]::-moz-placeholder { color: #FFF !important; } .form.inputs-dark input[type="text"]:-ms-input-placeholder, .form.inputs-dark input[type="email"]:-ms-input-placeholder, .form.inputs-dark input[type="date"]:-ms-input-placeholder, .form.inputs-dark input[type="time"]:-ms-input-placeholder, .form.inputs-dark input[type="search"]:-ms-input-placeholder, .form.inputs-dark input[type="password"]:-ms-input-placeholder, .form.inputs-dark input[type="number"]:-ms-input-placeholder, .form.inputs-dark input[type="tel"]:-ms-input-placeholder { color: #FFF !important; } .form.inputs-dark textarea.form-control { background-color: transparent; color: #FFF; } .form.inputs-dark input[type="text"]:active, .form.inputs-dark input[type="text"]:focus, .form.inputs-dark input[type="text"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="email"]:active, .form.inputs-dark input[type="email"]:focus, .form.inputs-dark input[type="email"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="date"]:active, .form.inputs-dark input[type="date"]:focus, .form.inputs-dark input[type="date"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="time"]:active, .form.inputs-dark input[type="time"]:focus, .form.inputs-dark input[type="time"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="search"]:active, .form.inputs-dark input[type="search"]:focus, .form.inputs-dark input[type="search"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="password"]:active, .form.inputs-dark input[type="password"]:focus, .form.inputs-dark input[type="password"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="number"]:active, .form.inputs-dark input[type="number"]:focus, .form.inputs-dark input[type="number"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input[type="tel"]:active, .form.inputs-dark input[type="tel"]:focus, .form.inputs-dark input[type="tel"]:hover { background-color: transparent; border-bottom: none; } .form.inputs-dark input.form-control { padding: 6px 12px 6px 0; } .form.inputs-dark input.form-control[disabled], .form.inputs-dark input.form-control[readonly] { border-bottom: 1px solid rgba(229, 229, 229, 0.6) !important; } .form.inputs-dark textarea.form-control:active, .form.inputs-dark textarea.form-control:focus, .form.inputs-dark textarea.form-control:hover { background-color: #FFF; border-bottom: none; } .form.inputs-dark select { background-color: #FFF; color: #FFF; border-bottom: none; } .form.inputs-dark select.form-control { background-color: #FFF; color: #FFF; border-bottom: none; } .form.inputs-dark select.form-control:active, .form.inputs-dark select.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } .form.inputs-dark select:active, .form.inputs-dark select:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } .form.inputs-dark select.form-control:hover, .form.inputs-dark select:hover { background-color: #FFF; } .form.inputs-dark .bootstrap-select { /*-moz-box-shadow: 0px 1px 2px $color-black-2;*/ /*-webkit-box-shadow: 0px 1px 2px $color-black-2;*/ /*box-shadow: 0px 1px 2px $color-black-2;*/ } .form.inputs-dark .bootstrap-select .btn { background-color: transparent; opacity: 1; color: #FFF; border-bottom: 1px solid rgba(229, 229, 229, 0.6) !important; padding: 6px 12px 6px 0; } .form.inputs-dark .bootstrap-select .btn:active, .form.inputs-dark .bootstrap-select .btn:focus, .form.inputs-dark .bootstrap-select .btn:hover { background-color: transparent; color: #FFF; } .form.inputs-dark .bootstrap-select > .dropdown-toggle.bs-placeholder { /* color: $color-white-8; */ color: #95989A; } .form.inputs-dark .bootstrap-select .ui-select-match-text { color: #FFF !important; } .form.inputs-dark .btn[type=submit] { /*background-color: darken($color-default, 15%);*/ } .form.inputs-dark .checkboxes { color: #FFF; } .form.inputs-dark .icheckbox { -moz-box-shadow: inset 0px 0px 0px 2px #1a1a1a; -webkit-box-shadow: inset 0px 0px 0px 2px #1a1a1a; box-shadow: inset 0px 0px 0px 2px #FFF; background-color: #FFF; } .form.inputs-dark .icheckbox:after { color: #1a1a1a; } .form.inputs-dark .ui-slider .noUi-base { background-color: #D9DCD8; } .form.inputs-dark .ui-slider .noUi-base .noUi-connect { background-color: #db0812; } .form.inputs-dark .ui-slider .noUi-base .noUi-background { background-color: #D9DCD8; } .form.inputs-dark .ui-slider .noUi-base .noUi-handle { border: 2px solid #f83841; background-color: #db0812; } .form.inputs-dark .ui-slider .noUi-base .noUi-handle:hover, .form.inputs-dark .ui-slider .noUi-base .noUi-handle.noUi-active { -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07); } .form.inputs-dark .ui-slider .values { color: #FFF; } .form.inputs-dark .ui-slider .values input { background-color: transparent; border: none; width: 49%; } .form.inputs-dark .input-group-addon { background: transparent; color: #FFF; border-bottom: 1px solid rgba(229, 229, 229, 0.6) !important; } .form .btn[type=submit] { padding: 10px; margin-top: -2px; width: 100%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .acceptLegalButton { padding: 10px; margin-top: -2px; width: 100%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } form.submitted .status { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } form.submitted .form-group, form.submitted .input-group { pointer-events: none; } form .status { -moz-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; top: -20px; right: -20px; position: absolute; } form .status .status-icon { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); width: 40px; height: 40px; background-color: grey; color: #FFF; text-align: center; line-height: 40px; } form .status .status-icon.valid { background-color: #db0812; } form .status .status-icon.invalid { background-color: #ed2a21; } form .status i { font-size: 18px; } .form.inputs-underline label:not(.no-margin), .input-group.inputs-underline label:not(.no-margin) { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); font-size: 10px; font-weight: 100; font-size: 12px; opacity: 0.6; margin-bottom: 0; position: relative; bottom: -5px; } .form.inputs-underline label:not(.no-margin).bold, .input-group.inputs-underline label:not(.no-margin).bold { font-size: 14px; font-weight: bold; opacity: 1; } .form.inputs-underline input[type="text"], .form.inputs-underline input[type="email"], .form.inputs-underline input[type="date"], .form.inputs-underline input[type="time"], .form.inputs-underline input[type="search"], .form.inputs-underline input[type="password"], .form.inputs-underline input[type="number"], .form.inputs-underline input[type="tel"] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.08); padding-left: 0; padding-right: 0; } .form.inputs-underline textarea.form-control { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.08); padding-left: 0; padding-right: 0; } .input-group.inputs-underline input[type="text"], .input-group.inputs-underline input[type="email"], .input-group.inputs-underline input[type="date"], .input-group.inputs-underline input[type="time"], .input-group.inputs-underline input[type="search"], .input-group.inputs-underline input[type="password"], .input-group.inputs-underline input[type="number"], .input-group.inputs-underline input[type="tel"] { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.08); padding-left: 0; padding-right: 0; } .input-group.inputs-underline textarea.form-control { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.08); padding-left: 0; padding-right: 0; } .form.inputs-underline input[type="text"]:active, .form.inputs-underline input[type="text"]:focus, .form.inputs-underline input[type="email"]:active, .form.inputs-underline input[type="email"]:focus, .form.inputs-underline input[type="date"]:active, .form.inputs-underline input[type="date"]:focus, .form.inputs-underline input[type="time"]:active, .form.inputs-underline input[type="time"]:focus, .form.inputs-underline input[type="search"]:active, .form.inputs-underline input[type="search"]:focus, .form.inputs-underline input[type="password"]:active, .form.inputs-underline input[type="password"]:focus, .form.inputs-underline input[type="number"]:active, .form.inputs-underline input[type="number"]:focus, .form.inputs-underline input[type="tel"]:active, .form.inputs-underline input[type="tel"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 12px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid #db0812; } .form.inputs-underline textarea.form-control:active, .form.inputs-underline textarea.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 12px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .input-group.inputs-underline input[type="text"]:active, .input-group.inputs-underline input[type="text"]:focus, .input-group.inputs-underline input[type="email"]:active, .input-group.inputs-underline input[type="email"]:focus, .input-group.inputs-underline input[type="date"]:active, .input-group.inputs-underline input[type="date"]:focus, .input-group.inputs-underline input[type="time"]:active, .input-group.inputs-underline input[type="time"]:focus, .input-group.inputs-underline input[type="search"]:active, .input-group.inputs-underline input[type="search"]:focus, .input-group.inputs-underline input[type="password"]:active, .input-group.inputs-underline input[type="password"]:focus, .input-group.inputs-underline input[type="number"]:active, .input-group.inputs-underline input[type="number"]:focus, .input-group.inputs-underline input[type="tel"]:active, .input-group.inputs-underline input[type="tel"]:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 12px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .input-group.inputs-underline textarea.form-control:active, .input-group.inputs-underline textarea.form-control:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 12px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .form.inputs-underline input[type="text"]:hover, .form.inputs-underline input[type="email"]:hover, .form.inputs-underline input[type="date"]:hover, .form.inputs-underline input[type="time"]:hover, .form.inputs-underline input[type="search"]:hover, .form.inputs-underline input[type="password"]:hover, .form.inputs-underline input[type="number"]:hover, .form.inputs-underline input[type="tel"]:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .form.inputs-underline textarea.form-control:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .input-group.inputs-underline input[type="text"]:hover, .input-group.inputs-underline input[type="email"]:hover, .input-group.inputs-underline input[type="date"]:hover, .input-group.inputs-underline input[type="time"]:hover, .input-group.inputs-underline input[type="search"]:hover, .input-group.inputs-underline input[type="password"]:hover, .input-group.inputs-underline input[type="number"]:hover, .input-group.inputs-underline input[type="tel"]:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .input-group.inputs-underline textarea.form-control:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .form.inputs-underline .input-group .btn, .input-group.inputs-underline .input-group .btn { background-color: transparent; border-bottom: 2px solid rgba(0, 0, 0, 0.08); padding: 8px 12px 9px 12px; } .form.inputs-underline .input-group-btn .btn, .input-group.inputs-underline .input-group-btn .btn { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; border-color: transparent; border-bottom: 2px solid rgba(0, 0, 0, 0.08); padding: 14px 12px 13px 12px; } .input-group-btn .btn:active, .input-group-btn .btn:focus, .input-group-btn .btn:hover { border-color: rgba(0, 0, 0, 0.1); } .input-group-btn .btn:active:focus, .input-group-btn .btn:active:hover { border-color: rgba(0, 0, 0, 0.1); } .input-group.inputs-underline .input-group-btn .btn:active, .input-group.inputs-underline .input-group-btn .btn:focus, .input-group.inputs-underline .input-group-btn .btn:hover { border-color: rgba(0, 0, 0, 0.1); } .input-group.inputs-underline .input-group-btn .btn:active:focus, .input-group.inputs-underline .input-group-btn .btn:active:hover { border-color: rgba(0, 0, 0, 0.1); } .form.inputs-underline .input-group-btn .btn:active:after, .form.inputs-underline .input-group-btn .btn:focus:after, .form.inputs-underline .input-group-btn .btn:hover:after { background-color: rgba(0, 0, 0, 0.1); } .form.inputs-underline .input-group-btn .btn:active:focus:after, .form.inputs-underline .input-group-btn .btn:active:hover:after { background-color: rgba(0, 0, 0, 0.1); } .input-group.inputs-underline .input-group-btn .btn:active:after, .input-group.inputs-underline .input-group-btn .btn:focus:after, .input-group.inputs-underline .input-group-btn .btn:hover:after { background-color: rgba(0, 0, 0, 0.1); } .input-group.inputs-underline .input-group-btn .btn:active:focus:after, .input-group.inputs-underline .input-group-btn .btn:active:hover:after { background-color: rgba(0, 0, 0, 0.1); } .form.inputs-underline .input-group-btn .btn:after, .input-group.inputs-underline .input-group-btn .btn:after { -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: transparent; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; z-index: -1; } .form.inputs-underline .bootstrap-select, .input-group.inputs-underline .bootstrap-select { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .form.inputs-underline .bootstrap-select .btn, .input-group.inputs-underline .bootstrap-select .btn { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.08); color: inherit; padding-left: 0 !important; outline: none !important; } .form.inputs-underline .bootstrap-select .btn:active, .form.inputs-underline .bootstrap-select .btn:focus, .form.inputs-underline .bootstrap-select .btn:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; color: inherit; } .input-group.inputs-underline .bootstrap-select .btn:active, .input-group.inputs-underline .bootstrap-select .btn:focus, .input-group.inputs-underline .bootstrap-select .btn:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; color: inherit; } .form.inputs-underline .bootstrap-select .btn:active:after, .form.inputs-underline .bootstrap-select .btn:focus:after, .form.inputs-underline .bootstrap-select .btn:hover:after { display: none; } .input-group.inputs-underline .bootstrap-select .btn:active:after, .input-group.inputs-underline .bootstrap-select .btn:focus:after, .input-group.inputs-underline .bootstrap-select .btn:hover:after { display: none; } .form.inputs-underline .bootstrap-select > .dropdown-toggle.bs-placeholder, .input-group.inputs-underline .bootstrap-select > .dropdown-toggle.bs-placeholder { color: rgba(0, 0, 0, 0.3); } .form.inputs-underline select, .input-group.inputs-underline select { background-color: transparent; box-shadow: none; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); color: inherit; padding-left: 0; padding-right: 0; outline: none !important; } .form.inputs-underline select.form-control, .input-group.inputs-underline select.form-control { background-color: transparent; box-shadow: none; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); color: inherit; padding-left: 0; padding-right: 0; outline: none !important; } .form.inputs-underline select:hover, .form.inputs-underline select.form-control:hover { cursor: pointer; } .input-group.inputs-underline select:hover, .input-group.inputs-underline select.form-control:hover { cursor: pointer; } .form.inputs-underline select option[value=""], .form.inputs-underline select.form-control option[value=""] { color: rgba(0, 0, 0, 0.5); } .input-group.inputs-underline select option[value=""], .input-group.inputs-underline select.form-control option[value=""] { color: rgba(0, 0, 0, 0.5); } .form.inputs-underline ::-webkit-input-placeholder, .input-group.inputs-underline ::-webkit-input-placeholder, .form.inputs-underline :-moz-placeholder, .input-group.inputs-underline :-moz-placeholder, .form.inputs-underline ::-moz-placeholder, .input-group.inputs-underline ::-moz-placeholder, .form.inputs-underline :-ms-input-placeholder, .input-group.inputs-underline :-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .checkboxes li { display: inline-block; margin-right: 20px; } .single-file-input { overflow: hidden; position: relative; margin-top: 6px; font-size: 12px; text-align: center; padding: 3px 0; } .single-file-input input[type="file"] { padding-top: 40px; position: absolute; width: 100%; cursor: pointer; outline: none; z-index: 1; } .single-file-input div i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; margin-left: 5px; } .ui-slider { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: transparent; margin-top: -2px; } .ui-slider .noUi-base { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; height: 2px; background-color: #e4e4e2; margin-top: 6px; } .ui-slider .noUi-base .noUi-connect { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #db0812; } .ui-slider .noUi-base .noUi-background { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #e4e4e2; } .ui-slider .noUi-base .noUi-handle { -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #db0812; background-color: #db0812; cursor: pointer; height: 12px; width: 12px; left: 0px; top: -4px; } .ui-slider .noUi-base .noUi-handle:before, .ui-slider .noUi-base .noUi-handle:after { display: none; } .ui-slider .noUi-base .noUi-handle:hover, .ui-slider .noUi-base .noUi-handle.noUi-active { -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07); } .ui-slider .noUi-base .noUi-handle.noUi-handle-upper { left: -8px; } .ui-slider .values { font-size: 12px; } .ui-slider .values input { background-color: transparent; border: none; width: 49%; } .ui-slider .values input:first-child { float: left; } .ui-slider .values input:last-child { float: right; text-align: right; } .read-more + [data-readmore-toggle], .read-more[data-readmore] { min-width: auto !important; } select { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: inherit; -webkit-appearance: none; background-color: #FFF; padding: 13px 9px; width: 100%; position: relative; background-image: url("../img/jpassImages/carret-down.21c1c259.png"); background-repeat: no-repeat; background-position: 96% 50%; } select.form-control { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: inherit; -webkit-appearance: none; background-color: #FFF; padding: 13px 9px; width: 100%; position: relative; background-image: url("../img/jpassImages/carret-down.21c1c259.png"); background-repeat: no-repeat; background-position: 96% 50%; } select:hover, select.form-control:hover { cursor: pointer; } .auto-complete-input { background-color: transparent !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 10px 0 12px 0 !important; position: relative; top: 50%; transform: translateY(-50%); } .auto-complete-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #FFF; opacity: 1 !important; /* Firefox */ } .auto-complete-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #FFF; opacity: 1 !important; } .auto-complete-input::-ms-input-placeholder { /* Microsoft Edge */ color: #FFF; opacity: 1 !important; } .auto-complete-form-group { margin-bottom: 0px; } .auto-complete-input-group { background-color: transparent; display: inline-flex; height: 54px !important; margin-bottom: 0px; width: 100%; } .jpass-input-container { background-color: transparent !important; display: inline-flex; height: 41px !important; width: 100%; border-bottom: 1px solid rgba(229, 229, 229, 0.6) !important; } .jpass-input-container .input-group-append { padding: 10px 0 12px 0; } .jpass-map-dropdown-menu-list-container { background: #FFF; display: block; left: 9px; padding-top: 0; margin-top: -14px; position: absolute; width: calc(100% - 18px); z-index: 9999; } .input-group-append { width: 0; } .nearby-parkings-button { border-style: none; box-shadow: none; left: -24px; } .nearby-parkings-button:hover, .nearby-parkings-button:active, .nearby-parkings-button:focus { border-style: none; box-shadow: none; } .nearby-parkings-button:focus { opacity: 0; } .nearby-parkings-button .caret { border-color: transparent; position: absolute; transform: translate(-12px, -16px); } .nearby-parkings-button .caret:before { color: #FFF !important; font-family: 'Glyphicons Halflings'; font-style: normal; content: "\e003"; font-size: 16px; } .nearby-parkings-button .caret:active, .nearby-parkings-button .caret:focus { opacity: 0; } .pac-container { display: block; padding-left: 10px; top: -15px; } .jpass-map-dropdown-menu-list { padding: 10px 5px 0 0; margin-bottom: 10px; } .pac-item { display: inline-flex !important; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; min-height: 31px; height: auto; padding: 3px 5px; width: 100%; } .pac-item:hover { background-color: #f5f5f5; } .pac-item.selected { background-color: #db0812; color: #FFF; } .pac-marker { padding: 3px 0; text-align: center; width: 17.5px; } .pac-marker.hovered { background-color: #dddddd; } .pac-address { padding-left: 5px; width: calc(100% - 20px); } .google-logo { background: #FFF; display: flow-root; padding: 5px 5px 10px 0; } div.hide-privacy-form-group, section.hide-privacy-form-group { height: 0; opacity: 0; margin: 0 !important; } div.show-privacy-form-group, section.show-privacy-form-group { height: 'auto'; opacity: 1; margin: '0 0 15px 20px' !important; } /* RESPONSIVE -------------------------------------------------------------------*/ body::before { display: none; content: "lg"; } .hero-section.has-sidebar .map-wrapper { width: 68%; } .hero-section.has-sidebar .results-wrapper { width: 32%; height: 808px; overflow-y: auto; overflow-x: hidden; } .hero-section .map-wrapper { width: 100%; } @media (min-width: 1280px) and (max-width: 1400px) { .hero-section.has-sidebar .map-wrapper { width: calc(100% - 440px); } .hero-section.has-sidebar .results-wrapper { width: 440px; } .hero-section .map-wrapper { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { body::before { content: "md"; } .hero-section.has-sidebar .map-wrapper { width: calc(100% - 400px); } .hero-section.has-sidebar .results-wrapper { width: 400px; } .hero-section .map-wrapper { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { body::before { content: "sm"; } .categories-list .list-item .title h3, .categories-list .list-item .title .icon { display: block; } .categories-list .list-item ul { padding-left: 0; } .item > a .description h3 { font-size: 16px; } .pricing h2 { font-size: 20px; } .pricing figure { top: -35px; } } @media (max-width: 991px) { .download-app-banner { position: fixed; bottom: 0; background: #fff; width: 100%; box-shadow: 0px -1px 3px #00000029; display: grid; height: 70px; grid-template-columns: 30px 55px auto 65px; z-index: 9999; } .download-app-banner button.close-banner-button { border: none; background: transparent; align-self: center; } .download-app-banner img { align-self: center; } .download-app-banner .download-app-text { display: flex; flex-direction: column; height: 55px; padding: 0 8px 0 12px; align-self: center; } .download-app-banner .download-app-text label { opacity: 1; font-size: 14px; } .download-app-banner button.get-app-button { border: 1px solid #db0812; color: #db0812; background: transparent; border-radius: 6px; margin: 0 10px 0 5px; padding: 2px 8px; align-self: center; } .map-or-list-view-toolbar { position: fixed; padding: 15px 0; background: #fff; width: 100%; box-shadow: 0px -1px 3px #00000029; } .map-or-list-view-toolbar a { width: 50%; margin: 0 auto; text-align: center; font-weight: bold; margin: 0 auto; display: block; } .form-control.whiteRadius { background-color: white !important; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; } body::before { content: "xs"; } .page-wrapper { display: block; overflow-x: hidden; overflow: visible; /*height: auto;*/ /* #page-content { height: 100%; }*/ } .page-wrapper #page-header, .page-wrapper #page-content, .page-wrapper #page-footer { display: block; } .page-wrapper #page-header, .page-wrapper #page-footer { height: auto; } .page-wrapper #page-header { top: 0px; } .gallery.detail .image { height: 200px; } .item.item-row { overflow: hidden; } .item.item-row > a { display: block; padding-left: 0; height: auto; } .item.item-row > a .image { width: 100%; height: 220px; position: relative; } .item.item-row > a .description { display: block; padding-top: 15px; } .item.item-row > a .map { display: block; height: 100px; width: 100%; } .item.item-row .additional-info { width: 100%; display: block; text-align: left; padding: 20px; } .item.item-row .controls-more { top: inherit; bottom: 20px; } .form .checkboxes { margin-top: 10px; } .form .checkboxes li { width: 49%; margin-right: 0px; } .modal { padding-left: 10px; padding-right: 10px; } .modal .modal-dialog { width: auto; margin-top: 40px; } .modal .modal-item-detail.modal-dialog { width: auto; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .left { float: none; width: 100%; display: block; margin-left: 0; } .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .left section { padding-left: 0; } #page-header .add-listing { padding: 3px 7px; } #page-header .add-listing span { display: none; } #page-header .add-listing i { margin-right: 0; } .hero-section.has-map .results-wrapper, .hero-section.has-map.has-sidebar .results-wrapper { width: 100%; height: 100%; z-index: 1; margin-bottom: 0px; } .hero-section.has-map .results-wrapper .results, .hero-section.has-map.has-sidebar .results-wrapper .results { min-height: 500px; } .hero-section.has-map.has-sidebar .map-wrapper { width: 100%; } .hero-section .coupon { width: 100%; } .hero-section .coupon h1 { font-size: 24px; } .hero-section .coupon .image { position: absolute; left: 0; } .hero-section .coupon .image .circle { width: 90px; height: 90px; color: #FFF; font-weight: bold; left: 0; top: 0; background-color: #db0812; font-size: 24px; text-align: center; line-height: 86px; } .hero-section .coupon .image .bg-transfer { width: 300px; height: 300px; } .hero-section .coupon .description { padding-left: 330px; padding-top: 10px; } .hero-section .coupon .description hr { margin-bottom: 20px; margin-top: 20px; } .hero-section .coupon .description figure { display: inline-block; margin-right: 20px; } .hero-section .coupon .description .count-down { margin-bottom: 20px; } .hero-section .coupon .description .count-down .countdown-row .countdown-amount { font-size: 18px; } .hero-section.has-map .search-form { /*z-index: 0;*/ position: relative; height: auto; } .hero-section.has-map .search-form .container { height: auto !important; } .hero-section.has-map .search-form form { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .hero-section.has-map .form.horizontal.position-bottom form { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); bottom: 0px; margin-top: 10px; } .hero-section.has-background { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .hero-section.has-background h1 { font-size: 38px; margin-top: 20px; } .hero-section.has-background h2 { font-size: 20px; } .hero-section.has-background .form.horizontal form { padding-bottom: 10px; } .hero-section .search-form { height: auto; /*margin-bottom: 20px;*/ } .invisible-on-mobile { display: none !important; } .page-title { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } } @media (max-width: 991px) { .hero-section.has-map .form.horizontal form { padding: 25px; } } @media (min-width: 992px) { .hidden-over-991 { display: none; } } @media (max-width: 991px) { .hidden-below-991 { display: none !important; } } /* JPASS -------------------------------------------------------------------*/ /*------------------------------------------------------------------ NEED TO BE REVIEWED -------------------------------------------------------------------*/ .label.label-default.hourly-price { padding: 5px 12px; border-radius: 15px; -webkit-border-radius: 15px; font-size: 12px; font-weight: 400; text-transform: none; background: rgba(219, 8, 18, 0.9); border: none; color: #FFF; } .label.label-default.category { padding: 5px 10px 5px 10px; font-size: 10px; font-weight: 400; background: transparent; border: 1px solid #FFF; box-shadow: none; opacity: 0.75; color: #FFF; } .icon-categories { width: 20px; height: auto; display: inline-block; position: relative; padding-right: 5px; } .owl-carousel.owl-rtl { direction: inherit; } .fa-jp-airport:before { content: "\f0f2"; } .fav-active-sm { background: #EE7F01; padding: 1px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; text-align: center; } .custom-search-box { background: #1a1a1a; padding: 20px; } div.col-md-7 > figure, div.col-md-5 > figure { margin: 0px 0 15px !important; } div.col-md-7 > strong, div.col-md-5 > strong { color: #1a1a1a; text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: 0.25pt; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .social-login { clear: both; } .social-login > a { color: rgba(255, 255, 255, 0.8); } .social-login > a:hover { color: rgba(255, 255, 255, 0.1); } .social-twitter { background-color: #1daee3; } .social-twitter:hover { background-color: #3997ba; border-color: #347b95; } .social-facebook { background-color: #3B5998; border-radius: 30px; width: 36px; height: 36px; } .social-facebook:hover { background-color: #47618d; border-color: #3c5173; } .social-linkedin { background-color: #007AB9; border-radius: 30px; height: 36px; width: 36px; } .social-linkedin:hover { background-color: #466b99; border-color: #3b5a7c; } .social-icon { font-size: 20px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); } .btn-apple, .btn-google { background-color: #f7f7f9; color: #0e0200 !important; border-radius: 30px; height: 36px; width: 36px; padding-top: 8px; } .btn-apple:hover, .btn-google:hover { background-color: #ebebeb; border-color: #3b5a7c; } .google-icon { height: 20px; background-image: url(https://developers.google.com/identity/sign-in/g-normal.png); background-position: center; width: 20px; } .visitor-rating dd.star-rating > span.stars > i { font-size: 20px; margin-right: 5px; } .tab-grid { display: grid !important; } .nav-tabs { border: 0; } .nav-tabs > li > a { border-radius: 0; margin-right: 0; } .nav-tabs > li.active > a { color: #fafafa; cursor: default; border-radius: 0; background-color: #db0812; border-bottom-color: transparent; border: 1px solid #db0812; } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fafafa; cursor: default; border-radius: 0; background-color: #db0812; border-bottom-color: transparent; border: 1px solid #db0812; } .nav-tabs.nav-tabs-horizontal > li > a { font-size: 16px; } .nav-tabs.nav-tabs-horizontal > li.active > a { color: #db0812; background-color: transparent; border-width: 0 0 5px 0; border-color: transparent transparent #db0812 transparent; font-weight: bold; } /* import subscriptions and multi renewal costs modal */ .parking-filters { display: block; width: 100%; height: 100%; max-height: 420px; overflow-y: auto; background: #f5f5f5; padding: 5px 15px; position: relative; top: -15px; } .parking-filters .item.parking-filters__item { margin: 7px 0; padding: 0; display: block; background: #FFF; cursor: pointer; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .parking-filters .item.parking-filters__item:hover { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .parking-filters .item.parking-filters__item label { bottom: 0; cursor: pointer; color: #db0812; opacity: 1; position: relative; width: 100%; height: 100%; text-transform: none; } .parking-filters .item.parking-filters__item label img { height: 70px; width: 70px; -o-object-fit: cover; object-fit: cover; } .parking-filters .item.parking-filters__item label.renewal-label { cursor: default; margin-bottom: 0px; } .parking-filters .item.parking-filters__item label .parking-filters__text { display: inline-block; vertical-align: middle; margin-left: 10px; max-width: 195px; overflow: hidden; } .parking-filters .item.parking-filters__item label .parking-filters__text h3 { font-size: 18px; display: list-item; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 2px 0; } .parking-filters .item.parking-filters__item label .parking-filters__text p { color: #1a1a1a; font-size: 13px; font-weight: 400; margin: 0; padding-right: 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-height: 36px; display: -webkit-inline-box; } .parking-filters .item.parking-filters__item label .parking-filters__text.renewal-cost-container { margin-left: 0px; height: 100%; width: 120px; background-color: #f5f5f5; } .parking-filters .item.parking-filters__item label .parking-filters__text.renewal-cost-container h2 { color: #1a1a1a; line-height: 70px; text-align: center; } .parking-filters .item.parking-filters__item label span { position: absolute; bottom: 10px; text-align: right; right: 10px; color: #001C2A; opacity: 0.65; } .parking-filters .item.parking-filters__item label span.show-more-renewal { cursor: pointer; } .parking-filters .item.parking-filters__item label .distance div { position: absolute; bottom: 10px; text-align: right; right: 10px; color: #001C2A; opacity: 0.65; } .parking-filters .item.parking-filters__item input[type="checkbox"] { display: none; } .parking-filters .item.parking-filters__item input[type="checkbox"] + label:before { content: ""; height: 100%; width: 100%; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); border: 3px solid transparent; position: absolute; } .parking-filters .item.parking-filters__item input[type="checkbox"]:checked + label:before { content: ""; background: rgba(219, 8, 18, 0.1); border: 3px solid #db0812; } .parking-filters .item.parking-filters__item input[type="checkbox"]:checked + label:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 0 0; border-color: transparent #db0812 transparent transparent; position: absolute; z-index: 100; right: 0; top: 0; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation: check-mark 360ms forwards; animation: check-mark 360ms forwards; } .parking-filters .item.parking-filters__item input[type="checkbox"]:checked + label svg { display: block; } /*Voucher*/ .item-voucher { width: 100%; height: auto; margin-bottom: 30px; position: relative; } .item-voucher .v-top { width: 100%; min-height: 240px; height: auto; padding: 20px 0 2px; background: white; border-top: 8px solid #1a1a1a; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; text-align: center; } .item-voucher .v-top > h6 { text-transform: uppercase; color: #95989A; font-size: 14px; } .item-voucher .v-top > h5 { font-size: 1.2em; font-weight: 700; margin-bottom: 30px; letter-spacing: 0.5pt; } .voucher-discount { margin: 30px auto; text-align: right; text-transform: uppercase; font-weight: 600; font-size: 16px; color: #db0812; } .discount-qr-code { margin-top: 20px; } .discount-qr-code > img { height: 80px; width: 80px; } .item-voucher .v-middle { width: 100%; height: 60px; background: url("../img/jpassImages/voucher_bg_left.20581a98.png"), url("../img/jpassImages/voucher_bg_right.9858349f.png"); background-repeat: no-repeat no-repeat; background-size: 40px auto, 40px auto; background-position: left center, right center; position: relative; z-index: 10; } .item-voucher .v-middle .v-middle-pattern { height: 100%; width: auto; max-width: 70%; background: url("../img/jpassImages/voucher_dashed_bg.27400d35.png") repeat-x; background-size: 24px auto; background-position: left center; margin: 0 auto; } .item-voucher .v-bottom { width: 100%; height: 130px; background: white; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } #interval-timepicker-selection .select2-selection__rendered { border-bottom: #db0812 2px solid !important; } .ask-to-buy-subscription-form .file-upload.file-upload-ask-to-buy-subscription, .ask-to-buy-subscription-form .file-upload-input, .ask-to-buy-subscription-form .ask-to-buy-subscription-preview { height: 50px !important; max-height: 50px !important; } .file-upload-ask-to-buy-subscription span { color: #1a1a1a; line-height: 50px; } .ask-to-buy-subscription-form .hidden-file-input { opacity: 0; position: relative; top: -50px; height: 50px; width: 100%; cursor: pointer; } .ask-to-buy-subscription-form .file-upload-input { padding: 0; overflow: initial; z-index: 0; } label { color: #1a1a1a; font-size: 12px; font-weight: 100; opacity: 0.6; } label.label-important { font-size: 16px; opacity: 1; } .height-auto { height: auto !important; } a.brand { margin-left: 15px; position: relative; } a.brand img { height: 55px; position: absolute; top: 50%; transform: translateY(-50%); } @media (max-width: 991px) { a.brand img.navbarLogoCroppedOnMobile { clip: rect(0px, 100%, 100%, 0px); } } @media (max-width: 991px) { a.brand.brandSectionInvisibleOnMobile { display: none; } } .no-event { pointer-events: none; touch-action: none; } .label-row { bottom: 10px; left: 10px; position: absolute; z-index: 20; } .text-white { color: #FFF !important; } .pointer { cursor: pointer !important; } .display-inline-block { display: inline-block; } .no-border { border: none !important; } .visibility-hidden { visibility: hidden; } .visibility-visible { visibility: visible; } .font-500 { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-700 { font-weight: 700 !important; } .font-size-16 { font-size: 16px !important; } .uppercase { text-transform: uppercase !important; } .text-transform-uppercase { text-transform: uppercase !important; } .to-top { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; width: 50px; height: 50px; background: #FFF; color: #db0812; font-size: 20px; text-align: center; line-height: 52px; position: fixed; right: 30px; bottom: 20px; z-index: 999; } .to-top:hover, .to-top:active, .to-top:focus { color: #db0812; } .font-12 { font-size: 12px !important; } .font-14 { font-size: 14px !important; } .font-16 { font-size: 16px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } p.s-bold { font-weight: 600 !important; line-height: 20px !important; } .cookie-opt-out { background: #db0812; padding: 5px; color: #FFF; font-weight: 600; } .user-details { padding-bottom: 60px; } .user-details .user-image { top: -80px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } .user-details .user-image .image { width: 120px; height: 120px; } .pricing { padding-bottom: 10px; text-align: left; } .payment-section > a img { padding: 0 3px; } .nav-pin { color: white; background: #1a1a1a; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 7px; width: 30px; height: 30px; } .nav-pin.active { color: white; background: #db0812; } [data-show-after-scroll] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; visibility: hidden; } [data-show-after-scroll].show { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .asterisk-error { color: #a94442; font-size: 15px; } .parking-features-icons { display: flex; align-items: center; flex-wrap: wrap; margin: 0 0 15px; } .parking-features-icons i { height: 30px; width: 30px; background-size: 100% 100%; margin-right: 12px; } .parking-feature-config-container { margin-top: -10px; } .parking-feature-config { font-size: 10px; position: relative; left: 5px; top: 10px; text-transform: lowercase; } .padding-0 { padding: 0 !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-15 { padding: 15px !important; } .padding-30 { padding: 30px !important; } .padding-40 { padding: 40px !important; } .padding-50 { padding: 50px !important; } .no-padding { padding: 0 !important; } .padding-top-0 { padding-top: 0 !important; } .padding-top-1 { padding-top: 1px !important; } .padding-top-3 { padding-top: 3px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-8 { padding-top: 8px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-top-25 { padding-top: 25px !important; } .padding-top-30 { padding-top: 30px !important; } .padding-top-35 { padding-top: 35px !important; } .padding-bottom-0 { padding-bottom: 0 !important; } .padding-bottom-2 { padding-bottom: 2px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-8 { padding-bottom: 8px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-bottom-25 { padding-bottom: 25px !important; } .padding-bottom-30 { padding-bottom: 30px !important; } .padding-bottom-35 { padding-bottom: 35px !important; } .padding-bottom-40 { padding-bottom: 40px !important; } .padding-bottom-50 { padding-bottom: 50px !important; } .padding-left-0 { padding-left: 0 !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-24 { padding-left: 24px !important; } .padding-left-30 { padding-left: 30px !important; } .padding-left-10-percent { padding-left: 10% !important; } .padding-right-0 { padding-right: 0 !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-right-30 { padding-right: 30px !important; } .padding-right-10-percent { padding-right: 10% !important; } .padding-left-right-25 { padding: 0 25px; } .padding-top-bottom-4 { padding: 4px 0; } .padding-top-bottom-6 { padding: 6px 0; } .padding-top-bottom-8 { padding: 8px 0; } .padding-top-bottom-10 { padding: 10px 0; } .padding-top-bottom-12 { padding: 12px 0; } .padding-top-bottom-14 { padding: 14px 0; } .no-margin { margin: 0 !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-2 { margin-top: 2px !important; } .margin-top-1 { margin-top: 1px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-8 { margin-top: 8px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-25 { margin-top: 25px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-35 { margin-top: 35px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-60 { margin-top: 60px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-left-3 { margin-left: 3px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-9 { margin-left: 9px !important; } .margin-left-10 { margin-left: 15px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-25 { margin-left: 25px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-6 { margin-right: 6px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-25 { margin-right: 25px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-55 { margin-right: 55px !important; } .margin-right--10 { margin-right: -10px !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-2 { margin-bottom: 2px !important; } .margin-bottom-3 { margin-bottom: 3px !important; } .margin-bottom-4 { margin-bottom: 4px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-8 { margin-bottom: 8px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-35 { margin-bottom: 35px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .margin-top-negative2 { margin-top: -2px !important; } .margin-top-negative3 { margin-top: -3px !important; } .margin-top-negative5 { margin-top: -5px !important; } .margin-top-negative15 { margin-top: -15px !important; } .margin-top-negative20 { margin-top: -20px !important; } .margin-top-negative25 { margin-top: -25px !important; } .margin-top-negative30 { margin-top: -30px !important; } .margin-top-negative45 { margin-top: -45px !important; } .margin-top-negative50 { margin-top: -50px !important; } .top-right-10 { top: 10px !important; right: 10px !important; } .float-right { float: right; } .float-left { float: left; } .left-280 { left: 280px !important; } .right-30 { right: 30px !important; } .no-box-shadow { box-shadow: none !important; } .z-index-1000 { z-index: 1000; } .horizontallyCentered { position: absolute; left: 50%; transform: translateX(-50%); } .multiline { white-space: pre-wrap; } .parking-about { white-space: pre-line; } .jp-features { padding: 40px; height: 280px; } .features-block { width: 81.5%; float: right; } .jp-features > .features-block > h3 { font-size: 22px; font-weight: 600; } .jp-features > .features-block > p { opacity: 1; line-height: 24px; color: #1a1a1a; font-size: 15px; } .jp-features-bg-1 { background: rgba(26, 26, 26, 0.05); } .jp-features-bg-2 { background: rgba(26, 26, 26, 0.1); } .features-icon { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height: 65px; width: 65px; background: #db0812; position: relative; float: left; } .features-icon > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); height: 60%; width: auto; } .v-divider { width: 1px; height: 60px; background: #1a1a1a; display: inline-block; margin: 20px auto 10px; opacity: 0.2; } .text-block h4 { font-size: 18px; color: #1a1a1a; } .text-block p { font-size: 15px; line-height: 24px; color: #1a1a1a; opacity: 0.75; } .wt-number { position: absolute; top: -60px; font-size: 90px; opacity: 0.05; font-weight: 600; } .download-block { min-height: 550px; height: 100%; position: relative; } .download-block > h1 { color: #1a1a1a; letter-spacing: -1.75pt; font-size: 48px; line-height: 56px; } .download-block > p { font-size: 16px; color: #1a1a1a; line-height: 28px; } .download-badges { position: absolute; bottom: 0; } .full-img { width: 100%; height: auto; } /* video::-webkit-media-controls { display: none; } */ /* video::-webkit-media-controls-panel { opacity: 1; display: -webkit-flex; margin-top: 30px; height: 30px; background-color: $color-white; } */ /* video { width: 100%; height: auto; display: block; } */ /* .video-container { position: relative; height: 0; padding-bottom: 56.25%; } .video-container > * { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } */ .video-wrapper { position: relative; -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1); box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1); } .video-wrapper > video { width: 100%; vertical-align: middle; } .video-wrapper > video.has-media-controls-hidden::-webkit-media-controls { display: none; } .video-overlay-play-button { box-sizing: border-box; width: 100%; height: 100%; padding: 10px calc(50% - 50px); position: absolute; top: 0; left: 0; display: block; opacity: 0.75; cursor: pointer; background-image: linear-gradient(transparent, #000); transition: opacity 150ms; } .video-overlay-play-button:hover { opacity: 1; } .video-overlay-play-button.is-hidden { display: none; } h2.slider-header { top: 43%; opacity: 0.85 !important; position: absolute; display: block; left: 50%; -webkit-transform: translate(-50%, 60%); transform: translate(-50%, 60%); -webkit-transition: 350ms linear; transition: 350ms linear; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .mobile-bg-position__65, .mobile-bg-position__75 { background-position: inherit; } input[type='radio'] { -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid #db0812; border-radius: 50%; outline: none; margin: 0 0 0 -25px !important; } input[type='radio']:focus { outline: 0; } input[type='radio']:hover { border: 1px solid #db0812; } input[type='radio']:before { content: ''; display: block; width: 60%; height: 60%; margin: 20% auto; border-radius: 50%; -webkit-transition: background-color 0.25s linear; -o-transition: background-color 0.25s linear; -moz-transition: background-color 0.25s linear; transition: background-color 0.25s linear; } input[type='radio']:checked:before { background: #db0812; } .checkbox-custom { opacity: 0; position: absolute; display: inline-block; vertical-align: middle; margin: 0; cursor: pointer; } .checkbox-custom-label { display: inline-block; vertical-align: middle; margin: 0; cursor: pointer; position: relative; } .checkbox-custom + .checkbox-custom-label:before { content: ''; background: #FFF; border: 3px solid #34576A; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; opacity: 1; text-align: center; -webkit-transition: background 0.25s linear; -o-transition: background 0.25s linear; -moz-transition: background 0.25s linear; transition: background 0.25s linear; } .checkbox-custom:checked + .checkbox-custom-label:before { background: #db0812; background-clip: content-box; } .checkbox-custom:focus + .checkbox-custom-label { outline: none; /* focus style */ } .switch-container { float: right; } .switch-container-center { text-align: -webkit-center; } .switch-container input[type=checkbox], input[type=radio] { margin: 4px 2px 0 !important; } .switch-container #receiptPaymentSwitch:before, .switch-container .blueBadgeSwitch:before, .switch-container #switch:before { content: ""; position: absolute; top: -6px; left: -5px; height: 26px; width: 26px; border-radius: 50%; cursor: pointer; display: block; background: #db0812; border: none; z-index: 2; box-shadow: inset 0 0 0 40px #acacac, 0 1px 2px 0 rgba(0, 0, 0, 0.1); transition: all 250ms ease-in 0s, left 250ms ease-in-out 0s; } .custom-switch, .custom-switch:active { position: absolute; opacity: 0; } .switch-label { display: block; opacity: 1 !important; font-size: 13px !important; font-weight: bold !important; line-height: 15px; position: relative; height: 30px; width: 70px; cursor: pointer; /*border-radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .switch-label:before { content: ''; display: block; position: absolute; height: 15px; width: 15px; top: 7.5px; left: 7.5px; background: #CCCCCC; /*border-radius*/ -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .switch-label:after { content: attr(data-off); position: absolute; top: 0; left: 0; padding: 7.5px; height: 100%; width: 65px; text-align: right; color: #CCCCCC; white-space: nowrap; } .custom-switch:checked + .switch-label:before { background-color: white; left: calc(100% - 22px); } .custom-switch:checked + .switch-label:after { content: attr(data-on); color: white; left: 7.5px; text-align: left; width: 42.5px; } .switch-checkbox + .switch-label { /*box-shadow*/ -webkit-box-shadow: 0 0 0 2px #CCCCCC; -moz-box-shadow: 0 0 0 2px #CCCCCC; box-shadow: 0 0 0 2px #CCCCCC; } .switch-checkbox:checked + .switch-label { /*box-shadow*/ -webkit-box-shadow: inset 0 0 0 18px #db0812, 0 0 0 2px #db0812; -moz-box-shadow: inset 0 0 0 18px #db0812, 0 0 0 2px #db0812; box-shadow: inset 0 0 0 18px #db0812, 0 0 0 2px #db0812; } .switch-checkbox:disabled + .switch-label { opacity: 0.5 !important; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #1a1a1a !important; font-size: 16px !important; font-weight: 600 !important; } .input-group-addon { border: none; border-radius: 0; border-bottom: 2px solid #e5e5e5; background: transparent; color: #1a1a1a; } .bootstrap-datetimepicker-widget { border-radius: 0; border: none; } .bootstrap-datetimepicker-widget.dropdown-menu { top: 32px !important; bottom: auto !important; left: 0px; right: auto; } .vertical-aligned-elements .element img { width: 100%; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom-color: #000 !important; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #000 !important; } .bootstrap-datetimepicker-widget table td { border-radius: 0 !important; } .bootstrap-datetimepicker-widget table td.active { background-color: #1a1a1a !important; } .bootstrap-datetimepicker-widget table td.active:hover { background-color: #1a1a1a !important; } .bootstrap-datetimepicker-widget table td span.active { background-color: #1a1a1a !important; } .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #db0812 !important; } .bootstrap-datetimepicker-widget table td.active:hover { background-color: #1a1a1a !important; } .bootstrap-datetimepicker-widget table td span { border-radius: 0 !important; } .bootstrap-datetimepicker-widget table th { border-radius: 0 !important; } .bootstrap-datetimepicker-widget button[data-action] { background: #db0812 !important; border: none !important; } .fileinput.fileinput-exists .thumbnail { width: 130px; height: 130px; float: left; margin-right: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; } .fileinput.fileinput-exists .pictureNotes { line-height: 25px; margin-top: 15px; } .fileinput.fileinput-exists .actionButtons, .fileinput.fileinput-exists .pictureNotes { float: left; position: relative; } .fileinput.fileinput-exists .actionButtons .btn-file > input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; font-size: 23px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; direction: ltr; } .panel-group .panel-heading .panel-title a { padding: 0; } .panel-group .panel-heading .panel-title a:focus { color: inherit; } .panel-group .panel-heading .panel-title a:after { content: "" !important; } .panel-group .panel { border: none; } .panel { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px; } .panel-default { border-color: #FFF; } .panel-default > .panel-heading { color: #1a1a1a; margin-left: -1px; } .panel-body { padding: 0 0 0 25px; } .panel-body > h4 { padding: 4px 0 4px 15px; font-size: 17px; font-weight: 600; border-left: 10px solid #f0f0f0; margin: 12px 0 2px; } .panel-body > h4 + p { margin-bottom: 15px; } .panel-body h4.active { background: rgba(219, 8, 18, 0.21); margin: 0 25px 0 0; padding: 12px 0 7px 25px; color: #db0812; height: auto; width: auto; border: none; position: relative; } .panel-body h4.active:after { content: ""; width: 10px; height: 25px; background: #db0812; position: absolute; display: block; left: 0; top: 10px; } .panel-body h4 + p.active { background: rgba(26, 26, 26, 0.2); margin-right: 25px; color: #db0812; width: auto; padding-top: 0px; padding-bottom: 10px; } .tooltip > .tooltip-inner { background-color: #db0812; } .tooltip > .tooltip-arrow { border-top-color: #db0812 !important; border-bottom-color: #db0812 !important; } .alert { padding: 20px !important; border: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } .alert-blank { color: #1a1a1a !important; background: rgba(255, 255, 255, 0.9) !important; } .alert-info { color: #1a1a1a !important; background: rgba(217, 220, 216, 0.5) !important; } .alert-warning { color: #77511e !important; background: rgba(247, 214, 80, 0.33) !important; } .alert-warning-opacity { background: #faf1c5 !important; } .alert-success { color: #db0812 !important; background: rgba(110, 161, 46, 0.2) !important; } .alert-success-opacity { background: #cfe0ba !important; } .alert-danger { color: #e21a1a !important; background: rgba(253, 166, 163, 0.5) !important; } .btn.icon i { color: #EE7F01; } .btn.btn-primary-blue { background-color: #1a1a1a; color: #FFF; border-color: #1a1a1a; } .btn.btn-primary-blue:hover, .btn.btn-primary-blue:active { background-color: rgba(26, 26, 26, 0.9); color: #FFF; transition: 0.3s ease; } .fav-button { border-radius: 50%; -webkit-border-radius: 50%; height: 30px; width: 30px; position: absolute; right: 20px; top: 20px; font-size: 15px; z-index: 200; } .fav-active { color: white; background: #EE7F01; padding: 4px; -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; border: 1px solid #EE7F01; text-align: center; } .fav-button-sm { border-radius: 50%; -webkit-border-radius: 50%; height: 20px; width: 20px; position: absolute; right: 6px; top: 6px; font-size: 12px; z-index: 200; } .fav-button-sm .checkmark { width: 36px; height: 36px; display: none; stroke-width: 5px; stroke: #FFF; stroke-miterlimit: 8; top: -4px; right: -4px; position: absolute; z-index: 101; } .fav-button-sm .checkmark__check { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation: check-mark__stroke 950ms forwards; animation: check-mark__stroke 950ms forwards; } @-webkit-keyframes check-mark { 100% { border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #db0812 transparent transparent; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } } @keyframes check-mark { 100% { border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #db0812 transparent transparent; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } } @-webkit-keyframes check-mark__stroke { 100% { stroke-dashoffset: 0; } } @keyframes check-mark__stroke { 100% { stroke-dashoffset: 0; } } @media only screen and (min-width: 320px) and (max-width: 768px) { .fav-button-sm .parking-filters .item.parking-filters__item label img { width: 100%; height: 100px; } .fav-button-sm .parking-filters .item.parking-filters__item label .parking-filters__text { padding: 10px 5px 25px 5px; } .fav-button-sm .parking-filters .item.parking-filters__item label .parking-filters__text p { max-height: none; height: auto; display: block; } } @media only screen and (min-width: 0px) and (max-width: 425px) { .fav-button-sm .parking-filters .item.parking-filters__item label.renewal-label { cursor: default; padding-bottom: 5px; } .fav-button-sm .parking-filters .item.parking-filters__item label .parking-filters__text.renewal-cost-container { width: 100%; } .fav-button-sm .parking-filters .item.parking-filters__item label .parking-filters__text.renewal-cost-container h2 { color: #1a1a1a; line-height: 70px; text-align: center; } .fav-button-sm .parking-filters .item.parking-filters__item label .parking-filters__text.renewal-filters { display: block; padding: 0; text-align: center; max-width: 100%; } .fav-button-sm .parking-filters .item.parking-filters__item label span.show-more-renewal { cursor: pointer; position: relative; left: 10px; bottom: 0px; } } .togglebox { width: 100%; margin: 0 auto; padding: 15px; } .st-tab input[type="radio"] { position: absolute; opacity: 0; } .st-tab label { position: relative; display: block; height: 40px; line-height: 40px; margin: 0; font-size: 14px; font-weight: bold; color: rgba(219, 8, 18, 0.9); cursor: pointer; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } .st-tab label:hover { color: rgba(219, 8, 18, 0.9); } .st-tab label:after { content: '\f0da'; top: 0px; right: 10px; font-family: fontawesome; position: absolute; } .st-tab .st-content { height: 0; overflow: hidden; margin-left: 20px; } .st-tab input[type="radio"]:checked ~ label { color: #db0812; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } .st-tab input[type="radio"]:checked ~ label:after { transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } .st-tab input[type="radio"]:checked ~ .st-content { height: auto; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); } .st-tab .st-content > a { color: #fafafa; cursor: default; border-radius: 0; background-color: #db0812; border-bottom-color: transparent; border: 1px solid #db0812; } .st-tab .st-content > a:hover, .st-tab .st-content > a:focus { color: #fafafa; cursor: default; border-radius: 0; background-color: #db0812; border-bottom-color: transparent; border: 1px solid #db0812; } /* end accordion menu */ .my-payment-items table, .my-credit-cards-items table, .my-subscriptions-items table { border-spacing: 0px 10px; table-layout: fixed; } .my-payment-items .my-item, .my-credit-cards-items .my-item, .my-subscriptions-items .my-item { background: transparent; margin-bottom: 10px; } .my-payment-items .all-histories, .my-credit-cards-items .all-histories, .my-subscriptions-items .all-histories { background: #f0f0f0; margin-bottom: 10px; } .my-payment-items table tbody tr td, .my-credit-cards-items table tbody tr td, .my-subscriptions-items table tbody tr td { background: #FFF !important; padding: 15px; width: auto !important; font-size: 14px; white-space: normal; } .my-payment-items table thead tr th, .my-credit-cards-items table thead tr th, .my-subscriptions-items table thead tr th { opacity: 0.75; font-size: 13px !important; padding: 0; } .my-payment-items table thead tr th:nth-child(1), .my-credit-cards-items table thead tr th:nth-child(1), .my-subscriptions-items table thead tr th:nth-child(1) { width: 15.5%; padding: 0; } .my-payment-items table thead tr th:nth-child(2), .my-credit-cards-items table thead tr th:nth-child(2), .my-subscriptions-items table thead tr th:nth-child(2) { width: 16%; text-align: center; } .my-payment-items table thead tr th:nth-child(3), .my-credit-cards-items table thead tr th:nth-child(3), .my-subscriptions-items table thead tr th:nth-child(3) { width: 9.5%; text-align: center; } .my-payment-items table thead tr th:nth-child(4), .my-credit-cards-items table thead tr th:nth-child(4), .my-subscriptions-items table thead tr th:nth-child(4) { width: 26%; } .my-payment-items table thead tr th:nth-child(5), .my-credit-cards-items table thead tr th:nth-child(5), .my-subscriptions-items table thead tr th:nth-child(5) { width: 15%; text-align: center; } .my-payment-items table thead tr th:nth-child(6), .my-credit-cards-items table thead tr th:nth-child(6), .my-subscriptions-items table thead tr th:nth-child(6) { text-align: center; width: 18%; } .my-payment-items table tbody tr td:last-child, .my-credit-cards-items table tbody tr td:last-child, .my-subscriptions-items table tbody tr td:last-child { padding-right: 15px; text-align: center; } .my-credit-cards-items table thead tr th { padding: 0 15px; } .my-credit-cards-items table thead tr th:nth-child(1) { padding: 0 15px; width: 25%; } .my-credit-cards-items table thead tr th:nth-child(2) { text-align: left; width: 16%; } .my-credit-cards-items table thead tr th:nth-child(3) { text-align: left; width: 12.5%; } .my-credit-cards-items table thead tr th:nth-child(4) { width: 23%; } .my-credit-cards-items table thead tr th:nth-child(5) { width: 15%; } .my-items.my-payment-items table tbody tr th, .my-items.my-payment-items table tbody tr td:before { content: attr(data-th) ""; display: none; font-size: 14px; font-weight: 600; color: #1a1a1a; } .my-items.my-payment-items table.card-list tbody tr th, .my-items.my-payment-items table.card-list tbody tr td:before { display: none; } .my-items.my-payment-items table.card-list thead tr th:nth-child(1) { width: 27%; } .my-items.my-payment-items table.card-list thead tr th:nth-child(2) { text-align: left; padding-left: 15px; width: 20%; } .my-items.my-payment-items table.card-list thead tr th:nth-child(3) { text-align: left; padding-left: 15px; } .my-items.my-payment-items table.card-list thead tr th:last-child { width: 20%; text-align: right; } .my-items.my-payment-items table.card-list tbody tr td { padding: 0 15px; } .amount-minimum-size { width: 10% !important; } .service-fee-size, .surcharge-fee-size { text-align: center; } .history-table { border-spacing: 0 25px !important; } .history-table thead th { padding: 0px 10px !important; vertical-align: text-top !important; } .history-table thead th:first-child { width: 25% !important; } .history-table thead th:last-child { padding-right: 0 !important; text-align: left !important; } .history-table tbody td:first-child { width: 25% !important; } .history-table tbody td:last-child { text-align: left !important; } .only-two-lines { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .payment-section { background: #f2f2f2; padding: 20px 25px; margin-top: 15px; border-top: 2px solid #f0f0f0; } .payment-methods { display: inherit; } .payment-methods img { height: 24px; width: auto; } .payment-methods__user { display: inherit; margin-left: 7px; } .payment-methods__ast { display: inherit; font-weight: bold; font-size: 13px; letter-spacing: 1px; } .payment-methods__num { display: inherit; margin-left: 5px; } .payment-badge { padding: 3px; border-radius: 20px; font-weight: 600; border: 1px solid; text-align: center; font-size: 13px; } .payment-badge__booking { color: #435DAE; border-color: #435DAE; } .payment-badge__parking { color: #1a1a1a; border-color: #1a1a1a; } .payment-badge__seasonal { color: #9C213D; border-color: #9C213D; } .payment-badge__onstreet { color: #3f8af0; border-color: #3f8af0; } .payment-amount { color: #EE7F01; font-weight: 600; text-align: center; } .payment-amount.refunded { color: #db0812; } .payment-histories-status { font-weight: 600; text-align: right; } .payment-histories-status.green { color: #db0812; } .payment-histories-status.red { color: red; } .payment-status { margin-right: 15px; border-radius: 20px; color: #FFF; padding: 2px 7px; text-align: center; font-weight: 500; letter-spacing: 0.25pt; } .payment-status__executed { background: rgba(219, 8, 18, 0.9); } .payment-status__cancelled { background: rgba(214, 50, 50, 0.9); } .payment-status__authorized { background: rgba(255, 115, 0, 0.9); } .payment-status__created { background: rgba(149, 152, 154, 0.9); } .payment-status__refunded { background: rgba(96, 116, 126, 0.9); } .payment_history__details { white-space: normal !important; text-align: center; } .payment-history-view-items-details_btn { padding: 3px 10px !important; margin-top: 5px; } .payment-history-item-details-td { padding: 0 !important; } .payment-history-item-details-td .payment-history-item-details-table { margin-bottom: 0; } .payment-history-item-details-td .payment-history-item-details-table thead th { display: table-cell !important; } .payment-history-item-details-td .payment-history-item-details-table thead th:first-child { width: 15%; } .payment-history-item-details-td .payment-history-item-details-table thead th:nth-child(2) { width: 25%; } .payment-history-item-details-td .payment-history-item-details-table thead th:nth-child(3) { width: 45%; } .payment-history-item-details-td .payment-history-item-details-table thead th:last-child { text-align: center; width: 15%; } /* Credit Cards */ .card-cvv { color: lightgray; position: absolute; bottom: 30px; right: 15px; } .jp-event-popup { padding: 30px; position: absolute; height: auto; width: 520px; background: #FFF; z-index: 1000; bottom: 70px; left: 70px; -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } .jp-event-popup > .close { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; opacity: 1; font-size: 18px; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-color: #FFF; border-radius: 100%; } .jp-event-popup > h3 { font-size: 20px; font-weight: 600; margin-top: 30px; } .event-details { display: grid; width: 100%; height: auto; grid-template-columns: 120px 4fr 1fr; /* three columns */ grid-template-rows: 50px 50px 20px 40px; /* two rows */ grid-template-areas: "event-img event-address event-date" "event-img event-desc event-desc" "divider divider divider" ". more-events more-events"; } .event-details > .divider { width: 100%; height: 1px; background: #e0e0e0; grid-area: divider; align-self: end; } .jp-event-popup img { width: 120px; height: 100px; grid-area: event-img; } .event-cover { width: 260px; object-fit: cover; } .event-address { padding: 0 0 0 40px; position: relative; font-size: 15px; line-height: 25px; grid-area: event-address; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; } .event-address:before { content: "\f041"; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 22px; text-decoration: inherit; color: #e0e0e0; display: block; position: absolute; left: 15px; top: 4px; } .jp-event-popup p.event-date { text-align: right; font-weight: 700; grid-area: event-date; } .event-desc { grid-area: event-desc; margin: 0 0 0 40px; align-content: center; align-self: center; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .more-events-link:link { grid-area: more-events; text-align: right; align-self: end; font-weight: 600; } @media all and (max-width: 768px) { .event-details { grid-template-columns: 80px 4fr 1fr; grid-template-rows: 35px 35px 15px 35px; grid-template-areas: "event-img event-address event-date" "event-img event-address ." "divider divider divider" ". more-events more-events"; } .jp-event-popup { bottom: 20px; left: 20px; width: 80%; padding: 25px 25px 20px 25px; max-width: 350px; } .jp-event-popup > h3 { font-size: 16px; margin-top: 10px; } .jp-event-popup img { width: 80px; height: 70px; } .event-address { font-size: 13px; line-height: 17px; padding: 0 0 0 30px; -webkit-line-clamp: 4; margin: 0; } .event-address:before { left: 10px; } .jp-event-popup p.event-date { font-size: 14px; padding-left: 10px; } } .invisible-on-desktop { display: inherit; } @media all and (min-width: 769px) { .invisible-on-desktop { display: none !important; } } /* Event list on parking details */ .event-list { display: grid; border-bottom: 1px solid #e0e0e0; cursor: pointer; padding: 20px 10px; color: #1a1a1a; width: 100%; height: auto; grid-template-columns: 75px 1fr; grid-column-gap: 15px; grid-template-areas: "event-title event-title" "event-thumb event-date" "event-thumb ."; } .event-list:hover { background: #f0f0f0; color: #1a1a1a; } .event-list h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; grid-area: event-title; } .event-list img { grid-area: event-thumb; width: 75px; height: 60px; object-fit: cover; } .event-list p { margin: 2px 0; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; } @media all and (max-width: 425px) { .td-fix-mobile { white-space: normal; display: inline-block; max-width: 70%; } } @media all and (min-width: 992px) and (max-width: 1199px) { .download-block { min-height: 460px; } .download-block > h1 { font-size: 39px; letter-spacing: -1.5pt; line-height: 42px; } .download-block > p { font-size: 15px; line-height: 20px; } } @media all and (max-width: 769px) { .tab-content { margin-top: 30px; } .table-responsive { border: none; margin-top: -20px; } .my-items table { border-spacing: 0 20px; } .my-items table thead { display: none; } .my-items table tbody tr td { display: -webkit-box; padding: 10px; } .my-items table tbody tr td:first-child { width: auto !important; padding-top: 20px; border-top: 8px solid #1a1a1a; } .my-items table tbody tr td:before { text-align: right; display: block; width: 30%; padding-right: 15px; white-space: initial; } .my-items table tbody tr td:last-child { text-align: left; padding-bottom: 20px; } .payment-status { padding: 2px 15px; } .payment-amount { font-size: 17px; } /* Credit Cards */ .my-items table.card-list tbody tr td { padding: 5px 15px; } .my-items table.card-list tbody tr td:first-child { padding-top: 15px; } .my-items table.card-list tbody tr td:last-child { padding-bottom: 45px; text-align: right; display: block; } .my-items table.card-list tbody tr td:nth-child(3):before { content: "Last used"; padding-right: 5px; font-weight: normal; width: auto; display: block; text-align: left; } .mobile-bg-position__65 { background-position: 65% center; } .mobile-bg-position__75 { background-position: 75% center; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .item-voucher .v-top > h5 { font-size: 16px; } .item-voucher .v-middle .v-middle-pattern { width: 70%; background-position: center center; } .voucher-discount { margin: 0; position: relative; top: 40px; right: -10px; } /*a > .passes-top > h6 { font-size: 16px; } img.passes-qr-code { height: 80px; width: 80px; } .parking-address h5 { font-size: 20px; } .parking-address p { font-size: 15px; } .passes-countdown-cost { font-size: 2.2em; } .item.item-passes-row > a { height: 180px; }*/ .convert-jp:hover:after, .convert-jp:active:after { height: 100%; } .convert-jp-btn { top: 65%; } .jp-features { padding: 30px; height: 320px; } .features-icon { height: 56px; width: 56px; float: none; margin: 0 auto; } .text-block { margin-bottom: 40px; } .features-block { width: 100%; text-align: center; } .download-block { min-height: 460px; } .download-block > h1 { font-size: 36px; line-height: 36px; letter-spacing: -0.75pt; } .download-block > p { font-size: 15px; line-height: 24px; } .download-badges { bottom: 0; } .download-badges a img { margin-bottom: 10px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .booking-qr-code { margin-left: 15px; } .sm-hide { display: none; } /*.item.item-passes-row > a { height: 162px; }*/ .convert-jp:hover:after, .convert-jp:active:after { height: 100%; } .convert-jp-btn { top: 65%; } .tab-grid { background: #eee; margin-bottom: 50px; } .text-block { margin: 40px auto; } .wt-number { top: -30px; } .jp-features { height: 420px; } .features-icon { margin: 0 auto; float: none; height: 80px; width: 80px; } .features-block { text-align: center; width: 100%; } .download-block { min-height: 380px; } .download-badges { bottom: 40px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { .item-voucher .v-top > h5 { font-size: 16px; } .item-voucher .v-middle .v-middle-pattern { width: auto; background-position: center center; max-width: 80%; } .voucher-discount { margin: 0; position: relative; top: 40px; right: -10px; } .booking-qr-code { margin-left: 15px; } /*img.passes-qr-code { height: 80px; width: 80px; }*/ .payment-section > a img { padding: 0; } /*.item.item-passes-row > a { height: auto; } .qr-xs { margin: 10px auto; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); float: none !important; } .qr-caption { white-space: normal; text-overflow: inherit; overflow: auto; text-align: center; max-width: none !important; right: 0 !important; } img.passes-qr-code.qr-code-row { height: 90px; width: 90px; } .passes-countdown-cost > .passes-countdown { padding-bottom: 15px; } .passes-countdown-cost.countdown-row { width: 100% !important; margin-top: 150px; height: auto; }*/ .height-xs-250 { height: 250px !important; } .convert-jp:hover:after, .convert-jp:active:after { height: 100%; } .convert-jp-btn { top: 65%; } .btn.btn-primary.btn-framed.btn-light-frame { margin-bottom: 10px; } .my-items table tbody tr td:before { padding-right: 15px; width: 35%; } .payment_history__details > span { width: 240px; display: inline-block; } .tab-grid { background: #eee; margin-bottom: 50px; } .jp-features-bg-1.fbg2 { background: rgba(26, 26, 26, 0.1); } .jp-features-bg-2.fbg1 { background: rgba(26, 26, 26, 0.05); } .text-block { margin: 80px auto; } .wt-number { top: -70px; } .features-block { width: 100%; float: none; text-align: center; } .features-icon { float: none; margin: 0 auto; } } @media only screen and (min-device-width: 320px) and (max-device-width: 375px) { .item-voucher .v-middle .v-middle-pattern { max-width: 77%; } /*img.passes-qr-code { height: 60px; width: 60px; } .passes-qr-code { margin: 25px 10px 0 10px; } .qr-code-divider { margin-top: 30px; height: 50px; }*/ .booking-qr-code { margin-left: 15px; } .payment-section { padding: 20px 10px; } .payment-section > a img { padding: 0; } /* .passes-countdown-cost { font-size: 2.2em; } a > .passes-top > h6 { font-size: 16px; } .item.item-passes-row > a { height: auto; } .qr-xs { margin: 10px auto; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); float: none !important; }*/ .tab-grid { background: #f0f0f0; margin-bottom: 50px; } /*.qr-caption { white-space: normal; text-overflow: inherit; overflow: auto; text-align: center; max-width: none !important; right: 0 !important; } img.passes-qr-code.qr-code-row { height: 90px; width: 90px; } .passes-countdown-cost > .passes-countdown { padding-bottom: 15px; } .passes-countdown-cost.countdown-row { width: 100% !important; margin-top: 160px; height: auto; }*/ .convert-jp:hover:after, .convert-jp:active:after { height: 100%; } .convert-jp-btn { top: 65%; } .btn.btn-primary.btn-framed.btn-light-frame { margin-bottom: 0; } .my-items table tbody tr td { padding: 10px; } .my-items table tbody tr td:before { width: 34%; padding-right: 10px; text-align: right; } .payment-methods img { height: 24px; width: auto; } .payment_history__details > span { width: 210px; display: inline-block; } .features-icon { float: none; margin: 0 auto; } .features-block { width: 100%; float: none; text-align: center; } .jp-features { height: auto; } .text-block { margin: 80px auto; } .wt-number { top: -70px; } .download-badges { bottom: 40px; } .download-block > h1 { font-size: 36px; line-height: 40px; } .download-block img { margin-bottom: 15px; } .jp-features-bg-1.fbg2 { background: rgba(26, 26, 26, 0.1); } .jp-features-bg-2.fbg1 { background: rgba(26, 26, 26, 0.05); } .download-block { min-height: 460px; } } @media only screen and (max-width: 320px) { .payment-methods { display: block; } .payment-methods__user { margin-left: 0; margin-top: 5px; } .payment-methods__ast, .payment-methods__num { margin-left: 0; display: inline; } .payment_history__details > span { width: 180px; } .jp-features-bg-1.fbg2 { background: rgba(26, 26, 26, 0.1); } .jp-features-bg-2.fbg1 { background: rgba(26, 26, 26, 0.05); } .download-block { min-height: 520px; } } /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { .features-block { width: 100%; float: none; text-align: center; } .features-icon { float: none; margin: 0 auto; } .jp-features { height: auto; } } @media (max-width: 991px) { .hidden-991 { display: none; } } /* FEW UI -------------------------------------------------------------------*/ .language-flag { display: inline-block; background-image: url("/img/flags/flags.f5b21281.png"); background-repeat: no-repeat; height: 11px; width: 16px; } .language-flag-ca { background-position: -48px -22px; } .language-flag-de { background-position: -80px -33px; } .language-flag-es { background-position: -16px -44px; } .language-flag-fr { background-position: -144px -44px; } .language-flag-it { background-position: -208px -66px; } .language-flag-pt { background-position: -112px -121px; } .language-flag-nl { background-position: -80px -110px; } .language-flag-br { background-position: -192px -11px; } .language-flag-pl { background-position: -32px -121px; } .language-flag-ru { background-position: -224px -121px; } .language-flag-gb { background-position: -176px -44px; } .language-flag-tr { background-position: -16px -154px; } .language-flag-us { background-position: -144px -154px; } .language-dropdown a.dropdown-toggle .language-flag, .language-dropdown ul.dropdown-menu li a span.language-flag { position: relative; top: 1px; } div.language-form-dropdown, div.form-dropdown { padding: 12px 0px 12px 14px !important; position: relative; } div.language-form-dropdown-minor-padding, div.form-dropdown-minor-padding { padding: 6px 0px 6px 14px !important; } .language-form-dropdown ul.dropdown-menu:before, .language-form-dropdown ul.dropdown-menu:after { display: none !important; border: none !important; } .language-form-dropdown ul.dropdown-menu li a span { text-transform: none; } .language-form-dropdown a.dropdown-toggle { display: block; text-align: left; } .form-dropdown a.dropdown-toggle { display: block; text-align: left; } .language-dropdown a.dropdown-toggle, .language-form-dropdown ul.dropdown-menu li a { text-decoration: none; } .language-dropdown a.dropdown-toggle:hover, .language-form-dropdown ul.dropdown-menu li a:hover { text-decoration: none; } .form-dropdown a.dropdown-toggle, .form-dropdown ul.dropdown-menu li a { text-decoration: none; } .form-dropdown a.dropdown-toggle:hover, .form-dropdown ul.dropdown-menu li a:hover { text-decoration: none; } .language-form-dropdown a.dropdown-toggle span.langname, .form-dropdown a.dropdown-toggle span.itemName { color: #555; font-size: 14px; font-weight: normal; text-align: left; text-transform: none; } .language-form-dropdown a.dropdown-toggle span.fa, .form-dropdown a.dropdown-toggle span.fa { float: right; margin: 3px 2px 0 0; width: 16px; } .language-form-dropdown ul.dropdown-menu { box-shadow: none; width: 100%; margin-top: 1px !important; max-height: 250px; overflow-y: auto; border: 1px solid #cccccc; } .form-dropdown ul.dropdown-menu { box-shadow: none; width: 100%; margin-top: 1px !important; max-height: 250px; overflow-y: auto; border: 1px solid #cccccc; } .form-dropdown ul.dropdown-menu li a { padding: 5px 16px; } .form-dropdown a.dropdown-toggle span.itemSymbol { color: #555; font-size: 14px; font-weight: 700; } .form-dropdown ul.dropdown-menu li a span.itemSymbol { color: #555; font-size: 14px; font-weight: 700; margin-left: 4px; } .form-dropdown a.dropdown-toggle span.itemImg, .form-dropdown ul.dropdown-menu li a span.itemImg { display: inline-block; background-repeat: no-repeat; height: 11px; width: 16px; } .passwordRules { position: relative; width: 100%; padding: 8px; font-size: .825em; border-radius: 0; display: none; } .passwordRules h5 { margin: 0 0 10px 0; padding: 0; font-weight: 600; } ul.rulesChecklist { margin: 0; padding: 0; list-style-type: none; -webkit-column-width: 240px; -moz-column-width: 240px; column-width: 240px; } .invalid { background: url("/img/invalid.048e843a.png") no-repeat 0 5px; padding-left: 22px; line-height: 24px; color: #ed2a21; } .valid { background: url("/img/valid.b3697f59.png") no-repeat 0 5px; padding-left: 22px; line-height: 24px; color: #23aa09; } .pendingValidation { line-height: 24px; color: #EAAA00; } .pendingValidation > .loading-container > div { margin: 0; } .pendingValidation > .loading-container { margin-right: 6px; } .passwordRulesList { box-shadow: none; background: transparent; border: none; padding: 8px 0 0 0; } .passwordRulesColumns2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .passwordRulesColumns3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .passwordRulesColumns4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .passes-top { display: block; width: 100%; height: 164px; padding: 0; } .passes-top .passes-header { width: 100%; height: 120px; padding: 30px 15px; opacity: 0.9; position: relative; } .passes-top .passes-header.subscription-passes { background-color: #A39594; } .passes-top .passes-time.subscription-passes { background-color: #A39594; } .passes-top .passes-header.booked-passes, .passes-top .passes-time.booked-passes { background-color: #7785ac; } .passes-top .passes-header.active-passes, .passes-top .passes-time.active-passes { background-color: #91b761; } .passes-top > .passes-header > .passes-title-symbol { width: 40px; position: relative; top: 5px; opacity: 0.2; } .passes-top .passes-header > .passes-title-symbol.subscription-title-symbol, .passes-top .passes-header > .passes-title-symbol.booking-title-symbol, .passes-top .passes-header > .passes-title-symbol.transient-title-symbol { border-top: 7px solid #FFF; } .passes-top > .passes-header > h2 { color: #FFF !important; margin-bottom: 0; padding: 10px 0; font-weight: 600; max-width: 70%; height: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .passes-top > .passes-header > .passes-header-icon { height: 56px; width: 70px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; } .passes-top > .passes-header > .passes-header-icon.st-seasonal { background-image: url("/img/passes/ic_subscription.70aac859.png"); } .passes-top > .passes-header > .passes-header-icon.st-booking { background-image: url("/img/passes/ic_booking.f0941e86.png"); } .passes-top > .passes-header > .passes-header-icon.st-transient { background-image: url("/img/passes/ic_transient.cba8faf7.png"); } .passes-top > .passes-status { color: #FFF; font-weight: 400; padding: 10px 15px; width: 100%; opacity: 0.75; height: 44px; position: relative; } .passes-top .passes-status.subscription-passes { background-color: #A39594; } .passes-top .passes-status.booked-passes { background-color: #7785ac; } .passes-top .passes-status.active-passes { background-color: #91b761; } .passes-top > .passes-status > .passes-status-icon { height: 30px; width: 30px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: no-repeat center; } .passes-top > .passes-status > .passes-status-icon.st-booked { background-image: url("/img/passes/ic_st_time.c62d00db.png"); } .passes-top > .passes-status > .passes-status-icon.st-parked { background-image: url("/img/passes/ic_st_parked.56a4cd9f.png"); } .passes-top > .passes-status > .passes-status-icon.st-success { background-image: url("/img/passes/ic_st_exit.60a529ae.png"); } .passes-top > .passes-status > .passes-status-icon.st-payment-success { background-image: url("/img/passes/ic_st_paid.c4c1df31.png"); } .passes-top > .passes-status > .passes-status-icon.st-error { background-image: url("/img/passes/ic_st_error.27606e09.png"); } .passes-top > .passes-status > .passes-status-icon.st-warning { background-image: url("/img/passes/ic_st_warning.7800ac48.png"); } .passes-top > .passes-status > .passes-status-font-icon { font-size: 20px; } .passes-top > .passes-status > span { font-size: 16px; font-style: italic; letter-spacing: 0.03em; font-weight: 400; } .openedge-currencies-select > div { margin: 10px 0 0 !important; } .passes-footer { height: 36px; } .passes-footer.subscription-passes { background: #A39594 url("/img/passes/subscription_footer.854b0a17.png"); } .passes-footer.booked-passes { background: #7785ac url("/img/passes/booking_footer.8b0e13dc.png"); } .passes-footer.active-passes { background: #91b761 url("/img/passes/transient_footer.ba456f3c.png"); } .alert { background-color: #FFECEC; border: medium none; display: block; overflow: hidden; margin: 0 0 21.7391px; padding: 1em 1em 1em 4em; position: relative; font-size: 1em; border-radius: 0; line-height: 24px; } .alert-no-margin { margin: 0 !important; } .alert-ico { color: #DF6060; bottom: 0; font-style: normal; font-weight: normal; width: 4em; height: 20px; left: 20px; position: absolute; top: 50%; transform: translateY(-50%); } .alert.alert-success { background: #E0F2D9; color: #3c763d; } .alert.alert-success .close, .alert.alert-success .alert-ico, .alert.alert-success p { color: #58A839 !important; } .alert.alert-danger { background-color: #FFECEC; } .alert-danger { color: #a94442; } .alert.alert-danger .close, .alert.alert-danger .alert-ico, .alert.alert-danger p { color: #DF6060 !important; } .alert.alert-info { background: #ECF1F9; } .alert-info { color: #31708f; } .alert.alert-info .close, .alert.alert-info .alert-ico, .alert.alert-info p { color: #3D6EBF !important; } .alert.alert-warning { background: #FDF9DF; } .alert-warning { color: #EB9B0A; } .alert.alert-warning .close, .alert.alert-warning .alert-ico, .alert.alert-warning p { color: #ed2a21 !important; } .statusMessageText { float: left; display: inline-block; text-align: left; width: 82%; font-size: 14px; line-height: 22px; margin: 0; } .statusTextExtraTopMargin { margin-top: 6px; } .statusMessageActionBtn { margin: 5px 20px 5px 0; display: inline-block; } .alert .alertClose.close { font-size: 20px; cursor: pointer; width: 20px; height: 20px; opacity: 1; color: #ed2a21; background: transparent center; box-shadow: none; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .loading-container { display: inline-block; } .loading-icon, .loading-icon:after { border-radius: 50%; width: 10em; height: 10em; } .loading-icon { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid #db0812; border-right-color: transparent; border-radius: 50%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1s infinite linear; animation: load8 1s infinite linear; } @-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); } } .loading-icon-xxs { margin: 0 0 0 10px; width: 16px; height: 16px; } .loading-icon-xs { margin: 0 0 0 15px; width: 24px !important; height: 24px !important; } .loading-icon-sm { margin: 0 0 0 15px; width: 32px; height: 32px; } .loading-icon-md { margin: 0 0 0 25px; height: 48px; width: 48px; } .loading-icon-lg { margin: 0 0 0 25px; height: 64px; width: 64px; } .loading-container-float-right { float: right; } .loading-icon-grey { background-image: url("./img/loading_grey.ecf1d381.gif"); margin-right: 15px; } .loading-text { display: inline-block; margin: 0 0 0 15px; } .loading-text-xs { font-size: 12px; } .loading-text-sm { font-size: 14px; } .loading-text-md { font-size: 16px; } .loading-text-lg { font-size: 18px; } .centeredLoaderWrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000 !important; } .centeredLoaderWrapper .centeredLoaderContainer { position: relative; width: 100%; height: 100%; } .centeredLoaderWrapper .centeredLoaderContainer .centeredLoader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); vertical-align: top; display: inline-block; } .centeredLoaderWrapper .centeredLoaderContainer .centeredLoader > .centeredLoaderText { font-family: inherit; font-size: 0.88em; text-transform: uppercase; color: #cccccc; font-weight: 600; letter-spacing: 0.2em; width: 200px; margin-top: 10px; } .subscription-loader { height: 225px; } @media only screen and (min-width: 768px) { .subscription-loader { height: 450px; } } .overlayMessageWrapper { width: 100%; height: 45px; display: block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .overlayMessageWrapper .overlayMessageContainer { width: auto; background-color: #000; margin: 0 auto !important; font-size: 18px; color: #FFF !important; border: 2px #000; border-radius: 30px; -moz-border-radius: 25px; opacity: .7; max-width: 400px; position: relative; } .overlayMessageWrapper .overlayMessageContainer .overlayMessageText { display: inline-block; padding: 10px 40px 10px 30px; } .overlayMessageWrapper .overlayMessageContainer .overlayMessageCloseBtn { display: -webkit-box; font-size: 30px; color: #FFF; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-weight: 400; /* transition: all 0.25s ease-in-out;*/ } /**************************************** Tables validation ****************************************/ .buttonSeparator { margin-bottom: 5px; } /**************************************** Form error block ****************************************/ form .form-block-error-extended { padding: 0 0 10px 0; margin-top: -15px; } form .form-block-error, form .form-block-error .help-block { margin-top: 8px; margin-left: 2px; color: #ed2a21; font-size: 12px; } /**************************************** Login version ****************************************/ .vrsn_login { display: inline-block; padding: 3px 9px; margin: 0 0 0 8px; font-size: 11px; font-weight: 300; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: sub; background: #db0812; color: #FFF; } /**************************************** Modal Message ****************************************/ .modalMessage { z-index: 10060 !important; } .modalMessageHeader h3 { font-weight: 500 !important; } .modalMessageHeader .modal-title img { margin-right: 10px; } .modalMessageBody img { margin-right: 10px; } .modalMessageText { line-height: 24px; } @media (max-width: 991px) { .modalMessage .modal-dialog { width: auto !important; } } /*************************************** Checkbox ***************************************/ .uniformCheckboxLabel { position: relative; top: 1px; left: 4px; } .checkbox-left-label { margin-right: 10px; } /*************************************** Session management ***************************************/ .currentSessionDiv { border: 1px solid #e0e0e0; margin-bottom: 20px; border-radius: 3px; } .sessionsOfAPlatformSection .panel-heading { cursor: pointer; } .currentSessionDiv, .sessionSectionBody { padding: 15px 20px; font-size: 14px; } .sessionSectionBodyBottomMargin { border-bottom: 1px solid #f0f0f0; } .sessionSectionBodyRightMargin { border-right: 1px solid #f0f0f0; } .currentSessionDiv .form-group-inline-flex, .sessionSectionBody .form-group-inline-flex { padding: 5px 0; } .currentSessionDiv .form-group-inline-flex i.fa, .sessionSectionBody .form-group-inline-flex i.fa { margin-right: 6px; } .accordionTitle { font-weight: 500; } .sectionTitle { font-weight: 600; margin: 0 0 10px 1px; } .col-sessionLabel { margin-right: 10px; margin-bottom: 0; color: #555; } .currentSessionDiv .col-sessionLabel, .sessionSectionBody .col-sessionLabel { width: 130px; } .col-sessionValue { margin-bottom: 0; color: #777; } .col-sessionLabel, .col-sessionValue { position: relative; } .sessionLabel { font-weight: 600; } .sessionBtn { margin: 15px 5px 10px 0; padding: 6px 20px 6px 20px; } @media (max-width: 767px) { .col-sessionLabel, .col-sessionValue { width: 100% !important; float: left; } } /**************************************** Ticket Management ****************************************/ .ticketHistory { padding: 10px 0; } .ticketHistory dl { margin-bottom: 0; } .ticketHistory i { padding: 5px 0; } .ticketHistory dt, .ticketHistory dd { padding: 2px 0; } .ticketHistory dt { display: inline-block; margin-left: 5px; font-weight: bold; min-width: 150px; } .ticketHistory dd { display: inline-block; text-align: right; margin-left: 25px; } /**************************************** Form customization ****************************************/ .form-group-inline { display: inline; width: 100%; } .form-group-inline-flex { display: inline-flex; width: 100%; } .form-group-inline-flex div.intl-tel-input { width: 70%; } .form-group-inline-flex button { width: 30%; height: 45px; margin: 0 0 0 8px; padding: 13px 2px 13px 2px; } .form-group .form-group-inline-city-region { width: 70%; display: inline-block; float: left; padding-right: 15px; } .form-group .form-group-inline-zip-code { width: 30%; display: inline-block; } /*************************************** Emails management ***************************************/ .modifyEmailBtn { float: right; margin-right: 12px; position: relative; z-index: 2; cursor: pointer; border: none; background: transparent; } .otherEmailsBlock { /*padding: 15px 10px 10px 10px;*/ padding: 18px 15px 10px 15px; border-color: #dddddd; border-width: 0 1px 1px 1px; border-style: none solid solid solid; } .otherEmailsBlock div.otherEmailsBlockText { margin-bottom: 15px; color: #555; letter-spacing: 0.04em; } .otherEmailsBlock .otherEmailBlock { padding: 6px 0; } .otherEmailsBlock .otherEmailBlock .deleteOtherMail { margin-left: 15px; } .otherEmailsBlock .addOtherMail { margin-left: 25px; } .otherEmailsBlock button { height: 35px; padding: 6px 15px; margin: 10px 10px 10px 0; } .complex-user-emails-btn { padding: 6px 20px !important; } .userEmailsModalWindow .modal-dialog { width: 400px; } /*************************************** Box with operation result message ***************************************/ .box-message { text-align: center; padding: 25px 0; line-height: 40px; font-weight: 400; border: 1px solid #db0812; border-radius: 6px; } .box-message .box-icon { font-size: 40px; } .box-message .box-text { font-size: 22px; } @media (max-width: 991px) { .userEmailsModalWindow .modal-dialog { width: auto; } .userEmailsModalWindow .modal-dialog .alert { width: auto; max-width: 200px; } } @media (min-width: 768px) and (max-width: 1200px) { .complex-user-emails-btn-view-other-emails { margin-top: 6px; } } .portlet-subtitle { padding: 15px 20px 10px 0 !important; } .portlet-subtitle > .caption > .caption-subject { font-size: 15px !important; } .width-auto { width: auto; } .width-30percent { width: 30%; } .center-align { text-align: center; } .left-align { text-align: left; } .right-align { text-align: right; } .left-float { float: left; } .right-float { float: right; } .font-normal { font-weight: normal; } .lightBold { font-weight: 400; } .bold { font-weight: bold; } .redColor { color: #ed2a21 !important; } .greenColor { color: green; } .primary-color { color: #db0812 !important; } .no-rounded { border-radius: 0; } .disabledEl { pointer-events: none; opacity: 0.6 !important; } .disabledButton, .disabledButton:hover, .disabledButton:active { background-color: #CCCCCC !important; border-color: #CCCCCC !important; color: #4A4A49 !important; opacity: 1; cursor: not-allowed; } .cursorPointer { cursor: pointer; } .default-cursor { cursor: default !important; } .full-width { width: 100%; } .auto-width { width: auto; } .word-break-all { word-break: break-all; } .word-break-word { word-break: break-word; } .border-top-default { border-top: 1px solid #f0f0f0; } .border-bottom-default { border-bottom: 1px solid #eee; } .border-radius-15 { border-radius: 15px; } .border-radius-30 { border-radius: 30px; } .truncatedElement { white-space: nowrap; position: relative; text-overflow: ellipsis; overflow: hidden; left: 0; width: 100%; -webkit-transition: left 3s, width 3s; -moz-transition: left 3s, width 3s; transition: left 3s, width 3s; } /* Flex Section */ .flex-center { display: flex; justify-content: center; } .flex-space-between { display: flex; justify-content: space-between; } .flex-align-items-center { display: flex; align-items: center; } .flex-justify-content-end { display: flex; justify-content: end; } .flex-space-between-align-items-center { display: flex; justify-content: space-between; align-items: center; } .flex-justify-center-align-items-center { display: flex; justify-content: center; align-items: center; } .inline-flex { display: inline-flex; } .flex-align-self-center { align-self: center; } .flex-column-direction { display: flex; flex-direction: column; } .filters-bars-container { width: 24px; height: 24px; border: 2px solid lightgrey; padding: 5px 0; border-radius: 5px; align-self: center; margin-left: 5px; cursor: pointer; } .filters-bars-container .bar { height: 2px; background-color: #db0812; margin: 0 auto; } .filters-bars-container .bar-1 { width: 16px; margin-bottom: 2px; } .filters-bars-container .bar-2 { width: 10px; margin-bottom: 2px; } .filters-bars-container .bar-3 { width: 4px; } .filters-bars-container-clicked { background-color: #db0812; border-color: #db0812; } .filters-bars-container-clicked .bar { background-color: #FFF; } .incorrect_verification { background: url("/img/icon_incorrect_verification.00d0b8b5.png") no-repeat; background-size: contain; width: 45px; height: 45px; } .fa-icon { width: 30px; height: 30px; background-repeat: no-repeat; display: block; } .footer-icon { width: 20px; height: 20px; background-repeat: no-repeat; display: block; position: relative; top: 3px; } .x-square-icon { background-image: url("/img/square-x-twitter.227a7f10.svg") !important; color: white; } .x-icon { background-image: url("/img/x-twitter.52469628.svg") !important; color: white; } /* End Section */ @media all and (max-width: 320px) { .passes-top > .passes-status > span { font-size: 14px; } .passes-message .pass-item-message { width: 65%; } .passes-message .pass-item-message > div { font-size: 13px; } .passes-message .pass-item-message .pass-item-message-title { margin-bottom: 6px; } .passes-top > .passes-header > h2 { max-width: 65%; } } @media all and (min-device-width: 320px) and (max-device-width: 375px) { .passes-message .pass-item-message { width: 70%; } .passes-message .pass-item-message > div { font-size: 13px; } .passes-message .pass-item-message .pass-item-message-title { margin-bottom: 6px; } } @media all and (max-width: 425px) { .overlayMessageWrapper .overlayMessageContainer { width: 90%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .passes-message .pass-item-message { width: 85%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .passes-message .pass-item-message { width: 70%; } .passes-message .pass-item-message .pass-item-message-title { margin-bottom: 6px; } } @media all and (min-device-width: 1025px) and (max-device-width: 1440px) { .passes-message .pass-item-message { width: 75%; } } /* JPASS - Additional Classes -------------------------------------------------------------------*/ .login { background: #FFF !important; } .login .jpassContainer { height: 100%; } .loginModalWindow .modal-dialog { width: 400px; } .loginModalWindow .modal-body .alert-not-logged { text-align: center !important; width: 100% !important; } .registerModalWindow .modal-dialog { width: 800px; } .registerModalWindow .modal-body form .checkbox-group-elem .checkbox-custom + .checkbox-custom-label:before { vertical-align: top; margin-top: 4px; } .registerModalWindow .modal-body form .checkbox-group-elem label { width: 100%; } .registerModalWindow .modal-body form .checkbox-group-elem label span.checkbox-custom-label-text { display: inline-block; vertical-align: middle; text-align: justify; width: auto; max-width: 80%; } @media (max-width: 425px) { .registerModalWindow .modal-body form .checkbox-group-elem label span.checkbox-custom-label-text { text-align: left; } } .registerModalWindow .modal-body form .actionButtons { display: flex; justify-content: space-between; } @media (max-width: 425px) { .registerModalWindow .modal-body form .actionButtons button { min-width: 100px; } } #jpass-login-nav { border-right: none; } .forgotPasswordModalWindow .modal-dialog { width: 350px; } .forgotPasswordModalWindow .modal-dialog .section-title { margin-bottom: 6px; } .passwordRulesPopover { bottom: 14px; background: #fafafa; box-shadow: 0 1px 3px #cccccc; border: 1px solid #8290A3; display: none; } .passwordRulesPopover::before { content: "\25B2"; position: absolute; top: -14px; left: 45%; color: #8290A3; text-shadow: none; display: block; } #page-header { position: relative; } #page-content { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } body .not-logged-primary-nav, body .not-logged-secondary-nav { display: inline-block; position: relative; } body .not-logged-primary-nav { margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(0, 0, 0, 0.1); } body .container-flex-center { display: flex; justify-content: center; align-items: center; } body .flex-direction-column { display: flex; flex-direction: column; } body .background-login { background-color: #F2F2F2; background-size: cover; padding: 20px 0; } @media (max-width: 768px) { body .background-login { padding: 0px; } } body .background-login::after { content: ""; background-color: #F2F2F2; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 1; } body .background-login .background-login-card { padding: 25px; background-color: #FFF; } @media (max-width: 768px) { body .background-login .background-login-card { width: 100% !important; } } body .background-login .background-login-card form .actionButtons { display: flex; justify-content: space-between; } body .background-login .background-login-card form .pwd-input { position: relative; display: flex; align-items: center; } body .background-login .background-login-card form .pwd-input .inside-input { position: absolute; right: 10px; cursor: pointer; } body .background-login .background-payment-card { padding: 25px; background-color: #FFF; max-height: 550px; } body .background-login .background-payment-card form .actionButtons { display: flex; justify-content: space-between; } body .background-login .section-title { margin-bottom: 25px; } body .background-login .section-title h1 { width: auto; display: inline-block; } body .background-login .section-title .loading-container { position: relative; } body .login-row { padding-top: 25px; } @media (max-width: 768px) { body .login-row { padding-top: 0px; } } body .login-padding { padding-top: 0px; } @media (max-width: 768px) { body .login-padding { padding-top: 25px; } } body .login-number-circle { width: 30px; line-height: 25px; border-radius: 50%; text-align: center; font-size: 15px; border: 2px solid #003050; background-color: #003050; font-weight: 600; color: white; } body .container-signup-card, body .modal-content { width: 800px; } body .container-signup-card form .checkbox-group-elem .checkbox-custom + .checkbox-custom-label:before, body .modal-content form .checkbox-group-elem .checkbox-custom + .checkbox-custom-label:before { vertical-align: top; margin-top: 4px; } body .container-signup-card form .checkbox-group-elem label, body .modal-content form .checkbox-group-elem label { width: 100%; } body .container-signup-card form .checkbox-group-elem label span.checkbox-custom-label-text, body .modal-content form .checkbox-group-elem label span.checkbox-custom-label-text { display: inline-block; vertical-align: middle; width: auto; max-width: 90%; font-size: 13px; font-style: italic; margin-top: 10px; } body .container-signup-card form .checkbox-group-elem label span.checkbox-custom-label-title-text, body .modal-content form .checkbox-group-elem label span.checkbox-custom-label-title-text { font-weight: bold; font-size: 18px; } body .container-signup-card form .actionButtons, body .modal-content form .actionButtons { display: flex; justify-content: space-between; } @media (max-width: 425px) { body .container-signup-card form .actionButtons button, body .modal-content form .actionButtons button { min-width: 100px; } } body .container-signin-card, body .container-signup-card, body .container-fogotten-password-card { z-index: 9999; -moz-box-shadow: 0px 30px 60px #00000029; -webkit-box-shadow: 0px 30px 60px #00000029; box-shadow: 0px 30px 60px #00000029; } body .container-signin-card input[type="text"], body .container-signup-card input[type="text"] { font-size: 14px; } body .container-signin-card input[type="password"], body .container-signup-card input[type="password"] { font-size: 14px; } body .container-signin-card input[type="email"], body .container-signup-card input[type="email"] { font-size: 14px; } body .container-signin-card .section-title, body .container-signup-card .section-title, body .container-fogotten-password-card .section-title { margin-bottom: 40px; } .title-public { margin-top: 0px; margin-left: -25px; margin-right: -25px; margin-bottom: 10px !important; padding: 20px 30px; background-color: #FAFAFA; } .background-signup-box { margin-top: 0px; margin-left: -25px; margin-right: -25px; margin-bottom: 15px !important; padding: 20px 30px; background-color: #FAFAFA; } .overflow-xy-visible { overflow-x: visible !important; overflow-y: visible !important; } .footer-wrapper .block { position: initial; } .footer-wrapper .vertical-aligned-elements { position: initial; } .footer-wrapper .vertical-aligned-elements img, .footer-wrapper .vertical-aligned-elements .text-align-right p a { position: initial; } .footer-width { width: 50% !important; } @media (max-width: 768px) { .footer-width { width: 100% !important; text-align: center; padding: 30px 0px; } } .footer-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (max-width: 768px) { .footer-container { padding-top: 15px; padding-bottom: 15px; } } @media (max-width: 768px) { .footer-navigation { padding: 15px 0; } } .public-booking-container .public-booking-title { font-size: 24px; } .public-booking-container .public-booking-address { font-size: 14px; } .public-booking-container .parking-features-icons { display: flex; flex-wrap: wrap; } .public-booking-container .parking-time-details { margin-top: 20px; padding: 10px; background-color: #F2F2F2; } .public-booking-container .login-parking-separator { border-bottom: 3px solid #E5E5E5; margin-top: 20px; } .public-booking-container .cancellation-policy { color: #6ba539; font-size: 13px; opacity: unset; } .public-booking-container .help-footer { background-color: #4A4A49; padding: 20px; } .public-booking-container .help-footer span { color: white; } .container-guest-login-card { width: 100%; } .container-guest-login-card .section-title { display: flex; flex-direction: column; } .container-guest-login-card .section-title .guest-login-items { align-content: flex-start; } .container-guest-login-card .section-title .login-signup-items { margin: 15px 0; align-content: space-between; } @media (max-width: 991px) { .forgotPasswordModalWindow .modal-dialog { width: auto; } } @media (max-width: 600px) { .background-login-card .flex-space-between-align-items-center.section-title-items { flex-direction: column; align-items: flex-start; } .background-login-card .flex-space-between-align-items-center.section-title-items .signup-guest-login-items { width: 100%; margin-top: 15px; } } @media (min-width: 992px) and (max-width: 1200px) { .background-login-card .flex-space-between-align-items-center.section-title-items { flex-direction: column; align-items: flex-start; } .background-login-card .flex-space-between-align-items-center.section-title-items .signup-guest-login-items { width: 100%; margin-top: 15px; } } .loader-wrapper { background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; position: fixed; display: none; z-index: 4; top: 0; left: 0; } .jp-map-loader { width: 110px; height: 110px; } .jp-loader-icon { background: url("/img/jpassImages/jp_loader.a36b9a03.gif") no-repeat center center, #db0812; height: 110px; width: 110px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; background-size: 80% 80%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); } .splash-content > .jp-loader { position: absolute; background-size: 100px auto; z-index: 5; top: 50%; left: 50%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .navbarProfilePicture { width: 48px; height: 48px; } body .primary-nav ul.navigation li.disabled, body .secondary-nav ul.navigation li.disabled { pointer-events: none; opacity: 0.4; } #marker-tooltip { display: none; position: absolute; width: auto; height: 40px; background-color: #FFF; margin: 15px; } .map-loader-container { width: 75% !important; top: 50px !important; } .map-wrapper { width: 100%; display: inline-block; position: relative; } .hero-section.has-sidebar .map-wrapper .mapWrapperContainer.map-block { width: 100%; height: 100%; } .hero-section.has-sidebar .map-wrapper .mapWrapperContainer .parking_detail_modal_appended { position: relative; } .hero-section.has-sidebar .map-wrapper .mapWrapperContainer .modal, .hero-section.has-sidebar .map-wrapper .mapWrapperContainer .modal-backdrop { position: absolute !important; } .parkingSymbol { position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .parkingSymbol b { font-size: 11px; } .defaultParkingSymbol { font-size: 26px; font-weight: 800; } .jpParkingSymbol { height: 30px; width: 30px; background-size: 60% !important; background: url("../img/jpassImages/jp.5c1de337.png") no-repeat center; } .minBookingCostParking { color: #FFF; text-align: center; display: block; margin-top: 12px; } .map .marker .marker-wrapper .pin .hourly_rate { margin-top: 0; height: 100%; } .map .marker .marker-wrapper.digital-ticketing-marker-wrapper:after { content: "\f1eb"; } .map .marker .no-digital-ticketing-marker-wrapper:after { top: 3px; } .map .marker .digital-ticketing-marker-wrapper:after { top: 4px; } .map .marker .marker-wrapper.no-digital-ticketing-marker-wrapper:before { background-color: #1a1a1a; } .map .marker .marker-wrapper.no-digital-ticketing-marker-wrapper .pin { border: 2px solid #1a1a1a; } .map .marker .marker-wrapper.no-digital-ticketing-marker-wrapper .pin:before { background-color: #1a1a1a; border: 2px solid #1a1a1a; } .map .marker .marker-wrapper.no-digital-ticketing-marker-wrapper .pin .image:after { border-color: #1a1a1a transparent transparent transparent; } .map.show-marker-labels .marker .title { display: none; left: 50px; } .map-overlay-search-wrapper { top: 10%; } .map-overlay-search-wrapper .map-overlay-search-container { max-width: 250px; background-color: #FFF; color: #1a1a1a !important; font-size: 1em; opacity: 1; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } @media (min-width: 1400px) { .visible-1400 { display: none; } } @media (max-width: 1400px) { .hidden-1400 { display: none; } } @media all and (min-width: 992px) and (max-width: 1024px) { .form.horizontal.position-bottom form { width: 600px; } } .search-map-form form { padding: 20px 0 5px 0; background-color: #ffffff !important; } .search-map-form form .row { padding: 0 150px; } .search-map-form form .row .form-group { margin-bottom: 0; } @media all and (min-width: 1025px) and (max-width: 2000px) { .search-map-form form { z-index: 1; position: relative; height: auto; width: 100%; -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } } @media (min-width: 992px) and (max-width: 1279px) { .search-map-form form { padding: 15px 0 0 0; } .search-map-form form .row { padding: 0 30px; } .search-map-form form .row .form-group { margin-bottom: 0; } } @media (min-width: 1280px) and (max-width: 1366px) { .search-map-form form .row { padding: 0 40px; } .search-map-form form .row .form-group { margin-bottom: 0; } } @media (min-width: 1367px) and (max-width: 1440px) { .search-map-form form .row { padding: 0 80px; } .search-map-form form .row .form-group { margin-bottom: 0; } } @media (min-width: 1441px) { .search-map-form form .row { padding: 0 120px; } .search-map-form form .row .form-group { margin-bottom: 0; } } @media (max-width: 991px) { .search-map-form form { padding: 0; } .search-map-form form .row { padding: 0 15px; } .search-map-form form .row .col-md-4, .search-map-form form .row .col-md-3, .search-map-form form .row .col-md-2 { width: 100%; } } .map-list .map-parkings-list-filters .hide-map-switch { padding: 10px 25px 0 25px; } .map-list .map-parkings-list-filters .hide-map-switch label { font-size: 1em; } .map-list.results-wrapper { -moz-transition: 0.7s ease; -webkit-transition: 0.7s ease; transition: 0.7s ease; -moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1); box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1); position: relative; float: left; display: inline-block; } .map-list.results-wrapper.show-detail .results { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .map-list.results-wrapper.show-detail .sidebar-detail { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } .map-list.results-wrapper.loading .sidebar-detail, .map-list.results-wrapper.loading .results { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .map-list.results-wrapper h2 { margin: 10px 20px; font-size: 30px; display: inline-block; } .map-list.results-wrapper h2 .results-number { margin-left: 10px; font-size: 22px; color: rgba(0, 0, 0, 0.4); display: inline-block; } .map-list.results-wrapper h2 .results-number:before { content: "("; } .map-list.results-wrapper h2 .results-number:after { content: ")"; } .map-list.results-wrapper .section-title { margin-top: 10px; margin-bottom: 0; } .map-list.results-wrapper .section-title .full-detail { float: right; margin-top: 10px; } .map-list.results-wrapper .results { -moz-transition: 0.7s ease; -webkit-transition: 0.7s ease; transition: 0.7s ease; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .map-list.results-wrapper .amenities-filters { text-align: right; } .map-list.results-wrapper .amenities-filters div.inline-flex p { align-self: center; } .map-list.results-wrapper .result-item-active { background-color: rgba(0, 0, 0, 0.05); } .map-list.results-wrapper .result-item { position: relative; grid-template-columns: 125px auto; grid-template-rows: auto 100px; width: 100%; height: 100%; } .map-list.results-wrapper .result-item > a { color: inherit; position: relative; display: grid; grid-template-columns: auto; grid-template-rows: auto; width: 100%; height: 100%; padding-left: 25px; padding-right: 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .map-list.results-wrapper .result-item > a:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: 0; left: 0; content: ""; width: 5px; height: 100%; } .map-list.results-wrapper .result-item > a:hover, .map-list.results-wrapper .result-item > a.hover-state { background-color: rgba(0, 0, 0, 0.05); } .map-list.results-wrapper .result-item > a:hover:before, .map-list.results-wrapper .result-item > a.hover-state:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .map-list.results-wrapper .result-item > a h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .map-list.results-wrapper .result-item > a h4 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; font-size: 12px; font-weight: normal; margin-top: 0; } .map-list.results-wrapper .result-item > a .result-item-detail { position: relative; display: grid; grid-template-columns: 125px auto; grid-template-rows: auto; align-items: stretch; padding-bottom: 10px; } .map-list.results-wrapper .result-item > a .result-item-detail .image { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); color: #FFF; width: 125px; height: 100%; background-size: cover; top: 0; left: 0; text-align: center; float: left; clear: both; position: relative; } .map-list.results-wrapper .result-item > a .result-item-detail .image:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; background: -moz-linear-gradient(top, transparent 0%, #000 100%); background: -webkit-linear-gradient(top, transparent 0%, #000 100%); background: linear-gradient(to bottom, transparent 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-black', endColorstr='$color-black', GradientType=0); background-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; content: ""; } .map-list.results-wrapper .result-item > a .result-item-detail .image figure { position: absolute; bottom: 5px; z-index: 1; font-size: 12px; font-weight: bold; padding: 5px; width: 100%; } .map-list.results-wrapper .result-item > a .result-item-detail .description { display: grid; grid-template-rows: auto 20px auto; grid-template-columns: auto; padding-left: 15px; } .map-list.results-wrapper .result-item > a .result-item-detail .description h5 { font-size: 14px; margin-bottom: 5px; margin-top: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 28px; } .map-list.results-wrapper .result-item > a .result-item-detail .description h5 i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; margin-right: 5px; font-size: 12px; } .map-list.results-wrapper .result-item > a .result-item-detail .description p { font-size: 12px; line-height: 16px; max-height: 32px; overflow: hidden; margin-bottom: 0; } .map-list.results-wrapper .result-item > a .result-item-detail .description .label { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: rgba(0, 0, 0, 0.5); background-color: transparent; margin: 3px 0; padding: 5px; display: inline-block; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info { display: grid; grid-template-columns: 31% 35% auto; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid { display: flex; padding-top: 30px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid .walking-man { padding-top: 5px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid .distance { margin-top: 0; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-label { font-size: 16px; font-weight: 600; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid, .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid { display: flex; flex-direction: column; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid { padding: 0 15px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy { display: flex; flex-direction: column; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-percentage-label { color: #34576a; font-size: 18px; font-weight: 700; padding-left: 1px; transform: translateY(9px); } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { color: #34576a; text-align: right; margin-top: 2px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { font-size: 30px; font-weight: 700; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-label { font-size: 14px; text-transform: lowercase; margin-top: -3px; color: #777777; text-align: right; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid { padding: 0 0 0 15px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .total-booking-cost-label { font-size: 14px; color: #777777; opacity: 100%; text-align: right; margin-top: -4px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .total-booking-cost-currency { font-size: 1.0em; font-weight: 700; transform: translateY(5px); } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .total-booking-cost-value { text-align: right; font-weight: 700; font-size: 30px; padding-top: 3px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .total-booking-cost { display: block; text-align: right; grid-template-columns: 15% 85%; color: #db0812; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .label.label-default.hourly-price { display: block; font-size: 0.9em; font-weight: 700; color: #db0812; } .map-list.results-wrapper .result-item .ribbon { right: 10px; font-size: 9px; } .map-list.results-wrapper .result-item .controls-more { padding: 1px 15px; z-index: 5; } .map-list.results-wrapper .result-item .controls-more a { padding: 7px 10px; } .map-list.results-wrapper .result-item .controls-more ul { right: 15px; } .map-list.results-wrapper .tse-scrollable { width: 100%; height: 100%; } .map-list.results-wrapper .tse-scrollbar .drag-handle { right: 4px; width: 5px; } .map-list.results-wrapper .tse-scrollbar .drag-handle.visible { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .map-list.results-wrapper .image .price, .map-list.results-wrapper .gallery-wrapper .price { -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background-color: #db0812; color: #FFF; position: absolute; left: -6px; top: 10px; z-index: 2; padding: 5px 10px; font-size: 12px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -moz-border-top-right-radius: 15px; -moz-border-bottom-right-radius: 15px; } .map-list.results-wrapper .image .price:after, .map-list.results-wrapper .gallery-wrapper .price:after { width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent #42611C transparent transparent; content: ""; position: absolute; bottom: -6px; left: 0; } .map-list.parkings-list { display: block; float: none; } @media (min-width: 1441px) { .map-list .hidden-over-1400 { display: none; } } @media (min-width: 1281px) and (max-width: 1440px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { font-size: 28px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-percentage-label { font-size: 16px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .total-booking-cost-value { font-size: 28px; } } @media (min-width: 1367px) and (max-width: 1440px) { .map-list.results-wrapper .result-item > a .result-item-detail { grid-template-columns: 90px auto; } .map-list.results-wrapper .result-item > a .result-item-detail .image { width: 90px; } } @media (min-width: 768px) and (max-width: 1280px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid { padding-top: 25px; } } @media (max-width: 1440px) { .map-list .hidden-below-1400 { display: none; } .map-list.results-wrapper { width: 440px; } .map-list.results-wrapper .result-item > a { padding: 0 15px; } .map-list.results-wrapper .result-item > a .result-item-detail .description { padding-left: 10px; } .map-list.results-wrapper .result-item > a .result-item-detail .description h5 { min-height: unset; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info { grid-template-columns: 36% 35% auto; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid { padding: 0 0 0 5px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid { padding: 0 5px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { top: 4px; } .map-list.parkings-list { width: 100%; } } @media (max-width: 1366px) { .map-list.results-wrapper .result-item > a .result-item-detail { grid-template-columns: 70px auto; } .map-list.results-wrapper .result-item > a .result-item-detail .image { width: 70px; } } @media (max-width: 1280px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid { padding-top: 25px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-label { font-size: 14px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { font-size: 24px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-percentage-label { font-size: 14px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .total-booking-cost-value { font-size: 24px; } } @media (max-width: 991px) { .map-list.parkings-list { margin: -15px 0; width: 100%; height: 100%; z-index: 1; } .map-list .load-more-toolbar { padding: 40px 0; background: #fff; width: 100%; } .map-list .load-more-toolbar a { width: 50%; margin: 0 auto; text-align: center; font-weight: bold; display: block; cursor: pointer; } } @media (max-width: 767px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid { padding-top: 20px; } } @media (max-width: 425px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info { grid-template-columns: 36% 32% 32%; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid .distance-label { font-size: 12px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid .distance { margin-top: 3px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid .total-booking-cost-label { font-size: 12px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-label { font-size: 12px; } } @media (min-width: 321px) and (max-width: 375px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid .total-booking-cost-value { font-size: 22px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid .total-booking-cost-label { margin-top: -1px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { font-size: 22px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-label { margin-top: 0; } } @media (min-width: 321px) and (max-width: 425px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid .distance { margin-top: 3px; } } @media (max-width: 320px) { .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .distance-grid .distance { margin-top: 0; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid .total-booking-cost-value { font-size: 18px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-price-grid .total-booking-cost-label { margin-top: 2px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-value { font-size: 18px; } .map-list.results-wrapper .result-item > a .result-item-detail .description .parking-info .parking-occupancy-grid .parking-occupancy .parking-occupancy-label { margin-top: 3px; } } .remove-box-shadow { box-shadow: 0px 0px white !important; } .flex-selections-list { display: flex; justify-content: space-between; align-content: center; } .view-selection-icons { line-height: 52px; } .view-selection-icons-inner { transform: scale(1.4); } .sidebar-detail .section-title h4, .modal .section-title h4 { margin-bottom: 10px; } .sidebarSectionMessage { margin: 10px 20px; } .hero-section .sidebar-detail form.bookingForm, .hero-section .sidebar-detail form.reviewsForm { box-shadow: none; } .hero-section .sidebar-detail form.bookingForm .col-md-6 { padding-left: 0; padding-right: 0; margin-bottom: 0; } .hero-section .sidebar-detail form.bookingForm .bookingDate { color: #1a1a1a; font-size: 12px; } .hero-section .sidebar-detail .tariffSection, .hero-section .sidebar-detail .openingHoursSection, .hero-section .sidebar-detail .reviewsForm { z-index: -1; } .sidebar-detail-rating { display: inline-block; top: 2px; position: relative; margin-right: 15px; } .infobox-wrapper .infobox .rating-passive { position: absolute; bottom: 14px; left: 20px; padding: 0; color: #FFF; } .rating-passive { background: url("../img/jpassImages/star-rating-sprite-small-orange.14744cf1.png") repeat-x; text-indent: -999em; width: 70px; margin: 0 5px 0 0; display: inline-block; } .rating-passive .star-rating { background: url("../img/jpassImages/star-rating-sprite-small-orange.14744cf1.png") repeat-x 0 100%; float: left; height: 14px; display: block; max-width: 70px; } .infobox-wrapper .infobox .rating-passive-reviews { position: absolute; bottom: 13px; left: 95px; color: #FFF; } .rating-passive-reviews { color: #F2A043; display: inline-block; position: relative; top: -2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); font-size: 13px; } .rating-passive-reviews:after { content: ")"; } .rating-passive-reviews:before { content: "("; } .star-rating .star-rating-disabled { cursor: auto; pointer-events: none; } .btn-default-focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border: none !important; outline: 0; } .ui-select-bootstrap.ui-select-multiple.form-control { border: none !important; box-shadow: none !important; } .ui-select-match-text { color: #555; font-weight: normal; } .ui-select-placeholder { color: #FFF !important; font-size: 16px; } .ui-select-bootstrap .ui-select-toggle > .caret { border: none; transform: translate(-11px, -20px); } .ui-select-bootstrap .ui-select-toggle > .caret:before { color: #FFF !important; font-family: 'Glyphicons Halflings'; font-style: normal; content: "\e003"; font-size: 18px; } .ui-select-choices-group { padding-top: 10px !important; padding-bottom: 10px !important; } .ui-select-choices-row { padding-top: 2px; padding-bottom: 2px; } .ui-select-bootstrap .ui-select-choices-row.active > span { background-color: #db0812; } .ui-select-bootstrap .ui-select-match-text span { overflow: visible !important; font-weight: bold; } .bootstrap-select.btn-group .dropdown-menu .notify { color: #ed2a21 !important; } /*********************************** Carousel ************************************/ .owl-carousel { z-index: initial; } [data-owl-dots="0"] .owl-dots, .owl-dots.disabled, [data-owl-nav="0"] .owl-nav, .owl-nav.disabled { display: none !important; } [data-owl-dots="1"] .owl-dots, .owl-dots, [data-owl-nav="1"] .owl-nav, .owl-nav { display: block !important; } [data-owl-nav="1"] .owl-nav .owl-next, [data-owl-nav="1"] .owl-nav .owl-prev { display: inline-block !important; } .owl-nav .owl-next, .owl-nav .owl-prev { display: inline-block !important; } .gallery.detail .image { /*width: 555px;*/ width: auto; } /*********************************** Default parking Image ************************************/ .defaultParkingImage { background-position: center center; background-repeat: no-repeat; background-size: cover; } /*********************************** Booking ************************************/ .bookingPaymentIframe { height: 680px; } /*********************************** Bootstrap select ************************************/ .bootstrap-select.btn-group .dropdown-menu { overflow: hidden; } .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 300px !important; } /*********************************** Modal ************************************/ .modal .modal-item-detail.modal-dialog .modal-content .modal-body > .left { margin-left: -25px; } .modalMessage .modal-dialog, .modalBooking .modal-dialog { width: 500px; } .modalImportSeasonal .modal-dialog { width: 900px; } /*********************************** Parking ************************************/ .parking-occupancy { text-align: right; } .parking-sidebar-detail-occupancy { display: inline-block; position: relative; top: -4px; float: right; } .parking-sidebar-detail-occupancy .parking-occupancy-label { width: auto; opacity: 100%; color: #777777 !important; font-family: inherit; font-weight: 500; font-size: 15px; position: absolute; } .parking-sidebar-detail-occupancy .parking-occupancy-value { display: inline-block; font-weight: 700; font-size: 1.25em; color: #db0812; position: relative; top: 1px; } .detail-sidebar .content a { word-break: break-all; } /*********************************** Import Subscriptions Modal ************************************/ .location-select.ui-select-bootstrap .ui-select-choices-row > span { padding: 3px 20px 3px 0; } .location-select .search-choice-map-marker { width: 30px; display: inline-block; vertical-align: middle; background-color: #FFF; padding-left: 12px; padding-right: 5px; } .ui-select-bootstrap .ui-select-choices-row.active > span .search-choice-map-marker { background-color: #db0812; } .ui-select-choices-row:hover > span .search-choice-map-marker { background-color: #dddddd; } .search-choice-map-marker i { color: #333; opacity: 0.7; } .search-choice-map-marker:hover { color: white; opacity: 0.3; } .search-choice-result { display: inline-block; vertical-align: middle; width: 95% !important; transition: left 15s, width 15s; -webkit-transition: left 15s, width 15s; -moz-transition: left 15s, width 15s; } /*********************************** Review section ************************************/ .reviewImage { background: url("../img/jpassImages/person-02.ec258839.jpg") no-repeat; } /*********************************** Session ************************************/ .pricing.box ul li b { margin-right: 5px; } /*********************************** Session expired modal ************************************/ .splash { position: fixed; background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; top: 0; left: 0; margin-top: 0 !important; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; transition: opacity 0.5s, visibility 0s 0.5s; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; z-index: 1 !important; } .splash-open.splash { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .splash .splash-inner { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 150px); transform: translate3d(0, 0, 150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; } .splash-open.splash .splash-inner { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .splash .splash-content { width: 660px; height: 350px; position: absolute; top: 50%; left: 50%; margin: -175px 0 0 -330px; color: #FFF; font-size: 18px; } .splash-content h1 { color: #FFF; margin-bottom: 40px; } .expired.splash { background: rgba(255, 255, 255, 0.5); } .expired.splash .splash-content { width: 46%; left: 27%; margin: 0px; } .expired.splash .splash-content .alert.alert-warning { border: 1px solid #f9e491; padding: 1em; } .expired.splash .splash-content .alert img { height: 60px; vertical-align: middle; } .expired.splash .splash-content .alert .text-center { padding-top: 0px; } .expired.splash .splash-content .alert div p { margin: 0; line-height: 26px; } /*********************************** Alert ************************************/ .alert .alert-ico { display: none !important; } .orders-recap-total-price-label, .orders-recap-total-price-value { color: #db0812; font-size: 20px; } .booking-loading-container { position: absolute; top: 30%; right: 100px; } .parking-image img { height: 160px; object-fit: cover; } .alert { margin: 0; } /*********************************** General ************************************/ .bookingPaymentIframe, .subscriptionPaymentIframe, .subscriptionRenewalIframe, .subscriptionExpiredRenewalIframe { width: 100%; border: none; } .iframe-modal .modal-content { padding: 0px; } section .sectionDescription { opacity: 0.6; color: #1f1f1f; font-size: 14px; text-align: center; } .form-control[disabled], .form-control[readonly] { background-color: transparent; opacity: 1; box-shadow: none; border-bottom: 2px solid #e5e5e5 !important; color: #cccccc !important; padding-left: 0 !important; padding-right: 0; } .date .form-control.enter { color: #1a1a1a !important; } .date .form-control.enter.dark-background { color: #FFF !important; } fieldset[disabled] .form-control { background-color: transparent; opacity: 1; box-shadow: none; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding-left: 0; padding-right: 0; } .form-control[disabled]:active, .form-control[readonly]:active { box-shadow: none; } fieldset[disabled]:active { box-shadow: none; } .form-control:active, .form-control[disabled]:focus, .form-control[readonly]:focus { box-shadow: none; } fieldset[disabled]:focus { box-shadow: none; } .form-control:focus, .form-control[disabled]:hover, .form-control[readonly]:hover { box-shadow: none; } fieldset[disabled]:hover { box-shadow: none; } .form-control:hover { box-shadow: none; } .form-control[disabled]:focus, .form-control[readonly]:focus { padding-left: 12px; } .box-shadow-none { box-shadow: none; } fieldset[disabled]:focus, .form-control:focus { padding-left: 12px; } .dropdown-menu > .active > a { background-color: #db0812; } .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #db0812; } .alertClose .pe-7s-close:before { content: "\e680"; } .alertClose.close { display: inline-block; margin-top: 0px; margin-right: 0px; width: 9px; height: 9px; background-repeat: no-repeat !important; text-indent: -10000px; outline: none; background-image: url(/img/remove-icon-small.484cbf3b.png) !important; } .page-title { position: relative; display: flex; } .page-title h1 { width: auto; display: inline-block; align-self: center; } .page-title .loading-container { align-self: center; } .loginModalWindow .section-title h1, .registerModalWindow .section-title h1 { width: auto; display: inline-block; } form .form-block-error .help-block { font-size: 12px !important; } .page-title .verticallyCentered { position: relative; } .loginModalWindow .section-title .verticallyCentered, .registerModalWindow .section-title .verticallyCentered { position: relative; } .link { cursor: pointer; } /***************************** Amenities ***************************/ .tags-amenities li { box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; background-color: transparent; } .tags-amenities li:before { content: none; } /* Review Needed (this css might be not needed at all) -------------------------------------------------------------------*/ .passes-bar { display: flex; align-items: center; justify-content: space-between; } .passes-bar .pull-right { display: flex; align-items: center; } .row-passes .btn-pay-all { padding: 10px 30px; } .passes-details { background: #FFF; max-height: 250px; display: block; } .parking-address { display: block; color: #1a1a1a; } .parking-address h5 { font-size: 22px; font-weight: 700; margin: 20px 0 5px 0; padding: 5px 15px; } .parking-address h5.detail-title-subscription { border-left: 10px solid #A39594; } .parking-address h5.detail-title-subscription:hover { color: #A39594; } .parking-address h5.detail-title-booking { border-left: 10px solid #7785ac; } .parking-address h5.detail-title-booking:hover { color: #7785ac; } .parking-address h5.detail-title-transient { border-left: 10px solid #91b761; } .parking-address h5.detail-title-transient:hover { color: #91b761; } .parking-address p { font-size: 16px; padding: 0 25px; line-height: 22px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; height: 44px; } .passes-cost { position: relative; } .passes-cost .btn-primary { border-radius: 30px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .passes-message { padding: 15px 20px; height: 100px; position: relative; } .passes-message .pass-item-message { width: 75%; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); } .passes-message .pass-item-message .pass-item-message-title { font-weight: 700; margin-bottom: 10px; color: #1a1a1a; } .message-icon { width: 56px; height: 56px; border: none; display: inline-block; border-radius: 36px; position: absolute; top: 50%; transform: translateY(-50%); } .subscription-info { background: url("/img/passes/ic_sub_info.f4a9dfec.png"); } .subscription-refresh { background: #EB9B0A url("/img/passes/ic_refresh.6f969d74.png") no-repeat center; } .transient-info { background: url("/img/passes/ic_transient_info.4a638dd3.png"); } .ticket-refresh { background: #EB9B0A url("/img/passes/ic_refresh.6f969d74.png") no-repeat center; } .passes-qr-code-container { margin: 20px 0 35px 0; } .passes-qr-code { margin: 0 auto; display: block; width: 100px; height: 100px; } .passes-qr-code.qr-code-row { margin: 10px 20px 0; } img.passes-qr-code { height: 80px; width: 80px; } img.passes-qr-code.qr-code-row { height: 75px; width: 75px; margin: 10px 20px 0; } .qr-code-divider { width: 1px; height: 60px; background: #D9DCD8; float: left; margin-top: 45px; } .qr-caption { color: #1a1a1a; font-size: 11px; font-weight: 600; text-align: right; padding-top: 2px; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; } .qr-caption.qr-caption-row { width: auto; max-width: 80px; position: absolute; right: 20px; } .passes-countdown-cost { background: rgba(255, 255, 255, 0.6); border-top: 2px solid #f5f5f5; position: relative; font-size: 2.25em; font-weight: 700; padding: 15px 20px; display: flex; width: 100%; height: 100px; } .passes-countdown-cost small { font-size: 22px; } .passes-countdown-cost > .passes-countdown { color: #1a1a1a; line-height: 26px; padding: 0 5px 10px; } .passes-countdown-cost > .passes-cost { color: #db0812; text-align: right; line-height: 26px; padding: 0 5px 10px; } .passes-countdown-cost > .passes-countdown span, .passes-countdown-cost > .passes-cost span { font-size: 12px; text-transform: uppercase; } .item.passes-grid > a { height: auto; background: #FFF; } .top-row { height: 44px; } .countdown-divider { width: 1px; height: 60px; background: #D9DCD8; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-translate: translate(-50%, -50%); } .clearfix-responsive { display: block; content: ""; clear: both; } .parking-address .singleSiteAddress { overflow: hidden; margin: 0 25px; height: 32px; } /**************************************** Subscriptions ****************************************/ .seasonal-details { background: #FFF; min-height: 160px; height: auto; display: block; padding: 0 0 10px; } .seasonal-contract { float: left; padding: 0 20px; display: block; width: 100%; } .seasonal-contract > h6 { color: #1a1a1a; background: #f5f5f5; margin: 5px 0; padding: 10px 20px; font-size: 14px; letter-spacing: 0.25pt; line-height: 150%; } .seasonal-icons { margin: 10px 10px 18px 10px; } .seasonal-icons > ul { list-style-type: none; } .seasonal-icons > ul li { height: 44px; width: 44px; background: #1a1a1a; display: inline-block; border-radius: 50%; text-align: center; padding-top: 11px; color: #FFF; margin-right: 5px !important; } .seasonal-icons > ul li > i { font-size: 20px; } .seasonal-icons.disabled > ul li { background: #95989A; } .seasonal-details .multisiteAddressSection { height: 44px; padding: 0 25px; margin: 0 0 10px; } .seasonal-details .passes-multisite-symbol { width: 16px; position: relative; top: 5px; border-top: 2px solid #1a1a1a; } .seasonal-details .parking-address .panel { margin-bottom: 0 !important; } .passes-details .parking-address .address-truncate { overflow: hidden; text-overflow: ellipsis; display: flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .seasonal-details .parking-address .address-truncate { overflow: hidden; text-overflow: ellipsis; display: flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .seasonal-details .seasonal-contract h6 { height: 70px; position: relative; } .seasonal-details .seasonal-contract div.description-truncate { height: auto; max-height: 44px; position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; text-overflow: ellipsis; display: flex; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .deleteBookingButton { padding: 10px; margin-top: -2px; width: 100%; -webkit-border-radius: 30px; } .font-subscription { color: #A39594 !important; } .font-booking { color: #7785ac !important; } .font-transient { color: #91b761 !important; } .btn-subscription-base, .btn-subscription, .btn-subscription-onStreet { transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); white-space: normal; line-height: 1.3; padding: 3px 12px; } .btn-subscription { background-color: #A39594 !important; border-color: #A39594 !important; white-space: normal; line-height: 1.3; padding: 3px 12px !important; margin-top: 0 !important; border-radius: 30px !important; } .btn-subscription:hover { background: rgba(163, 149, 148, 0.9) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16); } .btn-subscription-onStreet { background-color: #3f8af0 !important; border-color: #3f8af0 !important; } .btn-subscription-onStreet:hover { background: rgba(112, 167, 245, 0.9) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16); } /**************************************** Subscription Types ****************************************/ .subscriptionRenewalIframe { height: 665px; } .subscriptionExpiredRenewalIframe { height: 780px; } .subscriptionPaymentIframe { height: 780px; } .subscription-list-item-body label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); font-weight: 100; font-size: 12px; opacity: 1; text-transform: none; margin-bottom: 8px; } .subscription-list-item-body label.click-label-right { cursor: pointer; color: #db0812; float: right; font-weight: bold; } /************************************************** Subscription Authorization Mode **************************************************/ .badge { background-color: #6EA122; } .btn-primary .badge { color: #FFF; background-color: #6EA122; } .subscription-type-item .passes-top .passes-status { height: 40px; } .subscription-type-item .passes-top .passes-status .passes-status-icon { width: 20px; height: 20px; left: 15px; } .subscription-type-item .passes-top .passes-status span { font-size: 14px; } a.y_link:hover, a.n_link:hover { opacity: 0.85; } .overflow-y-n { overflow-y: hidden; } /* Snippet from animate.css */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transition: all 300ms linear; } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } a.link-request-declined { color: #FFF !important; font-weight: bold !important; } @media (max-width: 375px) { .margin-bottom-0 .pull-right { width: 100%; float: left !important; margin-top: 20px; } .margin-bottom-0 .pull-right div { margin-left: 15px !important; } .margin-bottom-0 .pull-right div:first-child { margin-left: 0 !important; } } @media (min-width: 321px) and (max-width: 375px) { .margin-bottom-0 .pull-right div { margin-left: 20px !important; } .margin-bottom-0 .pull-right div:first-child { margin-left: 0 !important; } } @media (min-width: 376px) and (max-width: 425px) { .margin-bottom-0 .pull-right div { margin-left: 15px !important; } .margin-bottom-0 .pull-right div:first-child { margin-left: 0 !important; } } /* Start on-street subscription modal styles */ .custom-wizard-button { display: inline-block; text-align: center !important; font-size: 16px; font-weight: 300; padding: 11px 15px 13px 15px; margin-right: 10px; height: 45px; width: 45px; border-radius: 50% !important; } .on-street-subscription-wizard { margin-bottom: 20px; margin-top: 20px; display: flex; justify-content: center; } .isOnStreet-button-styles { display: flex; flex-direction: column; height: 100% !important; } .onStreet-modal-wizard-button { margin-top: 40px; margin-bottom: 20px; display: flex; justify-content: center; } /* end on-street subscription modal styles */ /************************************************** Subscription Detail and Credit Cards Modal **************************************************/ .subscription-detail .col-md-9 .contract-number { margin: 20px 0 15px 0; color: #db0812; } .changeable-setting { margin-bottom: 20px; } .changeable-setting .col-md-9 label { width: 100%; opacity: 1; } .changeable-setting .ats-switch { border-radius: 30px; float: right; position: relative; right: 20px; min-width: 70px; } .credit-cards { background-color: #e8e8e8; padding: 30px 20px 30px 20px; text-align: center; } .credit-cards .openedge-card { text-align: left; background: #FFF; cursor: pointer; margin: 10px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); padding: 12px 15px; border: none; outline: 0; width: 100%; } .modal-credit-cards .openedge-card { text-align: left; background: #FFF; cursor: pointer; margin: 10px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); padding: 12px 15px; border: none; outline: 0; width: 100%; } .credit-cards .openedge-card:first-child { margin-top: 25px; } [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; width: 100%; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; width: 20px; height: 20px; border: 3px solid #34576A; border-radius: 100%; background: #FFF; position: absolute; left: 0; top: 0; } [type="radio"]:checked + label:after { content: ''; width: 10px; height: 10px; background: #db0812; position: absolute; top: 10px; transform: translateY(-50%); left: 5px; border-radius: 100%; -o-transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; transition: 0.2s ease; } [type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #db0812; position: absolute; top: 10px; transform: translateY(-50%); left: 5px; border-radius: 100%; -o-transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; transition: 0.2s ease; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; } .openedge-card img { display: inline-block; height: 35px; position: relative; top: 50%; left: 5px; } .openedge-card .openedge-card-detail { display: inline-block; line-height: 20px; font-size: 13px; vertical-align: middle; margin-left: 15px; width: calc(100% - 80px); height: 35px; position: relative; } .openedge-card .openedge-card-detail .openedge-card-brand { font-weight: 700; text-transform: capitalize; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); } .openedge-card .openedge-card-detail .openedge-card-expiration { float: right; text-align: right; display: inline-block; } .openedge-card .openedge-card-detail .openedge-card-expiration .openedge-card-expiration-title { text-transform: uppercase; font-weight: normal; } .openedge-card .openedge-card-detail .openedge-card-expiration .openedge-card-expiration-value { font-weight: 700; } .openedge-card .openedge-card-detail .openedge-new-card-description { font-weight: 700; position: relative; top: 50%; transform: translateY(-50%); } .subscription-parking-multisite { background: #FFF; padding: 0; top: 0; overflow: hidden; } .subscription-parking-multisite .item.parking-filters__item { height: 70px; margin: 0 0 10px 0; } .subscription-parking-multisite .item.parking-filters__item label { background-color: #fafafa; } .subscription-parking-multisite .item.parking-filters__item .selected_parking { background: #db0812; } .parking-filters.subscription-parking-multisite .item.parking-filters__item label img { width: 90px; } .parking-filters.subscription-parking-multisite .item.parking-filters__item label .parking-filters__text { max-width: 60%; position: absolute; top: 50%; transform: translateY(-50%); } .parking-filters.subscription-parking-multisite .item.parking-filters__item label .parking-filters__image { width: 40px; height: auto; margin-right: 10px; margin-top: 10px; } .wrapper-parking-filters { display: grid; grid-template-columns: 265px 265px; grid-gap: 10px; justify-items: center; } @media (max-width: 425px) { .wrapper-parking-filters { grid-template-columns: 250px; } } .wrapper-parking-filters-inside { display: grid; grid-template-columns: 32px 32px 200px; grid-template-rows: 20px; justify-items: start; padding: 5px 0 0 0; } @media (max-width: 1440px) and (min-width: 991px) { .wrapper-parking-filters { display: grid; grid-template-columns: 230px 195px; grid-gap: 10px; background-color: #fff; justify-items: center; } .wrapper-parking-filters-inside { display: grid; grid-template-columns: 35px 35px 160px; grid-template-rows: 20px; background-color: #fff; justify-items: start; } } .box-parking-filter { color: #003050; font-size: 1.0em; } /************************************************** Credit Cards Modal **************************************************/ .modal-body .modal-credit-cards { background-color: #f5f5f5; padding: 15px; } .modal-body .credit-cards-action { margin: 30px 0 0 0; } .modal-body .credit-cards-action button { width: 100%; } /*********************************** Switch ************************************/ .ats-switch span.switch-left { background: #db0812; background: #db0812; } /* Account Settings -------------------------------------------------------------------*/ .account-settings-accordion-group { background: none; color: #db0812; } .account-settings-accordion-group:hover, .account-settings-accordion-group:focus { background: none; color: #db0812; } .account-settings-accordion-group > .panel-heading > h4 > a { padding: 10px 0 !important; color: #db0812; } .account-settings-accordion-group > .panel-heading:hover { background: none; } .account-settings-accordion-group > .panel-heading .panel-title a:focus { color: #db0812; } .account-settings-accordion-group > .panel-heading .panel-title a[aria-expanded="false"]:after, .account-settings-accordion-group > .panel-heading .panel-title a[aria-expanded="true"]:after { content: none; } .tab-pane-privacy-policy form .checkbox-group-elem .checkbox-custom + .checkbox-custom-label:before { vertical-align: top; margin-top: 4px; } .tab-pane-privacy-policy form .checkbox-group-elem label { width: 100%; } .tab-pane-privacy-policy form .checkbox-group-elem label .checkbox-custom-label-title-text { position: relative; top: 5px; font-weight: 700; font-size: 14px; } .tab-pane-privacy-policy form .checkbox-group-elem label span.checkbox-custom-label-text { display: inline-block; vertical-align: middle; width: auto; font-style: italic; font-size: 13px; margin-top: 15px; } .user-details { margin-bottom: 10px; } .pin-code-form-group { float: left; } .pincode-input-container { margin-top: 15px; } .pincode-input-container input.pincode-input-text { width: 25%; border-radius: 0; box-shadow: none; display: inline-block; float: left; border: 1px solid rgba(0, 0, 0, 0.1) !important; text-align: center; border-right-width: 0 !important; height: 46px; } .pincode-input-container input.pincode-input-text.first { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .pincode-input-container input.pincode-input-text.last { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-right-width: 1px !important; } .pincode-input-container input.pincode-input-text:focus { border-color: #db0812 !important; border-right-width: 1px !important; } .show-hide-pin-code-button { background: transparent; vertical-align: middle; height: 46px; width: 15%; font-size: 20px; border: none; } .show-hide-pin-code-button:focus { border: none; } .pin-code-button-form-group { float: left; margin-top: 20px; width: 100%; text-align: right; } /* Subscriptions */ .my-items table.subscription-list tbody tr th, .my-items table.subscription-list tbody tr td:before { display: none; } .my-items table.subscription-list thead tr th:nth-child(1) { width: 20%; } .my-items table.subscription-list thead tr th:nth-child(2) { text-align: left; padding-left: 15px; width: 15%; } .my-items table.subscription-list thead tr th:nth-child(3) { text-align: left; padding-left: 15px; width: 30%; } .my-items table.subscription-list thead tr th:last-child { text-align: right; } .my-items table.subscription-list tbody tr td { padding: 15px; } .payment-subscription-item .subscription-number { color: #db0812; font-weight: 500; } .payment-subscription-item .subscription-name { color: #1a1a1a; font-weight: 600; } .payment-subscription-item .subscription-cost { color: #EE7F01; font-weight: 500; } .payment-subscription-item .subscription-card img { margin-left: 1px; } .payment-subscription-item .subscription-card img, .payment-subscription-item .subscription-card .card-info, .payment-subscription-item .subscription-card .card-info .payment-methods__user, .payment-subscription-item .subscription-card .card-info .payment-methods__ast, .payment-subscription-item .subscription-card .card-info .payment-methods__num { display: inline-block; float: left; } .payment-subscription-item .subscription-card .card-info { margin-left: 8px; color: #1a1a1a; font-weight: 600; } .payment-subscription-item .card-expiration { display: inline-block; float: left; margin-left: 15px; font-size: 12px; margin-top: 2px; } .payment-subscription-item .subscription-actions .btn.btn-primary.btn-framed { padding: 7px 6px; } .payment-subscription-item .subscription-actions .btn.icon i.fa-pencil { color: #95989A; } .payment-subscription-item .subscription-actions .btn.icon i.fa-minus { color: #d63232; } .customPopover { background-color: #db0812; z-index: 9999; } .customPopover > .popover-inner { color: #FFF; } .customPopover.top > .arrow { border-top-color: #db0812 !important; } .customPopover.top > .arrow:after { border-top-color: #db0812 !important; } .customPopover.bottom > .arrow { border-bottom-color: #db0812 !important; } .customPopover.bottom > .arrow:after { border-bottom-color: #db0812 !important; } .customPopover.left > .arrow { border-left-color: #db0812 !important; } .customPopover.left > .arrow:after { border-left-color: #db0812 !important; } .customPopover.right > .arrow { border-right-color: #db0812 !important; } .customPopover.right > .arrow:after { border-right-color: #db0812 !important; } /*********************************** Recharge Modal ************************************/ .recharge-modal-header .modal-title { font-size: 1.75em; font-weight: 600; } .recharge-modal-container { margin-top: 20px; } .recharge-modal-container p { font-style: italic; } .recharge-modal-body p { font-style: italic; } .recharge-modal-container span { font-weight: bold; } .recharge-modal-body .input-container { margin-top: 15px; } .recharge-modal-body .input-container label { font-weight: 600; } .recharge-modal-body .input-container input { padding: 6px 12px; border: 1px solid #cccccc; border-radius: 4px; } .recharge-modal-body .total-amount-container { grid-area: cost; padding: 15px 20px 15px 10px; background: rgba(255, 255, 255, 0.6); border-top: 1px #f2f2f2 solid; text-align: center; height: 100px; } .recharge-modal-body .total-amount-container label { text-transform: uppercase; font-size: 13px; font-weight: 600; } .recharge-details p { font-weight: bold; } .recharge-details + .col-md-12 { margin-top: 15px; } .recharge-modal-body .total-amount-container h1 { margin: 0; font-size: 30px; font-weight: 700; opacity: 1; } .recharge-modal-body .total-amount-container h1 small { color: #db0812; } .recharge-modal-body .total-amount-containerscisa h1 span { margin-left: 5px; word-break: break-all; } /*********************************** Multi Renewal Costs Modal ************************************/ .renewal-costs-header { margin-top: 20px; margin-bottom: 40px; } .payment-options-bottom { margin-bottom: 20px; } .recharge-modal-header .modal-title { font-size: 1.75em; font-weight: 600; } .recharge-modal-container { margin-top: 20px; } .parking-container .parking-features-icons { margin-top: 20px; } .parking-container .parking-features-icons i { height: 30px; width: 30px; background-size: 100% 100%; margin-right: 12px; } .parking-detail h2 { font-size: 26px; } .parking-detail .page-title { margin-bottom: 20px; } .parking-detail .page-title h3 { opacity: 1; font-weight: 600; } .parking-detail .parking-rating-occupancy { display: flex; justify-content: space-between; margin-top: 2px; margin-bottom: 15px; } .parking-detail .parking-rating-occupancy .parking-rating { align-self: center; } .parking-detail .parking-rating-occupancy .parking-occupancy { align-self: center; } .parking-detail .parking-rating-occupancy .parking-occupancy .parking-occupancy-inline { display: flex; } .parking-detail .parking-rating-occupancy .parking-occupancy .parking-occupancy-inline .parking-occupancy-label { align-self: center; opacity: 0.6; } .parking-detail .parking-rating-occupancy .parking-occupancy .parking-occupancy-inline .parking-occupancy-value { align-self: center; color: #34576a; font-weight: 700; font-size: 26px; } .parking-detail .parking-rating-occupancy .parking-occupancy .parking-occupancy-inline .parking-occupancy-value .parking-occupancy-percentage-label { color: #34576a; font-size: 18px; font-weight: 700; margin-left: -5px; } .parking-detail .bookingForm { padding: 20px 20px 80px 20px; } .parking-detail .bookingForm .booking-form-loader { position: relative; } .parking-detail .bookingForm .booking-form-loader .booking-form-loader-container { position: absolute; left: 50%; transform: translateX(-50%); margin-top: 15px; } .parking-detail-modal { top: auto; left: auto; } .parking-detail-modal.parkings-list-detail-modal { left: 0; text-align: center; } .parking-detail-modal.parkings-event-detail-modal { left: 0; text-align: center; } .parking-detail-modal .modal-dialog { width: 720px; height: 725px; max-height: 725px; padding: 20px; } .parking-detail-modal .modal-dialog .modal-content { height: 100%; } .parking-detail-modal .modal-header .section-title .section-title-parking-event-name { display: flex; align-items: center; justify-content: space-between; width: 100%; } .parking-detail-modal .modal-header .section-title .section-title-parking-event-name h2 { font-size: 24px; font-weight: 600; opacity: 100%; color: #1a1a1a; } .parking-detail-modal .modal-header .section-title .section-title-parking-event-name h3 { margin-bottom: 0; margin-top: 0; color: #db0812; font-weight: 600; } .parking-detail-modal .modal-header .section-title .parking-address { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 0; margin-bottom: 2px; width: 600px; } @media (max-width: 991px) { .parking-detail-modal .modal-header .section-title .parking-address { width: 100%; } } .parking-detail-modal .modal-header .section-title .sidebar-detail-rating { margin-bottom: 2px; } .parking-detail-modal .modal-header .section-title .nearest-event { width: 100%; font-size: 14px; margin-bottom: 4px; } .parking-detail-modal .modal-body .parking-detail__tabs { position: absolute; left: -30px; right: -30px; } .parking-detail-modal .modal-body .parking-detail__tabs ul { border-bottom: 1px solid #dddddd !important; padding: 0 15px; } .parking-detail-modal .modal-body .parking-detail__tabs ul > li.active > a { font-weight: 600; transition: all 250ms ease-in-out; } .parking-detail-modal .modal-body .parking-detail__tabs ul > li { margin-bottom: 0; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content { padding: 0 15px; max-height: 335px; overflow-y: auto; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content.height-without-event-data { max-height: 360px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content.more-height { max-height: 460px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content.less-height { max-height: 265px; } .parking-general-details .parking-contacts address i { margin-left: 0; } .parking-general-details .parking-contacts address figure a { font-size: 14px; } .openingHoursSection { padding: 15px; height: 360px; overflow-y: auto; } @media (max-width: 991px) { .parking-detail-modal .modal-header .section-title .parking-address { width: 100%; } .parking-detail-modal .modal-body .parking-detail__tabs { position: unset; } } @media (min-width: 992px) and (max-width: 1440px) { .parking-detail-modal .modal-dialog { width: 620px; height: 620px; max-height: 620px; padding: 20px; margin: 0; } .parking-detail-modal .modal-dialog .modal-content { padding: 20px; } .parking-detail-modal .modal-header .section-title .parking-address { width: 500px; } .parking-detail-modal .modal-body .parking-detail__tabs { left: -20px; right: -20px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content { max-height: 243px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content.height-without-event-data { max-height: 268px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content.more-height { max-height: 335px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content.less-height { max-height: 130px; } .parking-detail-modal .modal-body .parking-detail__tabs .tab-content .gallery .image { width: 200px; } } @media (min-width: 1441px) and (max-width: 1599px) { .parking-detail-modal .modal-dialog { padding: 20px; margin: 0; } } @media (min-width: 992px) and (max-width: 1024px) { .parking-detail-modal { top: auto; left: 0; text-align: left; } .parking-detail-modal .modal-dialog.modal-lg { padding: 20px 25px 20px 2px; } } @media (min-width: 1025px) and (max-width: 1280px) { .parking-detail-modal .modal-dialog.modal-lg { width: 630px; padding: 20px 25px 20px 2px; margin: 0; } .parking-detail-modal .modal-dialog.modal-lg .modal-content { padding: 20px; } } /* Media Queries -------------------------------------------------------------------*/ @media all and (max-width: 320px) { .modal-content .modal-body .ui-select-bootstrap .ui-select-match { max-width: 200px; } .passes-top > .passes-status > span { font-size: 14px; } .passes-message .pass-item-message { width: 65%; } .passes-message .pass-item-message > div { font-size: 13px; } .passes-message .pass-item-message .pass-item-message-title { margin-bottom: 6px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 375px) { img.passes-qr-code { height: 60px; width: 60px; } .qr-code-divider { margin-top: 30px; height: 50px; } .passes-countdown-cost { font-size: 2.2em; } a > .passes-top > h6 { font-size: 16px; } .item.item-passes-row > a { height: auto; } .qr-xs { margin: 10px auto; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); float: none !important; } .qr-caption { white-space: normal; text-overflow: inherit; overflow: auto; text-align: center; max-width: none !important; right: 0 !important; } img.passes-qr-code.qr-code-row { height: 90px; width: 90px; } .passes-countdown-cost > .passes-countdown { padding-bottom: 15px; } .passes-countdown-cost.countdown-row { width: 100% !important; margin-top: 160px; height: auto; } .passes-message .pass-item-message { width: 70%; } .passes-message .pass-item-message > div { font-size: 13px; } .passes-message .pass-item-message .pass-item-message-title { margin-bottom: 6px; } .modal-content .modal-body .ui-select-bootstrap .ui-select-match { max-width: 258px; } } @media all and (min-width: 376px) and (max-width: 425px) { .modal-content .modal-body .ui-select-bootstrap .ui-select-match { max-width: 308px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { img.passes-qr-code { height: 80px; width: 80px; } .item.item-passes-row > a { height: auto; } .qr-xs { margin: 10px auto; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); float: none !important; } .qr-caption { white-space: normal; text-overflow: inherit; overflow: auto; text-align: center; max-width: none !important; right: 0 !important; } img.passes-qr-code.qr-code-row { height: 90px; width: 90px; } .passes-countdown-cost > .passes-countdown { padding-bottom: 15px; } .passes-countdown-cost.countdown-row { width: 100% !important; margin-top: 150px; height: auto; } } @media only screen and (min-device-width: 426px) and (max-device-width: 768px) { .parking-filters.subscription-parking-multisite .item.parking-filters__item label img { height: 70px; } } @media only screen and (max-width: 425px) and (min-width: 320px) { .parking-filters.subscription-parking-multisite .item.parking-filters__item { height: 100%; } .parking-filters.subscription-parking-multisite .item.parking-filters__item label img { width: 100%; } .parking-filters.subscription-parking-multisite .item.parking-filters__item label .parking-filters__text { max-width: none; position: relative; top: 0; transform: none; } } @media (max-width: 430px) { .pull-right.pull-right-seasonals { position: relative; top: 15px; right: 0; } } @media (min-width: 768px) { .expired.splash .splash-content { width: 50%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .item.item-passes-row > a { height: 162px; } .passes-message .pass-item-message { width: 85%; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .passes-item { width: 100%; } } @media only screen and (max-width: 1439px) and (min-width: 992px) { .subscription-type-body .subscription-type-cost { font-size: 24px; padding-right: 10px; } .subscription-type-body .subscription-type-button { padding-left: 0; padding-right: 0; } .subscription-type-body .subscription-type-alert-bg p { margin-top: 0; font-size: 13px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { a > .passes-top > h6 { font-size: 16px; } img.passes-qr-code { height: 80px; width: 80px; } .parking-address h5 { font-size: 20px; } .parking-address p { font-size: 15px; } .passes-countdown-cost { font-size: 2.2em; } .item.item-passes-row > a { height: 180px; } .passes-message .pass-item-message { width: 70%; } .passes-message .pass-item-message .pass-item-message-title { margin-bottom: 6px; } .subscription-type-item .passes-top .passes-header .subscription-type-name { font-size: 21px; max-width: 130px; } .subscription-type-item .passes-top > .passes-header > .passes-header-icon { height: 34px; width: 45px; } .subscription-type-item .passes-top > .passes-header > .passes-header-icon.st-seasonal { background-size: 45px 34px; } } @media only screen and (min-device-width: 1025px) and (max-device-width: 1440px) { .passes-message .pass-item-message { width: 75%; } } @media (max-width: 425px) { .btn-import-subscription { margin-bottom: 5px !important; } } @media (max-width: 991px) { .loginModalWindow .modal-dialog, .registerModalWindow .modal-dialog, .modalBooking .modal-dialog, .modalImportSeasonal .modal-dialog { width: auto; margin-top: 40px; } .page-title { padding-left: 0; padding-right: 0; } .page-title div.pull-left { margin-bottom: 15px; } .map-loader-container { width: 100% !important; } .map-simple { height: 250px; } } @media (max-width: 1199px) and (min-width: 992px) { .map-loader-container { width: 65% !important; } } @media (min-width: 430px) and (max-width: 991px) { .pull-right.pull-right-seasonals { position: relative; top: -15px; right: 20px; } } @media all and (max-width: 1224px) { .download-badges { position: relative; } .parking-filters { height: 100%; max-height: none; } } @media all and (min-width: 425px) and (max-width: 768px) { .download-block { min-height: 360px; } } @media all and (min-width: 426px) and (max-width: 768px) { .download-badges { top: 15px; } } /* Fix Search Form */ /*@media all and (min-width: 1025px) and (max-width: 2000px) { .hero-section.has-map .search-form { width: 75%; } }*/ /* Ui-select multiple fix*/ .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { font-size: 1.3em; line-height: 1.3; padding-right: 3px; right: -6px; top: -12px; } .ui-select-match-close { width: 15px !important; height: 15px !important; } /** map-pin fix */ @media all and (max-width: 769px) { .map-pin-top { top: -5px; } } @media all and (min-width: 768px) and (max-width: 1023px) { .contract-card-template .clearfix { clear: none; display: none; } } @media all and (min-width: 1024px) { .contract-card-template .clearfix-responsive { clear: none; display: none; } } @media all and (max-width: 767px) { .contract-card-template .clearfix, .contract-card-template .clearfix-responsive { clear: none; display: none; } } .btn-blue-badge { background-color: #0A4A80 !important; border-color: #0A4A80 !important; } .btn-blue-badge:hover { background-color: #1073c7 !important; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn-blue-badge:active { background-color: #042139 !important; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn-blue-badge:active:hover { background-color: #1073c7 !important; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn-blue-badge:focus { background-color: #042139 !important; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .btn-blue-badge:focus:active:focus { background-color: #042139 !important; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .blue-badge-request-status { border-radius: 20px; color: #FFF; padding: 2px 7px; text-align: center; font-weight: 500; letter-spacing: 0.25pt; } .blue-badge-request-container { padding: 25px 15px; display: inline-flex; width: 100%; } .blue-badge-request-container.blue-badge-request-container-pending { background: rgba(255, 198, 43, 0.3) !important; } .blue-badge-request-container.blue-badge-request-container-accepted { background: rgba(157, 211, 89, 0.4) !important; } .blue-badge-request-container.blue-badge-request-container-declined { background: rgba(239, 74, 41, 0.3) !important; } .blue-badge-request-status-general { font-weight: bold; } .blue-badge-request-status-general.blue-badge-request-status__declined { color: #961f07 !important; } .blue-badge-request-status-general.blue-badge-request-status__accepted { color: #55842d !important; } .blue-badge-request-status-general.blue-badge-request-status__pending { color: #896108 !important; } .blue-badge-form .file-upload.file-upload-blue-badge, .blue-badge-form .file-upload-input, .blue-badge-form .blue-badge-picture-preview { height: 250px !important; max-height: 250px !important; } .blue-badge-form .file-upload-input { padding: 0; overflow: initial; z-index: 0; } .blue-badge-form .hidden-file-input { opacity: 0; position: relative; top: -250px; height: 250px; width: 100%; cursor: pointer; } .blue-badge-form .blue-badge-picture-preview { margin: 0; width: 250px !important; background-size: contain; } .blue-badge-form .file-upload-previews span.MultiFile-label { margin: 10px 0; } .blue-badge-form .file-upload-blue-badge span { color: #1a1a1a; line-height: 250px; } .blue-badge-form .file-upload-previews .MultiFile-remove:after { left: -4px; } .blue-badge-form .switch-container input[type=checkbox], .blue-badge-form input[type=radio] { margin-top: 14px !important; } .my-blue-badge-request-items table { border-spacing: 0px 10px; table-layout: fixed; } .my-blue-badge-request-items .my-item { background: transparent; margin-bottom: 10px; } .my-blue-badge-request-items .all-histories { background: #f0f0f0; margin-bottom: 10px; } .my-blue-badge-request-items table tbody tr td { background: #FFF !important; padding: 15px; width: auto !important; font-size: 14px; white-space: normal; } .my-blue-badge-request-items table thead tr th { opacity: 0.75; font-size: 13px !important; padding: 0; } .my-blue-badge-request-items table thead tr th:nth-child(1) { width: 35%; padding: 0; } .my-blue-badge-request-items table thead tr th:nth-child(2) { width: 20%; text-align: left; padding-left: 10px; } .my-blue-badge-request-items table thead tr th:nth-child(3) { width: 15%; text-align: center; } .my-blue-badge-request-items table thead tr th:nth-child(4) { width: 15%; text-align: center; } .my-blue-badge-request-items table thead tr th:nth-child(5) { width: 15%; text-align: center; } .my-blue-badge-request-items table tbody tr td:last-child { padding-right: 15px; } @media (max-width: 991px) { .btn-blue-badge { margin-top: 20px !important; } } .form-license-plate-management { display: flex; flex-direction: column; } .form-license-plate-management div.add-license-plate { display: flex; justify-content: space-around; } .form-license-plate-management div.add-license-plate input { padding: 0; } .form-license-plate-management div.add-license-plate .btn-add-license-plate { height: 25px; width: 45px; padding: 3px 15px; align-self: center; } .form-license-plate-management .license-plate-filters .parking-filters__text { padding: 18px; } .form-license-plate-management .license-plate-filters .item.parking-filters__item label { margin-bottom: 0px; } .form-license-plate-management .license-plate-filters .item.parking-filters__item label span { margin-right: 10px; } .form-license-plate-management .alert { margin-top: 10px; } /** START SECTION PUBLIC LOGIN **/ .base-icon-styles, .ic-attended, .ic-car-wash, .ic-covered, .ic-max-height, .ic-default-max-height, .ic-motorbike, .ic-security-cam, .ic-vallet, .ic-vehicle-recharge, .ic-wc, .ic-wifi, .ic-disable-access, .ic-em-24hours, .ic-shopping-center, .ic-camper, .ic-filter-icon-selected, .ic-filter-icon, .ic-walking, .ic-datetimepicker, .ic-datetimepicker-reverse, .ic-search, .ic-support-and-feedback { background-size: contain; display: inline-block; background-repeat: no-repeat; width: 23px; height: 21px; } .ic-attended { background-image: url("/img/jpassImages/parkings/icons/ic_am_attended.41930edc.svg"); } .ic-car-wash { background-image: url("/img/jpassImages/parkings/icons/ic_am_car_wash.bcbe711f.svg"); } .ic-covered { background-image: url("/img/jpassImages/parkings/icons/ic_am_covered.61595878.svg"); } .ic-max-height { background-image: url("/img/jpassImages/parkings/icons/ic_am_minivan.560ff56a.svg"); } .ic-default-max-height { background-image: url("/img/jpassImages/parkings/icons/ic_am_default_minivan.cc540f24.svg"); } .ic-motorbike { background-image: url("/img/jpassImages/parkings/icons/ic_am_motorbike.c1f7c2ec.svg"); } .ic-security-cam { background-image: url("/img/jpassImages/parkings/icons/ic_am_security_cam.8bab788f.svg"); } .ic-vallet { background-image: url("/img/jpassImages/parkings/icons/ic_am_vallet.8b3f27de.svg"); } .ic-vehicle-recharge { background-image: url("/img/jpassImages/parkings/icons/ic_am_vehicle_recharge.2986e7f5.svg"); } .ic-car-wash { background-image: url("/img/jpassImages/parkings/icons/ic_am_car_wash.bcbe711f.svg"); } .ic-wc { background-image: url("/img/jpassImages/parkings/icons/ic_am_wc.7f8d1ccd.svg"); } .ic-wifi { background-image: url("/img/jpassImages/parkings/icons/ic_am_wifi.a1b71ca3.svg"); } .ic-disable-access { background-image: url("/img/jpassImages/parkings/icons/ic_am_disable_access.521eef25.svg"); } .ic-em-24hours { background-image: url("/img/jpassImages/parkings/icons/ic_em_24hours.f81881b2.svg"); } .ic-shopping-center { background-image: url("/img/jpassImages/parkings/icons/ic_shopping_center.fd048c65.svg"); } .ic-camper { background-image: url("/img/jpassImages/parkings/icons/ic_am_camper.e8e92571.svg"); } .ic-filter-icon-selected { background-image: url("/img/btn-filter-pressed.52055c72.svg"); } .ic-filter-icon { background-image: url("/img/btn-filter.9a9e77de.svg"); } .ic-walking { background-image: url("/img/jpassImages/parkings/icons/ic_walking.571b3dd2.svg"); } /** END SECTION PUBLIC LOGIN **/ .ic-datetimepicker { background-image: url("/img/ic_datetimepicker.fe1f0656.svg"); } .ic-datetimepicker-reverse { background-image: url("/img/ic_datetimepicker_reverse.d35b4abf.svg"); height: 30px; width: 30px; } .ic-search { background-image: url("/img/ic_ac_search.64819602.svg"); } .ic-support-and-feedback { -webkit-mask-image: url("/img/jpassImages/ic_support_and_feedback.6d967aaa.svg"); -webkit-mask: url("/img/jpassImages/ic_support_and_feedback.6d967aaa.svg") no-repeat 100% 100%; mask: url("/img/jpassImages/ic_support_and_feedback.6d967aaa.svg") no-repeat 100% 100%; -webkit-mask-size: cover; mask-size: cover; background-color: #db0812; height: 24px; width: 24px; } .entry-exit-date-time-picker { margin-top: 0 !important; margin-bottom: 5px !important; display: contents; } .date-field { align-items: center; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(229, 229, 229, 0.6) !important; padding: 0 0 5px 0; } .date-field .date-field-text { color: #FFF; height: 100%; position: relative; font-weight: bold; } .date-field .glyphicon.ic-datetimepicker { cursor: pointer; } .date-field .date-field-arrow { height: 1em; width: 1em; } .date-field .date-field-arrow.date-field-arrow-up { background: url("/img/portlet-expand-icon-white.979e05ef.png") no-repeat; } .date-field .date-field-arrow.date-field-arrow-down { background: url("/img/portlet-collapse-icon-white.215fff02.png") no-repeat; } .date-field-wrapper-arrow { border-color: #ffffff transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; display: block; height: 0; left: 50%; position: relative; top: 23px; transform: translateX(-50%); width: 0; } .date-time-outer-wrapper { width: auto; height: 360px; position: absolute; margin-top: 10px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 5px; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; display: inline-flex; justify-content: space-evenly; z-index: 1000000; } .date-time-outer-wrapper h3 { font-size: 22px; margin-bottom: 20px; white-space: nowrap; } .date-time-outer-wrapper .date-wrapper { text-align: center; border-right: 1px solid #FFF; padding: 20px 30px 20px 50px; } .date-time-outer-wrapper .date-wrapper .uib-datepicker .btn { font-size: 14px; } .date-time-outer-wrapper .date-wrapper .uib-datepicker .btn-info.active { background-color: #db0812; color: #FFF; } .date-time-outer-wrapper .date-wrapper .uib-datepicker .btn-info.active:hover { background-color: #db0812; } .date-time-outer-wrapper .time-wrapper { text-align: center; padding: 20px 50px 20px 30px; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 265px; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list { height: 100%; width: 190px; overflow-y: auto; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list .time-picker-option { padding: 5px 10px; background-color: #FFF; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list .time-picker-option.time-picker-option-active { background-color: #db0812; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list .time-picker-option.time-picker-option-active label { color: #FFF; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list .time-picker-option [type="radio"]:checked + label:before, .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list .time-picker-option [type="radio"]:not(:checked) + label:before { content: ''; width: 0; height: 0; border: none; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container .time-picker-list .time-picker-option label { padding-left: 0; color: #1a1a1a; opacity: 1; font-weight: 600; font-size: 14px; position: relative; top: 0; } .date-time-outer-wrapper .date-wrapper, .date-time-outer-wrapper .time-wrapper { display: flex; flex-direction: column; align-items: center; } @media (max-width: 320px) { .date-time-outer-wrapper { left: -15px; } } @media (max-width: 609px) { .date-time-outer-wrapper { height: 615px; min-width: 300px; width: 100%; flex-direction: column; align-items: center; justify-content: normal; } .date-time-outer-wrapper .date-wrapper { padding: 0 5px; border-right: none; } .date-time-outer-wrapper .time-wrapper { padding: 0 5px; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 200px; } } @media (max-width: 992px) { .date-field-wrapper-arrow { border-color: #FFF transparent transparent transparent; top: 0; } .date-time-outer-wrapper { width: 100%; margin-top: 6px; } .date-time-outer-wrapper .date-wrapper { padding: 10px 20px; } .date-time-outer-wrapper .time-wrapper { padding: 10px 20px; } } @media (min-width: 992px) and (max-width: 1280px) { .date-field-wrapper-arrow { top: 18px; } .date-time-outer-wrapper { height: 620px; min-width: 300px; width: 100%; flex-direction: column; align-items: center; justify-content: normal; } .date-time-outer-wrapper .date-wrapper { padding: 15px 5px 0 5px; border-right: none; } .date-time-outer-wrapper .time-wrapper { padding: 15px 5px 0 5px; } .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 200px; } .parking-detail .date-time-outer-wrapper { height: 555px; } .parking-detail .date-time-outer-wrapper .date-wrapper { padding: 10px 5px 0 5px; } .parking-detail .date-time-outer-wrapper .time-wrapper { padding: 10px 5px 0 5px; } .parking-detail .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 155px; } } @media (min-width: 1281px) and (max-width: 1440px) { .date-time-outer-wrapper .date-wrapper { padding: 15px 20px; } .date-time-outer-wrapper .time-wrapper { padding: 15px 20px; } } .booking-recap { margin: 0 0 10px; } .booking-recap .booking-recap-box { background: #f2f2f2; padding: 10px 20px; display: inline-grid; z-index: 9999; } .booking-recap .booking-recap-box.booking-recap-section-with-button { grid-template-columns: 65% 35%; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper { margin-bottom: 0; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-field { color: #1a1a1a; border-bottom: 2px solid #e5e5e5 !important; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-field-wrapper-arrow { top: 0; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper { margin-top: 8px; left: auto; width: auto; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper.show-time-picker { left: 0; } .booking-recap .booking-recap-box .booking-recap-details { display: grid; align-self: start; padding: 0 15px 0 0; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail { display: inline-grid; grid-template-columns: 35% 65%; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail.booking-recap-detail-time { padding-top: 8px; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail.booking-recap-detail-time span { align-self: center; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail.booking-recap-detail-time.booking-recap-not-editable-time { padding-top: 2px; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail .booking-recap-select-area { color: #1a1a1a; background-color: transparent; border-radius: 5px; padding: 6px 6px 6px 0; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.08); font-size: 14px; font-weight: 600; box-shadow: none; width: 100%; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail label, .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail span { font-size: 14px; letter-spacing: 0; color: #1a1a1a; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail label { font-weight: 600; align-self: center; padding: 0; margin-bottom: 0; opacity: 1; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail span { font-weight: bold; padding: 0; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail span small.timeLabel { margin-left: 4px; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.date-time-picker-not-editable-text { font-weight: bold; display: inline-grid; padding: 2px 0; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.date-time-picker-not-editable-text span.glyphicon { line-height: 20px; top: 0; left: 5px; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.date-time-picker-not-editable-text .no-selected-date { color: #666; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.input-group.date { margin-bottom: 0; border-bottom: 1px solid #f5f5f5; } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.input-group.date .bookingDate { padding: 0; width: auto; color: #1a1a1a !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; } @media (max-width: 991px) { .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.input-group.date .bookingDate { width: 90%; } } .booking-recap .booking-recap-box .booking-recap-details .booking-recap-detail div.input-group.date .input-group-addon { float: left; border: none; padding: 4px; } .booking-recap .booking-recap-box .booking-recap-detail-occupancy { height: 34px; padding: 6px; margin-top: 5px; align-self: center; } @media (max-width: 991px) { .booking-recap .booking-recap-box .booking-recap-detail-occupancy { padding-left: 0; } } @media (min-width: 769px) { .booking-recap .booking-recap-box .booking-recap-detail-occupancy { padding-left: 0; } } .booking-recap .booking-recap-box .btn-book { -webkit-box-shadow: 0px 5px 10px #00000029; box-shadow: 0px 5px 10px #00000029; margin-top: 15px; text-transform: uppercase; outline: none !important; font-size: 14px; padding: 12px 30px; position: relative; border-radius: 30px; -webkit-border-radius: 30px; border: 2px solid rgba(230, 74, 79, 0.505); } .booking-recap .booking-recap-box .btn-book span { font-weight: 800; } @media (max-width: 991px) { .booking-recap .booking-recap-box .btn-book { margin-bottom: 15px; } } @media (min-width: 992px) and (max-width: 1440px) { .booking-recap .booking-recap-box .btn-book { width: 90% !important; } } .booking-recap .booking-recap-box #booking_recap_message_id { grid-column: 1 / 3; } .booking-recap-total-price-label, .booking-recap-total-price-value { color: #db0812; font-size: 24px; } .booking-recap-price-label, .booking-recap-price-value { color: #1a1a1a; font-size: 20px; font-weight: 200; opacity: 1; } .booking-recap-total-price-label { font-weight: 400; opacity: 100%; } .booking-recap-total-price-value { font-weight: 700; opacity: 100%; } .booking-recap-occupancy { font-size: 12px; font-weight: 600; } .booking-recap-occupancy div { display: flex; } .bookingForm .booking-form-date-time-wrapper .date-field .date-field-text { color: #1a1a1a; } .booking-recap-form .booking-recap-form-date-time-wrapper .date-field .date-field-text { color: #1a1a1a; } .external-order-item:first-child { margin-top: 20px; } @media (max-width: 320px) { .booking-recap-detail { width: 260px; } .booking-recap-detail section { width: 260px; } .booking-recap-date-time-wrapper .date-time-outer-wrapper, .booking-recap-form-date-time-wrapper .date-time-outer-wrapper { left: -20px !important; width: 300px !important; } } @media (max-width: 609px) { .booking-recap-form .booking-recap-form-date-time-wrapper .date-time-outer-wrapper { left: 0; position: relative; } } @media (max-width: 768px) { .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper { position: relative; width: 100%; } .booking-recap-details .booking-recap-detail { grid-template-columns: none !important; width: 100%; margin-bottom: 5px; } } @media (min-width: 769px) and (max-width: 992px) { .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper.show-time-picker { left: auto; right: 30px; } .booking-recap .booking-recap-detail-occupancy .parking-occupancy-inline { display: grid; grid-template-columns: 35% 65%; } .booking-recap .booking-recap-detail-occupancy .parking-occupancy-inline .parking-occupancy-value { margin-left: 2px !important; } } @media (max-width: 991px) { .booking-recap .booking-recap-box { display: block; } .booking-recap .booking-recap-box.booking-recap-section-with-button { grid-template-columns: none; width: 100%; } .booking-recap .booking-recap-detail-occupancy { padding-left: 0; } .booking-recap-form .booking-recap-form-date-time-wrapper .date-time-outer-wrapper { left: 0; width: 100%; } .booking-loading-container { position: relative; top: unset; right: unset; text-align: center; } } @media (min-width: 992px) and (max-width: 1440px) { .booking-recap .booking-recap-box { padding: 10px 15px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper { width: auto; height: 360px; justify-content: space-evenly; flex-direction: row; z-index: 1000000; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .date-wrapper { padding: 20px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .time-wrapper { padding: 20px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 265px; } .booking-recap .booking-recap-box .btn.btn-primary { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1280px) { .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper { width: auto; height: 360px; justify-content: space-evenly; flex-direction: row; z-index: 1000000; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .date-wrapper { padding: 20px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .time-wrapper { padding: 20px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 265px; } .booking-recap .booking-recap-box .btn.btn-primary { padding: 12px 8px; } } @media (min-width: 1281px) and (max-width: 1440px) { .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper { width: auto; height: 360px; justify-content: space-evenly; flex-direction: row; z-index: 1000000; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .date-wrapper { padding: 20px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .time-wrapper { padding: 20px; } .booking-recap .booking-recap-box .booking-recap-date-time-wrapper .date-time-outer-wrapper .time-wrapper .time-picker-list-container { height: 265px; } .booking-recap .booking-recap-box .btn.btn-primary { padding: 12px 5px; } } .special-groups { -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); position: relative; margin-bottom: 30px; color: #FFF; } .special-groups .default-color { color: #003050 !important; } .special-groups .special-group-top { display: block; width: 100%; height: auto; min-height: 90px; padding: 0; } .special-groups .special-group-top .special-group-header { min-height: 90px; height: 100px; padding: 15px 15px; background-color: #DCB54E; } .special-groups .special-group-top .special-group-header .special-group-title-symbol { width: 40px; position: relative; top: 5px; border-top: 7px solid #FFF; background-color: #DCB54E; opacity: 0.2; } .special-groups .special-group-top .special-group-header .special-group-name-icon { width: 100%; height: 100%; display: inline-flex; justify-content: space-between; } .special-groups .special-group-top .special-group-header .special-group-name { height: 100%; margin-bottom: 0; padding: 10px 0; font-weight: 600; max-width: 180px; font-size: 22px; align-self: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .special-groups .special-group-top .special-group-header .special-group-icon { font-size: 36px; align-self: center; } .special-groups .special-group-info { padding: 20px 20px 10px; height: 100px; } .special-groups .special-group-info p { margin: 5px auto; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-inline-box; color: #1a1a1a; width: 100%; } .special-groups .special-group-action-section { padding: 15px 20px; background: rgba(250, 250, 250, 0.6); border-top: 1px #fafafa solid; text-align: right; height: 80px; } .special-groups .special-group-action-section .btn-special-groups { background: #DCB54E !important; border-color: #DCB54E; color: #FFF; height: 40px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); white-space: normal; line-height: 1.3; padding: 3px 12px !important; margin-top: 0 !important; border-radius: 30px !important; } .special-groups .special-group-action-section .btn-special-groups:hover { border-color: #DCB54E; } .special-groups .special-group-action-section .disabled-special-groups-button { color: #666; background-color: #ccc !important; border-width: 1px; border-color: #666; cursor: not-allowed; } .special-groups .special-group-action-section .disabled-special-groups-button:hover { border-color: #ccc !important; } .special-groups .special-group-request-status { height: 80px; padding: 0px 20px; position: relative; } .special-groups .special-group-request-status.warning { background: #FDF9DF !important; color: #EB9B0A !important; } .special-groups .special-group-request-status.success { background: #E0F2D9 !important; color: #3c763d !important; } .special-groups .special-group-request-status.declined { background: rgba(239, 74, 41, 0.3) !important; color: #961f07 !important; } .special-groups .special-group-request-status strong { position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; } .special-groups .special-group-request-status strong i { align-self: center; margin-right: 10px; font-size: 20px; } .payment-options { display: block; width: 100%; height: 100%; max-height: 420px; overflow-y: auto; background: #f5f5f5; padding: 5px 15px; position: relative; } .payment-options .item.payment-options__item { margin: 7px 0; padding: 0; display: block; background: #FFF; cursor: pointer; -o-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); position: relative; } .payment-options .item.payment-options__item:hover { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .payment-options .item.payment-options__item label { bottom: 0; cursor: pointer; color: #6ba539; opacity: 1; position: relative; width: 100%; height: 100%; text-transform: none; } .payment-options .item.payment-options__item label.renewal-label { cursor: default; margin-bottom: 0px; } .payment-options .item.payment-options__item label .payment-options__text { display: flex; align-items: center; margin-left: 10px; overflow: hidden; justify-content: space-around; } .payment-options .item.payment-options__item label .payment-options__text.renewal-filters.renewal-cost-units { background-color: #f5f5f5; height: 100%; min-height: 80px; width: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 15px; text-align: center; } .payment-options .item.payment-options__item label .payment-options__text.renewal-filters.payment-option-name { width: 45%; } .payment-options .item.payment-options__item label .payment-options__text h3 { font-size: 18px; display: list-item; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin: 2px 0; color: #003050; font-weight: 600; } .payment-options .item.payment-options__item label .payment-options__text p { color: #003050; font-size: 13px; font-weight: 400; margin: 0; padding-right: 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-height: 36px; display: -webkit-inline-box; } .payment-options .item.payment-options__item label .payment-options__text.renewal-cost-container { margin-left: 0px; height: 100%; width: 25%; background-color: #f5f5f5; } .payment-options .item.payment-options__item label .payment-options__text.renewal-cost-container h2 { color: #003050; line-height: 70px; text-align: center; font-size: 26px; font-weight: lighter; margin: 5px 0; } .payment-options .item.payment-options__item label .payment-options__text.renewal-cost-container h2 small strong { font-weight: 400; line-height: 1; color: #777 !important; font-size: 65%; } .payment-options .item.payment-options__item label span { position: absolute; bottom: 10px; text-align: right; right: 10px; color: #001c2a; opacity: 0.65; } .payment-options .item.payment-options__item label span .show-more-renewal { cursor: pointer; } .payment-options .item.payment-options__item label img { height: 70px; width: 70px; -o-object-fit: cover; object-fit: cover; } .payment-options .item.payment-options__item input[type="checkbox"] { display: none; } .payment-options .item.payment-options__item input[type="checkbox"] + label:before { content: ""; height: 100%; width: 100%; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); border: 3px solid transparent; position: absolute; } .payment-options .item.payment-options__item input[type="checkbox"]:checked + label:before { content: ""; background: rgba(107, 165, 57, 0.1); border: 3px solid #6ba539; } .payment-options .item.payment-options__item input[type="checkbox"]:checked + label:after { content: ""; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 55px solid transparent; border-right: 55px solid #6BA539; position: absolute; right: 0; top: 0; -o-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation: check-mark 360ms forwards; animation: check-mark 360ms forwards; } .payment-options .item.payment-options__item input[type="checkbox"]:checked + label svg { display: block; } .payment-options-bottom { margin: 20px 0; } .external-user-personal-info { display: flex; align-items: center; } .external-user-personal-info .user-detail-field { display: inline-block; vertical-align: bottom; margin-right: 10px; } .external-user-personal-info .user-detail-value { display: inline-block; text-overflow: ellipsis; overflow: hidden; vertical-align: bottom; } @media (max-width: 991px) { .external-user-personal-info { flex-direction: column; align-items: start; } } .upload-files-form .alert-upload-files { padding: 3px 15px !important; margin-top: 10px; } .upload-files-form .alert-upload-files .upload-files-conditions { font-weight: 600 !important; font-size: 14px; } .upload-files-form label { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); font-weight: 100; font-size: 12px; color: #003050; opacity: 0.6; text-transform: none; margin-bottom: 8px; } .upload-files-form .file-upload { height: 50px !important; max-height: 50px !important; } .upload-files-form .file-upload .btn.file-upload-input { padding: 0; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.03); width: 100%; border: 2px dashed rgba(0, 0, 0, 0.1); height: 50px !important; max-height: 50px !important; text-align: center; cursor: pointer; position: relative; display: inline-block; overflow: hidden; z-index: 1; line-height: 1.44; } .upload-files-form .file-upload-previews > .MultiFile-label { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: space-between; position: relative; border: 2px; padding: 10px; width: 100%; -moz-box-shadow: 0 1px 2px; -webkit-box-shadow: 0 1px 2px; box-shadow: 0 1px 2px; margin: 15px 0 0 0; } .upload-files-form .file-upload-previews > .MultiFile-label .MultiFile-title { position: absolute; padding: 10px; bottom: 0; font-size: 12px; text-align: center; width: 100%; } .upload-files-form .file-upload-previews > .MultiFile-label .MultiFile-preview { max-width: 200px !important; max-height: 150px !important; } .upload-files-form .file-upload-previews > .MultiFile-label .circle-icon-bordered { width: 16px; height: 16px; border: 2px solid #CCCCCC; border-radius: 25px; opacity: 1; text-align: center; } .upload-files-form .file-upload-previews > .MultiFile-label .circle-icon-bordered .fa-minus { font-size: 11px; transform: translateY(-100%); } .upload-files-form .hidden-file-input { opacity: 0; position: relative; top: -50px; height: 50px; width: 100%; cursor: pointer; z-index: 10; } .support-and-feedback-link { width: 100%; display: flex; align-items: center; cursor: pointer; } .support-and-feedback-link .support-and-feedback-link-text { margin-left: 8px; } .support-and-feedback-modal .modal-dialog { width: 520px; } .support-and-feedback-form .bootstrap-datetimepicker-widget.dropdown-menu { top: 48px !important; width: 100%; } .support-and-feedback-form .form-actions { text-align: right; margin-top: 20px; } .support-and-feedback-form .form-actions.support-and-feedback-page-form-actions { width: 200%; } .support-and-feedback-form .form-actions.support-and-feedback-page-form-actions .btn-send { float: right; padding: 12px 50px !important; width: auto !important; } .support-and-feedback-form .form-actions.support-and-feedback-page-form-actions .btn-send:active { background-color: #91050c !important; border-color: #91050c !important; color: #FFF !important; } .support-and-feedback-form .support-and-feedback-loader { position: relative; top: 5px; margin: 0 10px; } /* Passes -------------------------------------------------------------------*/ /*------------------------------------------------------------------ DEFAULT PASS STRUCTURE -------------------------------------------------------------------*/ .pass { width: 100%; height: auto; margin: 15px 0; background: #FFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); justify-self: center; } .pass-title { grid-area: title; min-height: 120px; color: #FFF; position: relative; } .pass-title h3 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF; font-size: 0.9em; font-weight: 400; margin: 0 20px; letter-spacing: -0.25pt; } .pass-title h2 { color: #FFF; font-size: 1.75em; font-weight: 600; position: absolute; top: 50%; transform: translateY(-50%); margin: 0 20px; letter-spacing: -0.25pt; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pass-title h2:before { height: 7px; width: 40px; content: ""; background: rgba(255, 255, 255, 0.2); top: -20px; left: 0; position: absolute; } .pass-title.subscription-title h2 { margin: 20px 20px 10px 20px !important; position: relative; top: 0; transform: none; } .pass-icon { grid-area: pass-icon; position: relative; } .pass-icon i { color: #FFF; text-align: center; position: absolute; font-size: 3.25em; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pass-status__icon { grid-area: st_icon; display: table; height: 45px; width: 100%; } .pass-status__icon i { color: #FFF; font-size: 1.5em; vertical-align: middle; display: table-cell; padding-left: 20px; } .pass-status__msg { grid-area: status; height: 45px; width: 100%; display: table; } .pass-status__msg p { text-align: right; font-style: italic; color: #FFF; vertical-align: middle; display: table-cell; padding-right: 20px; opacity: 1; font-size: 1em; } .pass-parking__info { grid-area: p_info; padding: 20px 20px 10px; height: 100px; } .pass-parking__info h2 { margin: 0; position: relative; color: #1a1a1a; font-size: 1.35em; font-weight: 600; margin-bottom: 10px !important; } .pass-parking__info h2:before { width: 7px; height: 30px; content: ""; display: block; position: absolute; left: -20px; top: -5px; } .pass-parking__info p { margin: 5px auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-inline-box; color: #1a1a1a; max-width: 100%; } .pass-parking__info .notes { font-style: italic; white-space: pre-wrap; margin: 5px auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-inline-box; color: #1a1a1a; } .pass-parking__info.notes { height: auto; } .pass-time { grid-area: time; padding: 15px 10px 15px 20px; background: rgba(250, 250, 250, 0.6); border-top: 1px #fafafa solid; height: 110px; align-self: center; } .pass-time .pass-item-timer-container { position: relative; top: 50%; transform: translateY(-50%); } .pass-time label { text-transform: uppercase; font-size: 13px; font-weight: 600; opacity: 1; } .pass-time h1 { margin: 0; font-size: 33px; font-weight: 700; color: #1a1a1a; opacity: 1; letter-spacing: -0.5pt; } .pass-time h1 small { font-weight: inherit; color: #1a1a1a; } .pass-cost { grid-area: cost; padding: 15px 5px; background: rgba(250, 250, 250, 0.6); border-top: 1px #fafafa solid; text-align: right; height: 100px; } .pass-cost label { text-transform: uppercase; font-size: 13px; font-weight: 600; opacity: 1; } .pass-cost h1 { margin: 0; font-size: 33px; font-weight: 700; opacity: 1; letter-spacing: -0.5pt; } .pass-cost h1 small { font-weight: inherit; } .pass-balance h1 { margin: 0; font-size: 40px; font-weight: 700; color: #1a1a1a; opacity: 1; letter-spacing: -0.5pt; } .pass-balance h1 small { font-weight: inherit; color: #1a1a1a; } .pass-action { grid-area: action; background: rgba(250, 250, 250, 0.6); border-top: 1px #fafafa solid; width: 100%; } .pass-action .btn { color: #FFF; width: 48px; height: 48px; line-height: 0; border-width: 0; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 0 auto; top: calc(50% - 24px); } .pass-action .btn.booking { background: #7785ac; } .pass-action .btn.booking:hover { background: rgba(119, 133, 172, 0.75); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); transform: rotate(-45deg); } .pass-action .btn.booking:active { transform: scale(0.9777) rotate(-45deg); } .pass-action .btn.transient { background: #91b761; } .pass-action .btn.transient:hover { background: rgba(145, 183, 97, 0.75); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); } .pass-hologram__strip { grid-area: hologram; -ms-flex-item-align: end; align-self: end; height: 30px; } /*------------------------------------------------------------------ ROW PASS STRUCTURE -------------------------------------------------------------------*/ .pass-row { width: 100%; min-height: 120px; margin: 15px 0 0; justify-self: center; } .row-pass-time { height: auto; } .pass-accordion { background: #FFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); } .pass-accordion .panel-group { margin: 0; } .pass-accordion .panel-heading:hover { background: #FFF; } .row-pass__alert { grid-area: alert; align-self: center; background: rgba(247, 214, 80, 0.33); padding: 10px; } .row-pass__alert i { font-size: 36px; color: #77511e; float: left; width: 16%; } .row-pass__alert .row-pass-alert__info { float: right; width: 84%; } .row-pass__alert .row-pass-alert__info h3 { color: #77511e; font-weight: 700; margin: 0; } .row-pass__alert .row-pass-alert__info p { color: #77511e; margin-top: 2%; } .row-pass__update { grid-area: update; align-self: center; background: rgba(247, 214, 80, 0.33); padding: 10px; } .row-pass__update .row-update-info { float: left; width: 80%; } .row-pass__update .row-update-info h3 { color: #77511e; font-weight: 700; margin: 0; } .row-pass__update .row-update-info p { color: #77511e; margin-top: 2%; } .row-pass__update a.row-update-btn { float: right; margin-top: 4px; align-self: center; justify-self: center; margin-top: 5px; height: 48px; width: 48px; background: #FCA405; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); border-radius: 50%; position: relative; cursor: pointer; transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .row-pass__update a.row-update-btn:hover { background: #EE7F01; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.16); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.16); } .row-pass__update a.row-update-btn i { color: #FFF; font-size: 1.35em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .panel-default .panel-body { padding: 25px 25px 50px; } .accordion-padding-left-5 .panel-group { margin-bottom: 0; } .accordion-padding-left-5 .panel-group .panel .panel-body { padding: 0 0 0 5px; } .wrapper-time { display: grid; grid-template-columns: 180px 70px; background-color: transparent; } .wrapper-time-inside { display: grid; grid-template-columns: 45px 200px; grid-template-rows: 20px; background-color: transparent; justify-items: start; } .pass-expanded { max-height: 500px; } .pass-expanded .map-block { padding: 20px; height: 250px; background: #f2f2f2; } .pass-expanded .rate-block { padding: 20px; background: #f2f2f2; height: 250px; overflow-y: scroll; } .pass-expanded .rate-block .rate-block__list { display: block; height: 26px; } .pass-expanded .rate-block .rate-block__list dt { float: left; } .pass-expanded .rate-block .rate-block__list dd { float: right; text-align: right; } .pass-expanded .history-block { padding: 20px; background: #f2f2f2; height: 250px; overflow-y: scroll; } .pass-expanded .history-block .history-block__list { margin-bottom: 10px; } .pass-expanded a.link { float: right; margin: 10px 15px 0; } /*------------------------------------------------------------------ TRANSIENT GRID -------------------------------------------------------------------*/ .transient { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" ". qrcode qrcode ." ". qrcode qrcode ." "time time time action" "hologram hologram hologram hologram"; } .transient .pass-title, .transient .pass-icon { background: #91b761; } .transient .pass-status__icon, .transient .pass-status__msg { background: rgba(145, 183, 97, 0.75); } .transient .pass-parking__info h2:before { background: #91b761; } .transient .pass-qrcode { grid-area: qrcode; justify-self: center; -ms-flex-item-align: center; align-self: center; max-height: 150px; } .transient .pass-qrcode canvas { padding: 20px; width: 110px; height: auto; } .transient .pass-hologram__strip { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMzIgMzE1MCA2MyAxOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgZm9udC1mYW1pbHk6IE9wZW5TYW5zLUV4dHJhYm9sZEl0YWxpYywgT3BlbiBTYW5zOwogICAgICAgIGZvbnQtd2VpZ2h0OiA4MDA7CiAgICAgICAgZm9udC1zdHlsZTogaXRhbGljOwogICAgICAgIGxldHRlci1zcGFjaW5nOiAtMC4wMmVtOwogICAgICAgIG9wYWNpdHk6IDAuMjM3OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8dGV4dCBpZD0iVHJhbnNpZW50IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzIgMzE2NSkiPjx0c3BhbiB4PSIwIiB5PSIwIj5UcmFuc2llbnQ8L3RzcGFuPjwvdGV4dD4KPC9zdmc+Cg==") #91b761; background-size: auto 65.5%; background-repeat: repeat-x; background-position: left center; } .transient .pass-action { padding-right: 20px; } .transient .pass-action button { border-radius: 30px; padding: 15px 24px; font-size: 0.95em; text-transform: uppercase; width: 100%; height: 55px; border: 0; background: #91b761; outline: none; cursor: pointer; position: relative; top: 50%; transform: translateY(-50%); } .transient .pass-action button label { font-size: 14px; opacity: 1; font-weight: bold; color: #fff; margin-bottom: 15px; } .transient.t-alert { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" ". qrcode qrcode ." ". qrcode qrcode ." "alert alert alert alert" "hologram hologram hologram hologram"; } .transient.t-alert .pass-alert { grid-area: alert; height: 100px; background: rgba(250, 250, 250, 0.6); border-top: 1px #fafafa solid; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-gap: 0; } .transient.t-alert .pass-alert i { grid-column: 1 / 2; -ms-flex-item-align: center; align-self: center; justify-self: center; font-size: 3.5em; color: #91b761; } .transient.t-alert .pass-alert .pass-alert__info { grid-column: 2 / 5; padding: 0; -ms-flex-item-align: center; align-self: center; padding-right: 20px; } .transient.t-alert .pass-alert .pass-alert__info h3 { padding: 0; margin: 0; font-size: 1.28em; font-weight: 600; color: #1a1a1a; } .transient.t-alert .pass-alert .pass-alert__info p { padding: 0; margin: 5px 0 0; } .transient.has-update { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" ". qrcode qrcode ." ". qrcode qrcode ." "update update update update" "hologram hologram hologram hologram"; } .transient.has-update .pass-update { grid-area: update; height: 100px; background: #FCA405; border-top: 1px #fafafa solid; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto; grid-gap: 0; } .transient.has-update .pass-update .update-info { grid-column: 1 / 5; padding: 0 0 0 20px; -ms-flex-item-align: center; align-self: center; color: #FFF; } .transient.has-update .pass-update .update-info h3 { padding: 0; margin: 0; font-size: 1.28em; font-weight: 700; color: #FFF; } .transient.has-update .pass-update .update-info p { padding: 0; opacity: 1; margin: 7px 0 0; font-size: 1em; } .transient.has-update .pass-update .update-btn { -ms-flex-item-align: center; align-self: center; justify-self: center; height: 48px; width: 48px; background: #FFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; position: relative; cursor: pointer; -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .transient.has-update .pass-update .update-btn i { color: #FCA405; font-size: 1.35em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .transient.has-update .pass-update .update-btn:hover { background: #fafafa; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); } .transient.has-update .pass-update .update-btn:active { background: #f5f5f5; -webkit-transform: scale(0.98); transform: scale(0.98); } .transient.has-msg { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "transient_info transient_info transient_info transient_info" "time time time action" "hologram hologram hologram hologram"; } .transient.has-msg .pass-transient__info { grid-area: transient_info; margin: 0 20px 20px 20px; padding: 15px; font-size: 0.96em; background: #f5f5f5; height: 130px; position: relative; } .transient.has-msg .pass-transient__info .transient__source { background: #FFF; width: 195px; height: 100%; padding: 10px; border-radius: 5px; border: 1px dashed rgba(137, 137, 137, 0.5); position: relative; } .transient.has-msg .pass-transient__info .transient__source i { height: 44px; width: 44px; background: #1a1a1a; border-radius: 50%; text-align: center; display: block; font-size: 1.3em; line-height: 46px; color: #FFF; } .transient.has-msg .pass-transient__info .transient__source p { line-height: 16px; margin: 4px 0 0 0; } .transient.has-msg .pass-transient__info .transient__source .lpr { position: absolute; top: 10px; right: 10px; text-transform: uppercase; font-weight: 700; } .transient.has-msg .pass-transient__info .pass-qrcode { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .transient.has-msg .pass-transient__info .pass-qrcode img { width: 80px; } .transient.has-msg.t-alert { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "transient_info transient_info transient_info transient_info" "alert alert alert alert" "hologram hologram hologram hologram"; } .transient.has-msg.t-alert .pass-alert { grid-area: alert; } /*------------------------------------------------------------------ TRANSIENT ROW -------------------------------------------------------------------*/ .transient-row { display: grid; grid-template-columns: 2fr 1fr 2fr 170px 160px; grid-template-areas: "parkingInfo info license time action"; padding: 15px 20px 10px; } .transient-row p { opacity: 1; } .transient-row.alert { grid-template-columns: 2fr 1fr 2fr 2fr; grid-template-areas: "parkingInfo info license alert"; } .transient-row.update { grid-template-columns: 2fr 1fr 2fr 2fr; grid-template-areas: "parkingInfo info license update"; } .row-transient__info { grid-area: parkingInfo; align-self: center; padding-right: 10px; } .row-transient__info h3 { color: #1a1a1a; font-weight: 600; font-size: 20px; margin-bottom: 6px; } .row-transient__info .ictag { margin-top: 10px; } .row-transient__info .ictag i { font-size: 32px; margin-right: 5px; } .row-transient__info .ictag label { display: inline-block; font-weight: 600; background: #91b761; text-align: center; color: white; padding: 4px 30px; border-radius: 20px; position: relative; top: -8px; max-width: 160px; } .row-transient__status { grid-area: info; align-self: center; } .row-transient__status i { font-size: 36px; } .row-transient__status p { margin-top: 5px; } .row-transient__license { grid-area: license; align-self: center; } .row-transient__license .tn-ic-license { background: #1a1a1a; float: left; position: relative; height: 50px; width: 50px; border-radius: 50%; } .row-transient__license .tn-ic-license i { position: absolute; color: #FFF; top: 50%; left: 50%; transform: translate(-50%, -50%); } .row-transient__license p { margin: 7px 0 0 70px; padding-right: 20px; } .row-transient__time { grid-area: time; align-self: center; } .row-transient__time h1 { color: #1a1a1a; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-transient__time h1 small { color: #1a1a1a; font-weight: 700; } .row-transient__time label { font-weight: 400; margin-top: 5px; } .row-transient__action { grid-area: action; align-self: center; text-align: center; } .row-transient__action .btn { color: #FFF; background: #91b761; line-height: 0; border-width: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 30px; padding: 15px 24px; height: 55px; margin: 0 auto; } .row-transient__action .btn:hover { background: rgba(145, 183, 97, 0.75); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); } .row-transient__action .btn label { font-size: 14px; opacity: 1; font-weight: bold; color: #fff; margin-bottom: 15px; } /*------------------------------------------------------------------ BOOKING GRID -------------------------------------------------------------------*/ .booking { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "booking_info booking_info booking_info booking_info" "time time cost action" "hologram hologram hologram hologram"; } .booking .pass-title { background: #7785ac; } .booking .pass-icon { background: #7785ac; } .booking .pass-icon i { font-size: 2.75em; } .booking .pass-status__icon, .booking .pass-status__msg { background: rgba(119, 133, 172, 0.75); } .booking .pass-parking__info h2:before { background: #7785ac; } .booking .pass-parking__info h4 { margin-top: -6px; } .booking .pass-event__info { grid-area: booking_info; padding: 15px 20px; font-size: 0.96em; background: #f5f5f5; height: 130px; margin: 10px 20px; position: relative; display: flex; } .booking .pass-event__info dl dt { float: none; padding: 0 0 2px 0; font-weight: 400; text-transform: uppercase; opacity: 0.75; font-size: 0.9em; } .booking .pass-event__info dl dd { float: none; padding: 0; text-align: left; font-weight: 700; font-size: 1.1em; } .booking .pass-event__info .pass-qrcode { position: absolute; right: 15px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .booking .pass-event__info .pass-qrcode canvas { width: 80px; } .booking .pass-hologram__strip { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii01NzIgMjM2NCA1NSAxOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgZm9udC1mYW1pbHk6IE9wZW5TYW5zLUV4dHJhYm9sZEl0YWxpYywgT3BlbiBTYW5zOwogICAgICAgIGZvbnQtd2VpZ2h0OiA4MDA7CiAgICAgICAgZm9udC1zdHlsZTogaXRhbGljOwogICAgICAgIGxldHRlci1zcGFjaW5nOiAtMC4wMmVtOwogICAgICAgIG9wYWNpdHk6IDAuMjM3OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8dGV4dCBpZD0iQm9va2luZyIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTcyIDIzNzkpIj48dHNwYW4geD0iMCIgeT0iMCI+Qm9va2luZzwvdHNwYW4+PC90ZXh0Pgo8L3N2Zz4K") #7785ac; background-size: auto 65.5%; background-repeat: repeat-x; background-position: left center; } .booking .pass-cost { height: 110px; } .booking .pass-cost .pass-cost-container { position: relative; top: 50%; transform: translateY(-50%); } .booking .pass-cost label, .booking .pass-cost h1, .booking .pass-cost label small, .booking .pass-cost h1 small { color: #7785ac; } .booking.b-alert { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "booking_info booking_info booking_info booking_info" "alert alert alert alert" "hologram hologram hologram hologram"; } .booking.b-alert .pass-alert { grid-area: alert; height: 100px; background-color: rgba(247, 214, 80, 0.33) !important; margin-top: 10px; border-top: 1px #fafafa solid; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-gap: 0; } .booking.b-alert .pass-alert i { grid-column: 1 / 2; -ms-flex-item-align: center; align-self: center; justify-self: center; font-size: 3.5em; color: #7785ac; } .booking.b-alert .pass-alert .pass-alert__info { grid-column: 2 / 5; padding: 0; -ms-flex-item-align: center; align-self: center; padding-right: 20px; } .booking.b-alert .pass-alert .pass-alert__info h3 { padding: 0; margin: 0; font-size: 1.28em; font-weight: 600; color: #1a1a1a; } .booking.b-alert .pass-alert .pass-alert__info p { padding: 0; margin: 5px 0 0; } .booking.has-update { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "booking_info booking_info booking_info booking_info" "update update update update" "hologram hologram hologram hologram"; } .booking.has-update .pass-update { grid-area: update; height: 100px; background: #FCA405; border-top: 1px #fafafa solid; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto; grid-gap: 0; } .booking.has-update .pass-update .update-info { grid-column: 1 / 5; padding: 0 0 0 20px; -ms-flex-item-align: center; align-self: center; color: #FFF; } .booking.has-update .pass-update .update-info h3 { padding: 0; margin: 0; font-size: 1.28em; font-weight: 700; color: #FFF; } .booking.has-update .pass-update .update-info p { padding: 0; opacity: 1; margin: 7px 0 0; font-size: 1em; } .booking.has-update .pass-update .update-btn { -ms-flex-item-align: center; align-self: center; justify-self: center; height: 48px; width: 48px; background: #FFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; position: relative; cursor: pointer; -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .booking.has-update .pass-update .update-btn i { color: #FCA405; font-size: 1.35em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .booking.has-update .pass-update .update-btn:hover { background: #fafafa; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); } .booking.has-update .pass-update .update-btn:active { background: #f5f5f5; -webkit-transform: scale(0.98); transform: scale(0.98); } .booking.event { margin: 15px 0; grid-template-areas: "event event event event" "st_icon status status status" "p_info p_info p_info p_info" "event_info event_info event_info event_info" "cost cost button button"; } .booking.event .event-bg { grid-area: event; width: 100%; height: 120px; background: #7785ac; position: relative; } .booking.event .event-bg .pass-title { background: transparent; position: absolute; z-index: 200; width: 90%; } .booking.event .event-bg .pass-title h2 { font-size: 1.4em; font-weight: 600; width: 80%; padding: 20px; margin: 0; background: transparent; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .booking.event .event-bg .pass-title:after { height: 7px; width: 40px; content: ""; background: rgba(255, 255, 255, 0.2); top: 20px; left: 20px; position: absolute; } .booking.event .event-bg .pass-icon { position: absolute; background: transparent; right: 35px; top: 50%; z-index: 200; } .booking.event .event-bg .pass-icon i { font-size: 2.5em; } .booking.event .event-bg img { height: 120px; width: 100%; -webkit-filter: grayscale(100%) brightness(150%) contrast(150%); filter: grayscale(100%) brightness(150%) contrast(150%); mix-blend-mode: multiply; opacity: 0.19; } .booking.event .event-bg:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.36) 33%, transparent 33%); background-size: 2px 2px; } .booking.event .pass-event__info { grid-area: event_info; margin: 0 20px 10px 20px; padding: 15px; font-size: 0.96em; background: #f5f5f5; height: 130px; } .booking.event .pass-event__info dl { padding-right: 5px; } .booking.event .pass-event__info dl dt { float: none; padding: 0 0 2px 0; font-weight: 400; text-transform: uppercase; opacity: 0.75; font-size: 0.9em; } .booking.event .pass-event__info dl dd { float: none; padding: 0; text-align: left; font-weight: 700; font-size: 1.1em; } .booking.event .pass-cost-event { grid-area: cost; padding: 10px 0 10px 20px; } .booking.event .pass-cost-event h1 { color: #7785ac; font-weight: 700; opacity: 1; font-size: 2.5em; } .booking.event .pass-cost-event h1 small { font-size: smaller; color: #7785ac; font-weight: 700; } .booking.event .pass-book { grid-area: button; text-align: right; padding: 15px 20px 15px 0; } .booking.event .pass-book button { width: 100%; height: 40px; text-transform: uppercase; color: #FFF; font-weight: 600; font-size: 0.95em; letter-spacing: 0.05em; border-radius: 30px; background: #7785ac; border: 2px solid #7785ac; -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .booking.event .pass-book button:hover { background: rgba(119, 133, 172, 0.9); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .booking.event.booked { grid-template-areas: "event event event event" "st_icon status status status" "p_info p_info p_info p_info" "event_info event_info event_info event_info" "time time cost action" "hologram hologram hologram hologram"; } .booking.event.booked .event-bg .pass-title h2 { font-size: 1.5em; } .booking.event.booked .pass-icon i { font-size: 2.75em; } .booking.event.booked .pass-event__info { margin-bottom: 20px; position: relative; } .booking.event.booked .pass-event__info dl { padding-right: 0; } .booking.event.booked .pass-event__info .pass-qrcode { position: absolute; right: 15px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .booking.event.booked .pass-event__info .pass-qrcode canvas { width: 80px; } /*------------------------------------------------------------------ BOOKING ROW -------------------------------------------------------------------*/ .booking-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 120px 120px 70px; grid-template-areas: "parkingInfo info entrance exit time cost action"; padding: 15px 20px 10px; } .booking-row p { opacity: 1; } .booking-row.alert { grid-template-columns: 2fr 1fr 1fr 1fr 2fr; grid-template-areas: "parkingInfo info entrance exit alert"; } .booking-row.update { grid-template-columns: 2fr 1fr 1fr 1fr 2fr; grid-template-areas: "parkingInfo info entrance exit update"; } .row-booking__info { grid-area: parkingInfo; align-self: center; padding-right: 10px; } .row-booking__info h3 { color: #1a1a1a; font-weight: 600; font-size: 20px; margin-bottom: 6px; } .row-booking__info h4 { margin-bottom: 6px; } .row-booking__info .ictag { margin-top: 10px; } .row-booking__info .ictag.ictag-event label { top: 0; } .row-booking__info .ictag i { font-size: 32px; margin-right: 5px; } .row-booking__info .ictag label { display: inline-block; font-weight: 600; background: #7785ac; text-align: center; color: white; padding: 4px 30px; border-radius: 20px; position: relative; top: -8px; max-width: 160px; } .row-booking__info .ictag label.event-label { background: #77a0ac; } .row-booking__status { grid-area: info; align-self: center; } .row-booking__status i { font-size: 36px; } .row-booking__status p { margin-top: 5px; } .row-booking__entrance { grid-area: entrance; align-self: center; padding-right: 20px; } .row-booking__entrance p { text-transform: uppercase; margin-bottom: 5px; } .row-booking__entrance strong { font-size: 1.15em; font-weight: 700; } .row-booking__exit { grid-area: exit; align-self: center; padding-right: 20px; } .row-booking__exit p { text-transform: uppercase; margin-bottom: 5px; } .row-booking__exit strong { font-size: 1.15em; font-weight: 700; } .row-booking__time { grid-area: time; align-self: center; } .row-booking__time h1 { color: #1a1a1a; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-booking__time h1 small { color: #1a1a1a; font-weight: 700; } .row-booking__time label { font-weight: 400; margin-top: 5px; } .row-booking__cost { grid-area: cost; align-self: center; } .row-booking__cost h1 { color: #7785ac; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-booking__cost h1 small { color: #7785ac; font-weight: 700; } .row-booking__cost label { font-weight: 400; margin-top: 5px; } .row-booking__action { grid-area: action; align-self: center; text-align: right; } .row-booking__action .btn { color: #FFF; background: #7785ac; width: 48px; height: 48px; line-height: 0; border-width: 0; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .row-booking__action .btn i.material-icons { margin-top: 6px; } .row-booking__action .btn:hover { background: rgba(119, 133, 172, 0.75); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); transform: rotate(-45deg); } .row-booking__action .btn:active { transform: scale(0.9777) rotate(-45deg); } /*------------------------------------------------------------------ SUBSCRIPTIONS GRID VIEW -------------------------------------------------------------------*/ .subscription { display: grid; grid-template-columns: 21% 21% 29% 29%; grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "subinfo subinfo subinfo subinfo" "md_icons md_icons md_icons md_icons" "time time cost cost" "hologram hologram hologram hologram"; } .subscription .pass-title, .subscription .pass-icon { background: #A39594; } .subscription .pass-title-ellipsis { text-overflow: ellipsis; width: 100%; overflow: hidden; letter-spacing: 0; max-width: 240px; } .subscription .pass-status__icon, .subscription .pass-status__msg { background: rgba(163, 149, 148, 0.75); } .subscription .pass-parking__info h2:before { background: #A39594; } .subscription .pass-subinfo { grid-area: subinfo; margin: 0 20px; padding: 14px; font-size: 0.96em; background: #f5f5f5; line-height: 1.28; min-height: 64px; } .subscription .pass-subinfo.pass-detail-subinfo { margin: 20px 20px 0 20px; } .subscription .pass-subinfo p { -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-inline-box; color: #1a1a1a; max-width: 100%; min-height: 35px; } .subscription .pass-md__icons { grid-area: md_icons; padding: 15px 20px; height: 100px; display: flex; justify-content: space-between; } .subscription .pass-md__icons ul { list-style-type: none; margin: 0; padding: 0; width: 70%; } .subscription .pass-md__icons ul li { height: 56px; width: 56px; background: #1a1a1a; border-radius: 50%; text-align: center; display: inline-block; margin: 0 5px 0 0; } .subscription .pass-md__icons ul li i { font-size: 1.5em; padding: 0.25em; line-height: 56px; color: #FFF; } .subscription .pass-md__icons .pass-qrcode { margin-top: -11px; width: 30%; text-align: right; } .subscription .pass-md__icons.pass-detail-icons { background-color: #f5f5f5; padding: 15px; margin: 0 20px 0 20px; } .subscription .pass-hologram__strip { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii02MzYgMTU3OCA4NyAxOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgZm9udC1mYW1pbHk6IE9wZW5TYW5zLUV4dHJhYm9sZEl0YWxpYywgT3BlbiBTYW5zOwogICAgICAgIGZvbnQtd2VpZ2h0OiA4MDA7CiAgICAgICAgZm9udC1zdHlsZTogaXRhbGljOwogICAgICAgIGxldHRlci1zcGFjaW5nOiAtMC4wMmVtOwogICAgICAgIG9wYWNpdHk6IDAuMjM3OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8dGV4dCBpZD0iU3Vic2NyaXB0aW9uXyIgZGF0YS1uYW1lPSJTdWJzY3JpcHRpb24gIiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzYgMTU5MykiPjx0c3BhbiB4PSIwIiB5PSIwIj5TdWJzY3JpcHRpb24gPC90c3Bhbj48L3RleHQ+Cjwvc3ZnPgo=") #A39594; background-size: auto 65.5%; background-repeat: repeat-x; background-position: left center; } .subscription .pass-time h1 { font-size: 30px; } .subscription .pass-cost { height: 150px; padding: 15px 10px 15px 0; } .subscription .pass-cost .pass-balance-button-container { position: relative; top: 50%; transform: translateY(-50%); } .subscription .pass-cost label, .subscription .pass-cost h1, .subscription .pass-cost label small, .subscription .pass-cost h1 small { color: #A39594; } .subscription .pass-cost button { font-size: 0.95em; text-transform: uppercase; width: 100%; height: 45px; border: 0; border-radius: 30px; outline: none; cursor: pointer; margin: 0 auto; } .subscription .pass-cost button.no-visible-account-balance { margin-top: 48px; } .subscription .pass-cost .pass-balance { text-align: left; padding: 5px; display: flex; align-items: baseline; } .subscription .pass-cost .pass-balance label, .subscription .pass-cost .pass-balance h2, .subscription .pass-cost .pass-balance h3 { color: #A39594; } .subscription .pass-cost .pass-balance div { display: flex; align-items: baseline; } .subscription .pass-cost .pass-balance label { opacity: 1; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; } .subscription .pass-cost .pass-balance h2 { margin-bottom: 0; margin-top: 0; font-weight: bold; font-size: 18px; } .subscription .pass-cost .pass-balance h3 { margin-bottom: 0; font-weight: 600; font-size: 16px; } .subscription.has-multisite { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info multisite" "subinfo subinfo subinfo subinfo" "md_icons md_icons md_icons md_icons" "time time cost cost" "hologram hologram hologram hologram"; } .subscription.has-multisite .pass-multisite { grid-area: multisite; -ms-flex-item-align: center; align-self: center; justify-self: center; font-size: 2.45em; color: #e0e0e0; } .subscription.has-update { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info multisite" "subinfo subinfo subinfo subinfo" "md_icons md_icons md_icons md_icons" "update update update update" "hologram hologram hologram hologram"; } .subscription.has-update .pass-update { grid-area: update; height: 100px; background: #FCA405; border-top: 1px #fafafa solid; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto; grid-gap: 0; } .subscription.has-update .pass-update .update-info { grid-column: 1 / 5; padding: 0 0 0 20px; -ms-flex-item-align: center; align-self: center; color: #FFF; } .subscription.has-update .pass-update .update-info h3 { padding: 0; margin: 0; font-size: 1.28em; font-weight: 700; color: #FFF; } .subscription.has-update .pass-update .update-info p { padding: 0; opacity: 1; margin: 7px 0 0; font-size: 1em; } .subscription.has-update .pass-update .update-btn { -ms-flex-item-align: center; align-self: center; justify-self: center; height: 48px; width: 48px; background: #FFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; position: relative; cursor: pointer; -webkit-transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .subscription.has-update .pass-update .update-btn i { color: #FCA405; font-size: 1.35em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .subscription.has-update .pass-update .update-btn:hover { background: #fafafa; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); } .subscription.has-update .pass-update .update-btn:active { background: #f5f5f5; -webkit-transform: scale(0.98); transform: scale(0.98); } .subscription.s-alert { grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info multisite" "subinfo subinfo subinfo subinfo" "md_icons md_icons md_icons md_icons" "alert alert alert alert" "hologram hologram hologram hologram"; } .subscription.s-alert .pass-alert { grid-area: alert; height: 100px; background-color: rgba(247, 214, 80, 0.33) !important; margin-top: 10px; border-top: 1px #fafafa solid; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-gap: 0; } .subscription.s-alert .pass-alert i { grid-column: 1 / 2; -ms-flex-item-align: center; align-self: center; justify-self: center; font-size: 3.5em; color: #7785ac; } .subscription.s-alert .pass-alert .pass-alert__info { grid-column: 2 / 5; padding: 0; -ms-flex-item-align: center; align-self: center; padding-right: 20px; } .subscription.s-alert .pass-alert .pass-alert__info h3 { padding: 0; margin: 0; font-size: 1.28em; font-weight: 600; color: #1a1a1a; } .subscription.s-alert .pass-alert .pass-alert__info p { padding: 0; margin: 5px 0 0; } /*------------------------------------------------------------------ SUBSCRIPTIONS ROW VIEW -------------------------------------------------------------------*/ .subscription-row { display: grid; grid-template-columns: 2fr 1fr 3fr 120px 120px; grid-template-areas: "parkingInfo info media time cost"; padding: 15px 20px 10px; } .subscription-row p { opacity: 1; } .subscription-row .pass-time { background: transparent; border: none; } .subscription-row .pass-time .pass-time-directive { margin-top: -4px; } .subscription-row.action { grid-template-columns: 2fr 130px 2fr 180px 200px; grid-template-areas: "parkingInfo info media time action"; } .subscription-row.alert { grid-template-columns: 2fr 1fr 2fr 2fr; grid-template-areas: "parkingInfo info media alert"; } .subscription-row.warning { background-color: #FFECEC; } .subscription-row.update { grid-template-columns: 2fr 1fr 2fr 2fr; grid-template-areas: "parkingInfo info media update"; } .row-subscription__info { grid-area: parkingInfo; align-self: center; padding-right: 10px; } .row-subscription__info h3 { color: #1a1a1a; font-weight: 600; font-size: 20px; margin-bottom: 6px; } .row-subscription__info .ictag { margin-top: 10px; } .row-subscription__info .ictag i { font-size: 32px; margin-right: 5px; } .row-subscription__info .ictag label { display: inline-block; font-weight: 600; background: #A39594; text-align: center; color: white; padding: 4px 30px; border-radius: 20px; position: relative; top: -8px; max-width: 160px; } .row-subscription__status { grid-area: info; align-self: center; display: inline-flex; } .row-subscription__status i { font-size: 30px; line-height: 54px; margin-top: 5px; } .row-subscription__status p { padding-left: 5px; margin-top: 5px; } .row-pass-md__icons { grid-area: media; align-self: center; text-align: center; padding: 15px 20px; height: 86px; } .row-pass-md__icons ul { list-style-type: none; margin: 0; padding: 0; } .row-pass-md__icons ul li { height: 56px; width: 56px; background: #1a1a1a; border-radius: 50%; margin: 0 5px 0 0; text-align: center; display: inline-block; } .row-pass-md__icons ul li i { font-size: 1.5em; padding: 0.25em; line-height: 56px; color: #FFF; } .row-pass-md__icons ul li.warning { background-color: rgba(247, 214, 80, 0.33) !important; } .row-pass-md__icons ul li.warning i { color: #77511e; } .row-subscription__time { grid-area: time; align-self: center; } .row-subscription__time h1 { color: #1a1a1a; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-subscription__time h1 small { color: #1a1a1a; font-weight: 700; } .row-subscription__time label { font-weight: 400; margin-top: 5px; } .row-subscription_action { grid-area: action; align-self: center; } .row-subscription_action button { font-size: 0.95em; text-transform: uppercase; width: 100%; height: 45px; border: 0; border-radius: 30px; outline: none; cursor: pointer; margin: 10px auto; } .row-subscription_action .row-subscrpition__balance { text-align: left; padding: 5px; display: flex; align-items: baseline; } .row-subscription_action .row-subscrpition__balance label, .row-subscription_action .row-subscrpition__balance h2, .row-subscription_action .row-subscrpition__balance h3 { color: #A39594; } .row-subscription_action .row-subscrpition__balance div { display: flex; align-items: baseline; } .row-subscription_action .row-subscrpition__balance label { opacity: 1; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; } .row-subscription_action .row-subscrpition__balance h2 { margin-bottom: 0; margin-top: 0; font-weight: bold; font-size: 20px; } .row-subscription_action .row-subscrpition__balance h3 { margin-bottom: 0; font-weight: 600; font-size: 16px; } .row-subscrpition__cost { grid-area: cost; align-self: center; } .row-subscrpition__cost h1 { color: #A39594; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-subscrpition__cost h1 small { color: #A39594; font-weight: 700; } .row-subscrpition__cost label { font-weight: 400; margin-top: 5px; } /*------------------------------------------------------------------ ONSTREET -------------------------------------------------------------------*/ .on-street { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-areas: "title title title pass-icon" "st_icon status status status" "p_info p_info p_info p_info" "onstreet_info onstreet_info onstreet_info onstreet_info" "time time cost cost" "hologram hologram hologram hologram"; } .on-street .pass-title, .on-street .pass-icon { background: #3f8af0; } .on-street .pass-status__icon, .on-street .pass-status__msg { background: rgba(63, 138, 240, 0.75); } .on-street .pass-parking__info h2:before { background: #3f8af0; } .on-street .pass-on-street__info { grid-area: onstreet_info; margin: 0 20px 20px 20px; padding: 15px; font-size: 0.96em; background: #f5f5f5; height: 130px; position: relative; } .on-street .pass-on-street__info dl dt { float: none; padding: 0 0 2px 0; font-weight: 400; text-transform: uppercase; opacity: 0.75; font-size: 0.9em; } .on-street .pass-on-street__info dl dd { float: none; padding: 0; text-align: left; font-weight: 700; font-size: 1.15em; } .on-street .pass-on-street__info .pass-qrcode { position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); } .on-street .pass-on-street__info .pass-qrcode canvas { width: 80px; } .on-street .pass-time .expiring label, .on-street .pass-time .expiring h1 { color: #ef4a29; } span.expiring-time { color: #1a1a1a; } .on-street-stop-body p { margin-top: 20px; margin-bottom: 20px; } .on-street .pass-time .expiring h1 small { color: #ef4a29; } .on-street .pass-cost .btn { color: #FFF; background: #3f8af0; width: 48px; height: 48px; top: 50%; line-height: 0; border-width: 0; transform: translateY(-50%); border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .on-street .pass-cost .btn:hover { background: rgba(63, 138, 240, 0.75); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); transform: translateY(-50%) rotate(-45deg); } .on-street .pass-cost .btn:active { transform: scale(0.9777) translateY(-50%) rotate(-45deg); } .on-street .pass-cost .btn.stop { background: #ef4a29; } .on-street .pass-cost .btn.stop:hover { background: rgba(239, 74, 41, 0.75); } .on-street .pass-hologram__strip { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OSAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmb250LXNpemU6IDE1cHg7CiAgICAgICAgZm9udC1mYW1pbHk6IE9wZW5TYW5zLUV4dHJhYm9sZEl0YWxpYywgT3BlbiBTYW5zOwogICAgICAgIGZvbnQtd2VpZ2h0OiA4MDA7CiAgICAgICAgZm9udC1zdHlsZTogaXRhbGljOwogICAgICAgIGxldHRlci1zcGFjaW5nOiAtMC4wMmVtOwogICAgICAgIG9wYWNpdHk6IDAuMjM3OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8dGV4dCBpZD0iT24tU3RyZWV0IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTYpIj48dHNwYW4geD0iMCIgeT0iMCI+T24tU3RyZWV0PC90c3Bhbj48L3RleHQ+Cjwvc3ZnPgo=") #3f8af0; background-size: auto 65.5%; background-repeat: repeat-x; background-position: left center; } .on-street-modal-body .expiring-message { margin-top: 20px; margin-bottom: 20px; } .expiring-time { background: #f5f5f5; margin-top: 10px; } .on-street-modal-body .pass-time .expiring { background: none; height: auto; } .on-street-modal-body .pass-time .expiring h1, .on-street-modal-body .pass-time .expiring small { color: #ef4a29; } .on-street-modal-body .glyphicon-calendar:before { content: "\e023"; font-size: 1.4em; } .extend-time-container label { margin-top: 10px; } .on-street-bottom { display: flex; justify-content: space-between; } .on-street-bottom .pass-cost label, .on-street-bottom .pass-cost h1 { color: #3f8af0; } .on-street-button-bottom .btn-primary, .stop-button-container button { width: 100%; } /*------------------------------------------------------------------ ONSTREET ROW VIEW -------------------------------------------------------------------*/ .onstreet-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 120px 120px 70px; grid-template-areas: "parkingInfo info license spot time cost action"; padding: 15px 20px 10px; } .onstreet-row p { opacity: 1; } .onstreet-row.alert { grid-template-columns: 2fr 1fr 1fr 1fr 2fr; grid-template-areas: "parkingInfo info license spot alert"; } .onstreet-row.update { grid-template-columns: 2fr 1fr 1fr 1fr 2fr; grid-template-areas: "parkingInfo info license spot update"; } .row-onstreet__info { grid-area: parkingInfo; align-self: center; padding-right: 10px; } .row-onstreet__info h3 { color: #1a1a1a; font-weight: 600; font-size: 20px; margin-bottom: 6px; } .row-onstreet__info .ictag { margin-top: 10px; } .row-onstreet__info .ictag i { font-size: 32px; margin-right: 5px; } .row-onstreet__info .ictag label { display: inline-block; font-weight: 600; background: #3f8af0; text-align: center; color: white; padding: 4px 30px; border-radius: 20px; position: relative; top: -8px; max-width: 160px; } .row-onstreet__status { grid-area: info; align-self: center; } .row-onstreet__status i { font-size: 36px; } .row-onstreet__status p { margin-top: 5px; } .row-onstreet__license { grid-area: license; align-self: center; } .row-onstreet__license h1 { color: #1a1a1a; font-weight: 700; opacity: 1; margin: 0; font-size: 24px; } .row-onstreet__license label { font-weight: 400; margin-top: 5px; } .row-onstreet__spot { grid-area: spot; align-self: center; } .row-onstreet__spot h1 { color: #1a1a1a; font-weight: 700; opacity: 1; margin: 0; font-size: 24px; } .row-onstreet__spot label { font-weight: 400; margin-top: 5px; } .row-onstreet__time { grid-area: time; align-self: center; } .row-onstreet__time h1 { color: #1a1a1a; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-onstreet__time h1 small { color: #1a1a1a; font-weight: 700; } .row-onstreet__time label { font-weight: 400; margin-top: 5px; } .row-onstreet__cost { grid-area: cost; align-self: center; } .row-onstreet__cost h1 { color: #3f8af0; font-weight: 700; opacity: 1; margin: 0; font-size: 32px; letter-spacing: -0.5pt; } .row-onstreet__cost h1 small { color: #3f8af0; font-weight: 700; } .row-onstreet__cost label { font-weight: 400; margin-top: 5px; } .row-onstreet__action { grid-area: action; align-self: center; text-align: right; } .row-onstreet__action .btn { color: #FFF; background: #3f8af0; width: 48px; height: 48px; line-height: 0; border-width: 0; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 2px 0; } .row-onstreet__action .btn:hover { background: rgba(63, 138, 240, 0.75); box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1); transform: rotate(-45deg); } .row-onstreet__action .btn:active { transform: scale(0.9777) rotate(-45deg); } .row-onstreet__action .btn.stop { background: #ef4a29; transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .row-onstreet__action .btn.stop :hover { background: rgba(239, 74, 41, 0.75); transform: rotate(180deg) scale(1.125); } /*------------------------------------------------------------------ PASSES MEDIA QUERY -------------------------------------------------------------------*/ @media all and (max-width: 1025px) { .pass-time .expiring h1 { font-size: 30px; } .pass-time h1 { font-size: 36px; } .pass-cost h1 { font-size: 36px; } } @media all and (max-width: 769px) { .pass-time h1, .pass-cost h1 { font-size: 36px; } .subscription .pass-md__icons ul li { height: 48px; width: 48px; } .subscription .pass-md__icons ul li i { line-height: 48px; } } @media all and (max-width: 350px) { .pass-time h1, .pass-cost h1 { font-size: 28px; } .subscription .pass-md__icons ul li { height: 46px; width: 46px; } .subscription .pass-md__icons ul li i { line-height: 46px; } .booking .pass-event__info dl dd { font-size: 0.9em; } .booking.booked .pass-event__info .pass-qrcode canvas { width: 60px; } } @media all and (min-width: 992px) and (max-width: 1200px) { .booking .pass-event__info dl dd { font-size: 0.9em; } } .subscription-types-container { max-height: 440px; overflow-y: auto; overflow-x: hidden; } .subscription-type-item { height: auto; margin-bottom: 20px !important; } .subscription-type-item .passes-top { min-height: 90px; height: auto; } .subscription-type-item .passes-top .passes-header { min-height: 90px; height: 100px; padding: 15px 15px; } .subscription-type-item .passes-top .passes-header .subscription-type-name { color: #FFF !important; margin-bottom: 0; padding: 10px 0 0 0; font-weight: 600; max-width: 180px; font-size: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .subscription-type-item .passes-top > .passes-header > .passes-header-icon { height: 44px; width: 55px; } .subscription-type-item .passes-top > .passes-header > .passes-header-icon.st-seasonal { background-size: 55px 44px; } .subscription-type-body { padding: 20px 15px; background: #FFF; } .subscription-type-body .subscription-type-description { color: #1a1a1a; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 70px; } .subscription-type-body .subscription-type-cost-buy { background: #FFF; position: relative; font-size: 2.5em; font-weight: 700; display: flex; width: 100%; height: 70px; top: 15px; } .subscription-type-body .subscription-type-cost-buy small { font-size: 22px; } .subscription-type-body .subscription-type-cost-buy > .subscription-type-cost { align-self: center; text-align: left; padding: 0 5px 0 0; font-size: 0.65em; position: relative; display: flex; flex-direction: column; justify-content: center; } .subscription-type-body .subscription-type-cost-buy > .subscription-type-cost .ictag { margin-top: -8px; } .subscription-type-body .subscription-type-cost-buy > .subscription-type-cost .ictag label { font-weight: 600; background: #83998b; text-align: center; color: #fff; padding: 5px 20px; border-radius: 20px; max-width: 160px; bottom: 0 !important; } .subscription-type-body .subscription-type-cost-buy .subscription-type-button { align-self: center; position: relative; } .subscription-type-body .subscription-type-cost-buy .subscription-type-button button { position: absolute; top: 50%; transform: translateY(-50%); width: 95px; height: 40px; } .subscription-type-body .subscription-type-alert { background: #EFEFEF; position: relative; display: flex; width: calc(100% + 30px); height: 70px; top: 10px; left: -15px; } .subscription-type-body .subscription-type-alert-bg { background: #EFEFEF; position: absolute; width: 100%; height: 100%; top: 10px; display: flex; align-items: center; } .subscription-type-body .subscription-type-alert-bg .check-mobile-responses { display: inline-flex; justify-content: space-evenly; } .subscription-type-body .subscription-type-alert-bg p { margin-top: -3px; color: #1a1a1a; opacity: 1; font-weight: 600; font-size: 14px; } .subscription-type-body .subscription-type-alert-bg a { text-align: right; font-size: 13px; font-weight: 700; text-transform: uppercase; } .subscription-type-body .subscription-type-alert-bg a.n_link { color: #D63232; } /*------------------------------------------------------------------ SUBSCRIPTION TYPE ROW VIEW -------------------------------------------------------------------*/ .subscription-type-row { background: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px; margin: 0 0 20px 0; display: grid; grid-template-columns: 3fr 3fr 2fr; grid-template-areas: "info cost action"; } .subscription-type-row.subscription-type-row-with-alert { grid-template-columns: 3fr 5fr; grid-template-areas: "info alert"; padding: 0; } .subscription-type-row p { opacity: 1; } .subscription-type-row.warning { background-color: #FFECEC; } .row-subscription-type-info { grid-area: info; align-self: center; padding: 15px 10px 15px 15px; } .row-subscription-type-info .ictag { display: inline-flex; align-items: center; } .row-subscription-type-info .ictag i { font-size: 32px; margin-right: 5px; } .row-subscription-type-info .ictag label { font-weight: 600; background: #A39594; text-align: center; color: white; padding: 4px 30px; border-radius: 20px; max-width: 160px; bottom: 0 !important; } .row-subscription-type-info .subscription-type-description { margin-top: 5px; } .row-subscription-type-cost { grid-area: cost; text-align: left; font-size: 2em; align-self: center; width: 100%; height: 100%; position: relative; padding: 15px 0; font-weight: 700; display: flex; flex-direction: column; justify-content: center; } .row-subscription-type-cost .ictag { text-align: center; margin-top: -8px; } .row-subscription-type-cost .ictag label { font-weight: 600; background: #83998b; text-align: center; color: white; padding: 4px 30px; border-radius: 20px; max-width: 160px; bottom: 0 !important; } .row-subscription-type-cost .font-subscription { text-align: center; } .row-subscription-type-cost small { font-size: 22px; } .row-subscription-type-action { grid-area: action; align-self: center; padding: 15px 15px 15px 10px; } .row-subscription-type-action button { font-size: 0.95em; text-transform: uppercase; width: 100%; height: 45px; border: 0; border-radius: 30px; outline: none; cursor: pointer; margin: 10px auto; } .row-subscrpition__balance { text-align: left; padding: 5px; display: flex; align-items: baseline; } .row-subscrpition__balance label, .row-subscrpition__balance h2, .row-subscrpition__balance h3 { color: #A39594; } .row-subscrpition__balance div { display: flex; align-items: baseline; } .row-subscrpition__balance label { opacity: 1; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; } .row-subscrpition__balance h2 { margin-bottom: 0; margin-top: 0; font-weight: bold; font-size: 20px; } .row-subscrpition__balance h3 { margin-bottom: 0; font-weight: 600; font-size: 16px; } .row-subscription-type-alert { grid-area: alert; align-self: center; background: #EFEFEF; height: 100%; padding: 15px; display: flex; align-items: center; } .row-subscription-type-alert .check-mobile-responses { display: inline-flex; justify-content: space-evenly; } .row-subscription-type-alert p { margin-top: -3px; color: #1a1a1a; opacity: 1; font-weight: 600; font-size: 14px; } .row-subscription-type-alert a { text-align: right; font-size: 13px; font-weight: 700; text-transform: uppercase; } .row-subscription-type-alert a.n_link { color: #D63232; } @media only screen and (min-device-width: 426px) and (max-device-width: 768px) { .subscription-type-item .passes-top .passes-header { padding: 20px 8px; } .subscription-type-item .passes-top .passes-header .subscription-type-name { max-width: 250px; } .subscription-type-item .passes-top > .passes-header > .passes-header-icon { height: 34px; width: 40px; right: 5px; } .subscription-type-item .passes-top > .passes-header > .passes-header-icon.st-seasonal { background-size: 40px 34px; } .subscription-type-body .subscription-type-cost-buy { height: auto; display: inline-block; } .subscription-type-body .subscription-type-cost-buy > .subscription-type-cost div { position: relative; top: 0; transform: none; } .subscription-type-body .subscription-type-cost-buy button { position: relative; top: 0; transform: none; } } @media (min-width: 992px) and (max-width: 1200px) { .row-subscription-type-cost { font-size: 1.6em; } .subscription-type-item .passes-top .passes-header .subscription-type-name { font-size: 18px; } .subscription-type-item .subscription-type-body .subscription-type-cost-buy { flex-direction: column; justify-content: normal; row-gap: 15px; top: 0; } .subscription-type-item .subscription-type-body .subscription-type-cost-buy > .subscription-type-cost { margin-bottom: 5px; } .subscription-type-item .subscription-type-body .subscription-type-cost-buy > .subscription-type-cost div { position: relative; top: 0; transform: none; } .subscription-type-item .subscription-type-body .subscription-type-alert-bg p { font-size: 13px; } } /* OVVERIDE -------------------------------------------------------------------*/ .container { margin-bottom: 20px; } @media (max-width: 768px) { .container { margin-bottom: 0px; padding-bottom: 20px; padding-top: 15px; } } .dropdown-menu { border-radius: 2px; }