* { --autonom-navy: #10069f; --autonom-blue: #147bd1; --autonom-green: #00c65e; --autonom-purple: #753bbd; --autonom-black: #141414; --autonom-text: #333; --autonom-gray: #b0b0b2; --autonom-light-gray: #f2f2f2; /* typography */ --font-family: 'Titillium Web', sans-serif; --font-weight-regular: 400; --font-weight-semibold: 600; --font-weight-bold: 700; /* font sizes */ --font-size-h1: 38px; --font-size-h2: 34px; --font-size-h3: 30px; --font-size-h4: 22px; --font-size-h5: 20px; --font-size-p: 18px; --font-size-s: 14px; --line-height-s: 1.1; --line-height-m: 1.4; --line-height-l: 1.5; /* various */ --transition: all 0.2s; margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif; } @media screen and (min-width:768px) { * { /* font sizes */ --font-size-h1: 40px; --font-size-h2: 36px; --font-size-h3: 32px; --font-size-h4: 26px; --font-size-h5: 22px; } } @media screen and (min-width:1200px) { * { /* font sizes */ --font-size-h1: 46px; --font-size-h2: 40px; --font-size-h3: 34px; --font-size-h4: 28px; } } h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-semibold); } h2 { font-size: var(--font-size-h2); font-weight: var(--font-weight-semibold); } h3 { font-size: var(--font-size-h3); font-weight: var(--font-weight-semibold); } h4 { font-size: var(--font-size-h4); font-weight: var(--font-weight-semibold); } h5 { font-size: var(--font-size-h5); } h6 { font-size: var(--font-size-h6); } p { font-size: var(--font-size-p); font-weight: var(--font-weight-regular); line-height: var(--line-height-l); } a, label { font-size: inherit; font-weight: 400; } p { margin: 0 0 20px 0; } p:last-child { margin: 0; } .text-center { text-align: center; } ul, ol { margin: 0 auto 20px; } ul li, ol li { margin: 0; padding: 5px; font-size: var(--font-size-p); line-height: var(--line-height-l); } .text-uppercase { text-transform: uppercase; } .spacer-50 { display: block; height: 50px; } .absolute-center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }.col-centered { float: none; margin: 0 auto; }.margin-top-2 { margin-top: 2px; }.center-content { text-align: center; }.spaced-container { margin-top: 30px; margin-bottom: 50px; }.formHelp { color: #e50000; font-style: italic; }.fadeIn { -webkit-animation: fadeInAnimation 0.3s ease; animation: fadeInAnimation 0.3s ease; }.fadeIn.formHelp { -webkit-animation-delay: 2s; animation-delay: 2s; }.fadeOut, .fadeOut.ng-leave { -webkit-animation: fadeOutAnimation 0.3s ease forwards; animation: fadeOutAnimation 0.3s ease forwards; }@-webkit-keyframes fadeInAnimation { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @keyframes fadeInAnimation { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-webkit-keyframes fadeOutAnimation { 0% { display: block; opacity: 1; } 100% { display: none; opacity: 0; } } @keyframes fadeOutAnimation { 0% { display: block; opacity: 1; } 100% { display: none; opacity: 0; } } @-webkit-keyframes fadeInOutAnimation { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 10% { display: block; opacity: 1; -webkit-transform: scale(1.04); transform: scale(1.04); } 90% { display: block; opacity: 1; } 100% { display: none; opacity: 0; } } @keyframes fadeInOutAnimation { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 10% { display: block; opacity: 1; -webkit-transform: scale(1.04); transform: scale(1.04); } 90% { display: block; opacity: 1; } 100% { display: none; opacity: 0; } } /* Autofill */ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { background-color: #e7e7e7 !important; background-image: none; color: #e7e7e7 !important; -webkit-box-shadow: 0 0 0 30px #e7e7e7 inset !important; box-shadow: 0 0 0 30px #e7e7e7 inset !important; } @media (max-width: 768px) and (min-width: 500px) { .col-cs-6, .col-cs-3 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-cs-6 { width: 50% !important; } .col-cs-3 { width: 25% !important; } } @-webkit-keyframes notesSaved { 0% { display: none; opacity: 0; z-index: 1000; } 1% { display: block; top: 360px; opacity: 1; } 30% { top: 380px; opacity: 0.8; } 99% { top: 253px; opacity: 0; } 100% { display: none; z-index: -11; } } @keyframes notesSaved { 0% { display: none; opacity: 0; z-index: 1000; } 1% { display: block; top: 360px; opacity: 1; } 30% { top: 380px; opacity: 0.8; } 99% { top: 253px; opacity: 0; } 100% { display: none; z-index: -11; } } .allow-float { float: left !important; } @-webkit-keyframes scaleInOut { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 75% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes scaleInOut { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 75% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes scaleInStay { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } } @keyframes scaleInStay { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } } @-webkit-keyframes scaleInOutOnce { 0% { -webkit-transform: scale(1, 1) perspective(10px) translateZ(0); transform: scale(1, 1) perspective(10px) translateZ(0); -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 50% { -webkit-transform: scale(1.01, 1.01) perspective(10px) translateZ(0); transform: scale(1.01, 1.01) perspective(10px) translateZ(0); -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { -webkit-transform: scale(1, 1) perspective(10px) translateZ(0); transform: scale(1, 1) perspective(10px) translateZ(0); -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } @keyframes scaleInOutOnce { 0% { -webkit-transform: scale(1, 1) perspective(10px) translateZ(0); transform: scale(1, 1) perspective(10px) translateZ(0); -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 50% { -webkit-transform: scale(1.01, 1.01) perspective(10px) translateZ(0); transform: scale(1.01, 1.01) perspective(10px) translateZ(0); -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 100% { -webkit-transform: scale(1, 1) perspective(10px) translateZ(0); transform: scale(1, 1) perspective(10px) translateZ(0); -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } } body:not(.loaded) { overflow: hidden !important; } body:not(.loaded) nav, body:not(.loaded) footer-nav { display: none; } .hero-unit { background-size: cover !important; } @media (max-width: 500px) { .col-no-padding { padding-left: 0px; padding-right: 0px; } } .empty-table-info { font-size: 16px; font-style: italic; } .no-float { float: none !important; } /* animate if */ .animate-if.ng-enter, .animate-if.ng-leave { -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; } .animate-if.ng-enter, .animate-if.ng-leave.ng-leave-active { opacity: 0; } .animate-if.ng-leave, .animate-if.ng-enter.ng-enter-active { opacity: 1; } .modal-backdrop { background-color: rgba(0, 0, 0, 0.5) !important; } .modal-backdrop.in { opacity: 1 !important; } #rate .styled-checkbox, #contact .styled-checkbox, #login .styled-checkbox { position: absolute; opacity: 0; } #rate .styled-checkbox+label, #contact .styled-checkbox+label, #login .styled-checkbox+label { position: relative; cursor: pointer; padding: 0; } #rate .styled-checkbox+label:before, #contact .styled-checkbox+label:before, #login .styled-checkbox+label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; background: #fff; border: 1.5px solid #105caa; border-radius: 2px; } #rate .styled-checkbox:hover+label:before, #contact .styled-checkbox:hover+label:before, #login .styled-checkbox:hover+label:before { background: #105caa; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rate .styled-checkbox:checked+label:before, #contact .styled-checkbox:checked+label:before, #login .styled-checkbox:checked+label:before { background: #fff; } #rate .styled-checkbox:disabled+label, #contact .styled-checkbox:disabled+label, #login .styled-checkbox:disabled+label { color: #898989; cursor: auto; } #rate .styled-checkbox:disabled+label:before, #contact .styled-checkbox:disabled+label:before, #login .styled-checkbox:disabled+label:before { -webkit-box-shadow: none; box-shadow: none; background: #ddd; } #rate .styled-checkbox:checked+label:after, #contact .styled-checkbox:checked+label:after, #login .styled-checkbox:checked+label:after { content: '\f00c'; font-family: 'FontAwesome'; position: absolute; left: 3px; top: -7px; color: #105caa; width: 2px; height: 2px; font-size: 22px; } .pageLoadingSpinner { position: fixed; left: 0; top: 0; width: 100%; z-index: 99999999999; height: calc(100vh - 480px); min-height: calc(100vh - 395px); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pageLoadingSpinner.tableSpinner { height: 100vh; } @media (max-width: 991px) { .pageLoadingSpinner { margin-bottom: 0px; } } @media (max-width: 767px) { .pageLoadingSpinner { min-height: calc(100vh - 480px); } } .pageLoadingSpinner .spinner_container { padding-top: 150px; } .pageLoadingSpinner.homepage { height: 100vh; } .spinner { -webkit-animation: rotator 1.2s linear infinite; animation: rotator 1.2s linear infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.2s ease-in-out infinite, colors 4.8s ease-in-out infinite; animation: dash 1.2s ease-in-out infinite, colors 4.8s ease-in-out infinite; } @-webkit-keyframes colors { 0% { stroke: #105caa; } 25% { stroke: #3f7cbb; } 50% { stroke: #87add4; } 75% { stroke: #49a948; } 100% { stroke: #6dba6c; } } @keyframes colors { 0% { stroke: #105caa; } 25% { stroke: #3f7cbb; } 50% { stroke: #87add4; } 75% { stroke: #49a948; } 100% { stroke: #6dba6c; } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } .new_line_span { display: block; } .error_loading_table { font-size: 17px; padding-top: 50px; } .take_me_to_booking { color: #105caa; font-size: 17px; padding-top: 20px; } .take_me_to_booking:hover { color: #3f7cbb; } /* icon button */ /*
.dropdown-toggle.btn-default { background-color: #fff !important; outline: none; } #top-bar .dropdown-menu.open { border-radius: 0; padding: 0; width: 100px; } #top-bar .dropdown-menu.open a span { color: #105caa; } #top-bar .dropdown-menu.open li a:focus, #top-bar .dropdown-menu.open li a:active, #top-bar .dropdown-menu.open li a:hover, #top-bar .dropdown-menu.open li.selected { background-color: #fff; background-image: none; outline: none; } #top-bar .dropdown-menu.open li a:focus span, #top-bar .dropdown-menu.open li a:active span, #top-bar .dropdown-menu.open li a:hover span, #top-bar .dropdown-menu.open li.selected span { color: #105caa; font-weight: bold; } #top-bar .dropdown-menu.open .inner-img { height: 30px; margin: 5px 20px 5px 0; outline: none; } #top-bar button.navbar-toggle { height: 30px; padding: 20px 35px 25px 0; margin-right: 135px; } @media (max-width: 767px) { #top-bar { height: 80px; } #top-bar .navbar-right { margin-left: auto; margin-right: auto; width: 100%; padding-top: 2px; } #top-bar .navbar-right li { margin-top: 0; width: 100%; padding: 1px 0; text-align: right; display: block; -webkit-transition: all .4s; transition: all .4s; text-align: center; } #top-bar .navbar-right li .mbtn-wrapper { text-align: center; } #top-bar .navbar-right a:hover, #top-bar .navbar-right a.active, #top-bar .navbar-right a.selected { color: #105caa; background-color: #fff; } #top-bar .language { border-left: 1px solid #105caa; top: 27px; right: 21px; } #top-bar .language div { width: 130px; } #top-bar .language div .dropdown-menu.open .dropdown-menu.inner { width: 100%; border: 1px solid #105caa; } #top-bar .language div .dropdown-menu.open .dropdown-menu.inner li[data-original-index="0"] { border-top: 0; } } @media (max-width: 450px) { #top-bar .dropdown-menu.open .inner-img { height: 20px; } #top-bar button[title="RO"] span, #top-bar button[title="EN"] span { font-size: 1em; } #top-bar button.navbar-toggle { padding: 25px 10px 25px 0; } } #top-bar .helloUser { border-left: 1px solid #105caa; float: right; width: auto; right: 0; margin-top: 30px; padding-left: 30px; font-weight: 600; color: #313131; } #top-bar .helloUser .userImage { border-radius: 50%; display: inline-block; padding-right: 10px; width: auto; height: auto; } #top-bar .helloUser .userImage img { width: 45px; height: 45px; border-radius: 50%; } #top-bar .helloUser .userImage .fa { color: #313131; } #top-bar .helloUser .userName { padding-right: 7px; } @media (max-width: 992px) { #top-bar .helloUser .userName { display: none; } #top-bar .helloUser .userImage { padding-right: 7px; } } @media (max-width: 767px) { #top-bar .helloUser { padding-right: 15px; position: absolute; top: 0; margin-top: 23px; } } #top-bar .userMenu { width: 30%; background: #fff; margin-top: 10px; float: right; padding: 10px; } #top-bar .userMenu ul li { padding: 5px; font-size: 16px; list-style-type: none; color: #332BAD; transition: color 0.2s; } #top-bar .userMenu ul li:hover { color: #00c65e; } #top-bar .userMenu ul li a { color: #313131; } #top-bar .userMenu ul li a:active, #top-bar .userMenu ul li a:hover, #top-bar .userMenu ul li a:focus { text-decoration: none; } #top-bar .userMenu ul li .icon { padding-left: 10px; } #top-bar .userMenu ul li:hover { padding-left: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #top-bar .userMenu ul li:hover a, #top-bar .userMenu ul li:hover .fa { color: #6e6e6e; } @media (min-width: 768px) { #top-bar .userMenu { position: absolute; right: 0; top: 90px; width: 16%; } } @media (max-width: 490px) { #top-bar .userMenu { width: 45%; } } @media (max-width: 1199px) { #top-bar .container.custom_container { width: 100% !important; } } @media (min-width: 1240px) { #top-bar .container.custom_container.is_logged.ro_lang, #top-bar .container.custom_container.not_logged.ro_lang { width: 1235px !important; } } @media (min-width: 889px) and (max-width: 1240px) { #top-bar .container.custom_container.is_logged.ro_lang .navbar-right .app_guide img, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right .app_guide img { width: 25px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right .app_guide, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right .app_guide { padding-right: 15px !important; margin-right: 15px !important; padding-top: 8px !important; padding-bottom: 8px !important; margin-top: -6px; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right { padding-right: 25px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li { margin-right: 5px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li .mbtn-effect .mbtn, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li .mbtn-effect .mbtn { font-size: 14px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li .mbtn, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li .mbtn { padding: 0 13px !important; } #top-bar .container.custom_container.is_logged.ro_lang .logo-image img, #top-bar .container.custom_container.not_logged.ro_lang .logo-image img { height: 60px !important; margin-top: 5px !important; } #top-bar .container.custom_container.is_logged.ro_lang .helloUser .userImage img, #top-bar .container.custom_container.not_logged.ro_lang .helloUser .userImage img { width: 37px !important; height: 37px !important; } } @media (min-width: 768px) and (max-width: 889px) { #top-bar .container.custom_container.is_logged.ro_lang .navbar-right .app_guide img, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right .app_guide img { width: 25px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right .app_guide, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right .app_guide { padding-right: 15px !important; margin-right: 15px !important; padding-top: 8px !important; padding-bottom: 8px !important; margin-top: -6px; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right { padding-right: 25px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li { margin-right: 5px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li .mbtn-effect .mbtn, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li .mbtn-effect .mbtn { font-size: 14px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li .mbtn, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li .mbtn { padding: 0 13px !important; } #top-bar .container.custom_container.is_logged.ro_lang .logo-image img, #top-bar .container.custom_container.not_logged.ro_lang .logo-image img { height: 60px !important; margin-top: 5px !important; } #top-bar .container.custom_container.is_logged.ro_lang .helloUser .userImage img, #top-bar .container.custom_container.not_logged.ro_lang .helloUser .userImage img { width: 37px !important; height: 37px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li { margin-right: 2px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li .mbtn-effect .mbtn, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li .mbtn-effect .mbtn { font-size: 12px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right li .mbtn, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right li .mbtn { padding: 0 9px !important; } #top-bar .container.custom_container.is_logged.ro_lang .helloUser, #top-bar .container.custom_container.not_logged.ro_lang .helloUser { padding-left: 10px !important; } #top-bar .container.custom_container.is_logged.ro_lang .helloUser .userImage, #top-bar .container.custom_container.not_logged.ro_lang .helloUser .userImage { padding-right: 0px !important; } #top-bar .container.custom_container.is_logged.ro_lang .navbar-right .app_guide, #top-bar .container.custom_container.not_logged.ro_lang .navbar-right .app_guide { margin-right: 12px !important; } } @media (min-width: 768px) and (max-width: 1123px) { #top-bar .container.custom_container.is_logged.en_lang .navbar-right .app_guide img, #top-bar .container.custom_container.not_logged.en_lang .navbar-right .app_guide img { width: 25px !important; } #top-bar .container.custom_container.is_logged.en_lang .navbar-right .app_guide, #top-bar .container.custom_container.not_logged.en_lang .navbar-right .app_guide { padding-right: 15px !important; margin-right: 15px !important; padding-top: 8px !important; padding-bottom: 8px !important; margin-top: -6px; } #top-bar .container.custom_container.is_logged.en_lang .navbar-right, #top-bar .container.custom_container.not_logged.en_lang .navbar-right { padding-right: 25px !important; } #top-bar .container.custom_container.is_logged.en_lang .navbar-right li, #top-bar .container.custom_container.not_logged.en_lang .navbar-right li { margin-right: 5px !important; } #top-bar .container.custom_container.is_logged.en_lang .navbar-right li .mbtn-effect .mbtn, #top-bar .container.custom_container.not_logged.en_lang .navbar-right li .mbtn-effect .mbtn { font-size: 14px !important; } #top-bar .container.custom_container.is_logged.en_lang .navbar-right li .mbtn, #top-bar .container.custom_container.not_logged.en_lang .navbar-right li .mbtn { padding: 0 13px !important; } #top-bar .container.custom_container.is_logged.en_lang .logo-image img, #top-bar .container.custom_container.not_logged.en_lang .logo-image img { height: 60px !important; margin-top: 5px !important; } #top-bar .container.custom_container.is_logged.en_lang .helloUser .userImage img, #top-bar .container.custom_container.not_logged.en_lang .helloUser .userImage img { width: 37px !important; height: 37px !important; } } .payu { width: 70%; margin: 0 auto; margin-top: 1em; display: block; } .payu .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } .payu .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } .payu .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .payu .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } .payu .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .payu .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } .payu .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .payu .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } .payu .cbtn-wrapper { text-align: center; } #contact, #need-assist { margin: 0 0 50px; min-height: calc(100vh - 395px); font-size: 14px; color: #313131; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } @media (max-width: 767px) { #contact, #need-assist { min-height: calc(100vh - 480px); } } #contact .contact-us, #need-assist .contact-us { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("assets/images/contact-us.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/contact-us.jpg"); background-size: cover; background-position: center 40%; text-transform: uppercase; padding: 176px 20px; width: 100%; text-align: center; font-size: 40px; color: #fff; margin: 0; } #contact .contact-info, #need-assist .contact-info { padding: 20px 70px 30px 80px; } @media (max-width: 991px) { #contact .contact-info, #need-assist .contact-info { margin-right: 0px; margin-left: 0px; padding: 20px 20px 80px; } } @media (max-width: 870px) { #contact .contact-info, #need-assist .contact-info { padding: 20px 15px 30px 15px; } } @media (max-width: 550px) { #contact .contact-info, #need-assist .contact-info { float: none; width: 100%; padding: 20px 30px; } } #contact .contact-info .info, #need-assist .contact-info .info { padding: 10px 0px; } #contact .contact-info .info a, #need-assist .contact-info .info a { color: #313131; display: block; } #contact .contact-info .info a:hover, #need-assist .contact-info .info a:hover { text-decoration: none; -webkit-animation: scaleInOutOnce 0.4s; animation: scaleInOutOnce 0.4s; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -webkit-filter: blur(0); filter: blur(0); } #contact .contact-info .divider, #need-assist .contact-info .divider { height: 1px; width: 100%; margin-top: 20px; border-top: 0.3px solid #efefef; } #contact .contact-info .social, #need-assist .contact-info .social { margin-left: 0; } #contact .contact-info .social div, #need-assist .contact-info .social div { padding: 10px 0px; float: left; } #contact .contact-info .social div .icon-wrapper, #need-assist .contact-info .social div .icon-wrapper { text-align: right; margin: 0 auto; /*padding: 2em 0 3em;*/ } #contact .contact-info .social div .icon, #need-assist .contact-info .social div .icon { display: inline-block; font-size: 0px; cursor: pointer; /*margin: 15px 30px;*/ width: 30px; height: 30px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #313131; text-decoration: none; } #contact .contact-info .social div .icon:after, #need-assist .contact-info .social div .icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #contact .contact-info .social div .icon:before, #need-assist .contact-info .social div .icon:before { font-family: 'FontAwesome'; font-size: 15px; line-height: 30px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } #contact .contact-info .social div .icon-effect .icon, #need-assist .contact-info .social div .icon-effect .icon { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #313131; box-shadow: inset 0 0 0 1.5px #313131; -webkit-transition: color 0.2s; transition: color 0.2s; padding-bottom: 1.5px; } #contact .contact-info .social div .icon-effect .icon:after, #need-assist .contact-info .social div .icon-effect .icon:after { top: -1px; left: -1px; padding: 1px; z-index: -1; background: #313131; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #contact .contact-info .social div .icon-effect .icon:hover, #need-assist .contact-info .social div .icon-effect .icon:hover { color: #313131; text-decoration: none; } #contact .contact-info .social div .icon-effect .icon:hover:after, #need-assist .contact-info .social div .icon-effect .icon:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #contact .contact-info .social div.second, #need-assist .contact-info .social div.second { margin-left: 10px; } #contact .contact-form, #need-assist .contact-form { padding: 20px 70px 30px 80px; } @media (max-width: 991px) { #contact .contact-form, #need-assist .contact-form { margin-right: 0px; margin-left: 0px; padding: 20px 20px 80px; } } @media (max-width: 870px) { #contact .contact-form, #need-assist .contact-form { padding: 20px 15px 30px 15px; } } @media (max-width: 550px) { #contact .contact-form, #need-assist .contact-form { float: none; width: 100%; padding: 20px 30px; } } #contact .contact-form .input-group, #need-assist .contact-form .input-group { width: 100% !important; max-width: 100% !important; margin-top: 10px; } #contact .contact-form .input-group .form-control, #need-assist .contact-form .input-group .form-control { display: block; width: 100%; height: 51px; line-height: 1.42857143; color: #313131; background-color: #f8f8f8; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 38px; font-size: 14px; } #contact .contact-form .input-group .form-control:focus, #contact .contact-form .input-group .form-control:active, #need-assist .contact-form .input-group .form-control:focus, #need-assist .contact-form .input-group .form-control:active { padding: 15px 15px 15px 38px; font-size: 16px; } #contact .contact-form .input-group input:-webkit-autofill, #contact .contact-form .input-group input:-webkit-autofill:hover, #contact .contact-form .input-group input:-webkit-autofill:focus, #contact .contact-form .input-group input:-webkit-autofill:active, #need-assist .contact-form .input-group input:-webkit-autofill, #need-assist .contact-form .input-group input:-webkit-autofill:hover, #need-assist .contact-form .input-group input:-webkit-autofill:focus, #need-assist .contact-form .input-group input:-webkit-autofill:active { background-color: #f8f8f8 !important; background-image: none; color: #f8f8f8 !important; -webkit-box-shadow: 0 0 0 30px #f8f8f8 inset !important; box-shadow: 0 0 0 30px #f8f8f8 inset !important; } #contact .contact-form .input-group label, #need-assist .contact-form .input-group label { position: absolute; top: 0; left: 0; padding-left: 38px; padding-top: 8px; width: 100%; background-color: #f8f8f8; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } #contact .contact-form .input-group textarea#contactMessage, #need-assist .contact-form .input-group textarea#contactMessage { height: 184px !important; min-height: 184px !important; max-height: 184px !important; width: 100%; max-width: 100%; padding-left: 38px; padding-top: 25px; } #contact .contact-form .form-control::-moz-placeholder, #need-assist .contact-form .form-control::-moz-placeholder { color: #313131; opacity: 1; } #contact .contact-form .form-control:-ms-input-placeholder, #need-assist .contact-form .form-control:-ms-input-placeholder { color: #313131; } #contact .contact-form .form-control::-webkit-input-placeholder, #need-assist .contact-form .form-control::-webkit-input-placeholder { color: #313131; } #contact .contact-form .check-rating-unit, #need-assist .contact-form .check-rating-unit { padding: 20px 0px; } #contact .contact-form .check-rating-unit .check-rating, #need-assist .contact-form .check-rating-unit .check-rating { margin: 20px 0; } #contact .contact-form .check-rating-unit .styled-checkbox+label:before, #need-assist .contact-form .check-rating-unit .styled-checkbox+label:before { border: 1.5px solid #49a948; } #contact .contact-form .check-rating-unit .styled-checkbox:hover+label:before, #need-assist .contact-form .check-rating-unit .styled-checkbox:hover+label:before { background: #49a948; } #contact .contact-form .check-rating-unit .styled-checkbox:checked+label:before, #need-assist .contact-form .check-rating-unit .styled-checkbox:checked+label:before { background: #fff; } #contact .contact-form .check-rating-unit .styled-checkbox:checked+label:after, #need-assist .contact-form .check-rating-unit .styled-checkbox:checked+label:after { color: #49a948; } #contact .contact-form .sendBtn, #need-assist .contact-form .sendBtn { padding-top: 10px; width: 30%; display: block; } #contact .contact-form .sendBtn .cbtn-wrapper, #need-assist .contact-form .sendBtn .cbtn-wrapper { text-align: left; } @media (max-width: 991px) { #contact .contact-form .sendBtn, #need-assist .contact-form .sendBtn { width: 50%; } } @media (max-width: 360px) { #contact .contact-form .sendBtn, #need-assist .contact-form .sendBtn { width: 80%; } #contact .contact-form .sendBtn .cbtn-wrapper, #need-assist .contact-form .sendBtn .cbtn-wrapper { text-align: center; } } #contact .contact-form .sendBtn .cbtn-wrapper, #need-assist .contact-form .sendBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #contact .contact-form .sendBtn .cbtn, #need-assist .contact-form .sendBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #contact .contact-form .sendBtn .cbtn:after, #need-assist .contact-form .sendBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #contact .contact-form .sendBtn .cbtn-effect .cbtn, #need-assist .contact-form .sendBtn .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #contact .contact-form .sendBtn .cbtn-effect .cbtn:after, #need-assist .contact-form .sendBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #contact .contact-form .sendBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #need-assist .contact-form .sendBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #contact .contact-form .sendBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #need-assist .contact-form .sendBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #contact .contact-form .sendBtn .cbtn-disabled .cbtn, #need-assist .contact-form .sendBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #contact .contact-form .response, #need-assist .contact-form .response { font-style: italic; font-size: 15px; margin-top: 15px; } #contact .contact-form .response .success, #need-assist .contact-form .response .success { color: #313131; } #contact .contact-form .response .error, #need-assist .contact-form .response .error { color: #e50000; } #about-us { margin-top: 100px; margin-bottom: -140px; min-height: calc(100vh - 395px); font-size: 14px; color: #313131; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } @media (max-width: 991px) { #about-us { margin-bottom: 0px; } } @media (max-width: 767px) { #about-us { min-height: calc(100vh - 480px); } } #about-us .container { overflow-x: visible; } #about-us h1 { text-transform: uppercase; } #about-us .section-heading { font-weight: 600; text-transform: uppercase; font-size: 16px; } #about-us .about-us { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("assets/images/about-us-header.png"); background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/about-us-header.png"); background-size: cover; background-position: center 40%; text-transform: uppercase; padding: 176px 20px; width: 100%; text-align: center; font-size: 40px; color: #fff; } #about-us .autonom { background-color: #a1a1a1; padding: 35px 20px; width: 100%; text-align: center; margin-bottom: 22px; } @media screen and (min-width:900px) { #about-us .autonom { text-align: left; } } #about-us .autonom span { font-weight: 600; font-size: 26px; color: #fff; display: inline-block; text-transform: uppercase; } @media (max-width: 1275px) { #about-us .autonom span { font-size: 24px; } #about-us .autonom span .endl { display: block; } } #about-us .autonom img { padding-left: 30px; width: 350px; height: auto; } @media (max-width: 1275px) { #about-us .autonom img { width: 300px; margin-top: -32px; } } @media (max-width: 890px) { #about-us .autonom img { margin-top: 20px; margin-left: -32px; } } #about-us .sections .info { border-bottom: 0.3px solid #efefef; } #about-us .sections .info h3 { padding: 50px 0px 5px 140px; margin: 0 !important; } @media (max-width: 370px) { #about-us .sections .info h3 { padding: 15px 0; text-align: center; } } #about-us .sections .info p { padding: 5px 0px 50px 140px; } @media (max-width: 370px) { #about-us .sections .info p { padding: 15px 0; } } #about-us .sections img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 370px) { #about-us .sections img { top: 0; -webkit-transform: none; transform: none; position: relative; display: block; margin: 0 auto; padding-top: 10px; } } #about-us .sections .last { border-bottom: none; } @media (max-width: 370px) { #about-us .sections .first { border-top: 0.3px solid #efefef; } } #homepage { -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } #login { background-color: #f8f8f8; padding: 20px 70px 30px 80px; margin-right: 15px; } @media (max-width: 991px) { #login { margin-right: 0px; margin-left: 0px; } } @media (max-width: 870px) { #login { padding: 20px 15px 30px 15px; } } #login h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 60px 10px 0px; } #login .bottom-buttons { margin-top: 50px; padding-top: 25px; border-top: 1px solid #898989; } #login .bottom-buttons .terms, #login .bottom-buttons .need-assist, #login .bottom-buttons .application_guide { float: left; width: 30%; text-align: center; font-size: 15px; } @media screen and (max-width: 500px) { #login .bottom-buttons .terms, #login .bottom-buttons .need-assist, #login .bottom-buttons .application_guide { width: 100%; text-align: left; float: none; padding-top: 5px; } } #login .bottom-buttons a { font-size: 16px; } #login .dropdown-list { width: 100%; } @media (max-width: 480px) { #login .dropdown-list { padding-left: 0; padding-right: 0; } } #login .dropdown-input label { left: 0; } #login .input-group { padding: 8px 0; } #login .input-group .input-group-addon { padding: 15px 0px 15px 20px; font-size: 16px; font-weight: 400; line-height: 1; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0; } #login .input-group .input-group-addon#userIcon { color: #49a948; } #login .input-group .input-group-addon#pwdIcon, #login .input-group .input-group-addon#phoneIcon, #login .input-group .input-group-addon#mailIcon { color: #105caa; } #login .input-group .input-group-addon.toggleOptions { padding: 15px 20px 15px 15px; } #login .input-group .input-group-addon.toggleOptions a, #login .input-group .input-group-addon.toggleOptions a>i::before, #login .input-group .input-group-addon.toggleOptions a:active, #login .input-group .input-group-addon.toggleOptions a:active>i::before, #login .input-group .input-group-addon.toggleOptions a:hover, #login .input-group .input-group-addon.toggleOptions a:hover>i::before { color: #313131 !important; text-decoration: none; } #login .input-group .input-group-addon.toggleOptions:hover { cursor: pointer; } #login .input-group .form-control { display: block; width: 100%; height: 48px; padding: 15px 15px 15px 7px; font-size: 16px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } #login .input-group .form-control:focus { border: 0; } #login .input-group:hover #userIcon { color: #6dba6c; background-color: #ebebeb; } #login .input-group:hover #pwdIcon, #login .input-group:hover #phoneIcon, #login .input-group:hover #mailIcon { color: #3f7cbb; background-color: #ebebeb; } #login .input-group:hover #customField1, #login .input-group:hover #customField2, #login .input-group:hover #customField3, #login .input-group:hover #customField4, #login .input-group:hover #customField5 { color: #6e6e6e; background-color: #ebebeb; } #login .input-group:hover .form-control, #login .input-group:hover .toggleOptions { background-color: #ebebeb; } #login .fadeIn { -webkit-animation: fadeInAnimation 1s; animation: fadeInAnimation 1s; } #login .fadeOut { -webkit-animation: fadeOutAnimation 1s; animation: fadeOutAnimation 1s; } #login .sign-up { margin-top: 24px; } #login .sign-up span { color: #313131; font-size: 14px; } #login .sign-up a { font-size: 14px; color: #105caa; text-decoration: underline; } @media (max-width: 415px) { #login .sign-up a { display: block; padding-left: 0; } } #login .userInfo .userInfoField { margin-top: 15px; } #login .userInfo input[disabled="disabled"] { cursor: default; } #login .userInfo label { font-weight: 600; position: absolute; top: -15px; text-transform: uppercase; font-size: 15px; } #login .editDetailsBtn, #login .cancelEditBtn { position: absolute; right: 102px; top: 52px; } #login .editDetailsBtn .icon-wrapper, #login .cancelEditBtn .icon-wrapper { text-align: right; margin: 0 auto; /*padding: 2em 0 3em;*/ } #login .editDetailsBtn .icon, #login .cancelEditBtn .icon { display: inline-block; font-size: 0px; cursor: pointer; /*margin: 15px 30px;*/ width: 30px; height: 30px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #898989; text-decoration: none; } #login .editDetailsBtn .icon:after, #login .cancelEditBtn .icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #login .editDetailsBtn .icon:before, #login .cancelEditBtn .icon:before { font-family: 'FontAwesome'; font-size: 19px; line-height: 30px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } #login .editDetailsBtn .icon-effect .icon, #login .cancelEditBtn .icon-effect .icon { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #898989; box-shadow: inset 0 0 0 1.5px #898989; -webkit-transition: color 0.2s; transition: color 0.2s; padding-bottom: 1.5px; } #login .editDetailsBtn .icon-effect .icon:after, #login .cancelEditBtn .icon-effect .icon:after { top: -1px; left: -1px; padding: 1px; z-index: -1; background: #898989; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #login .editDetailsBtn .icon-effect .icon:hover, #login .cancelEditBtn .icon-effect .icon:hover { color: #898989; text-decoration: none; } #login .editDetailsBtn .icon-effect .icon:hover:after, #login .cancelEditBtn .icon-effect .icon:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } @media (max-width: 991px) and (min-width: 870px) { #login .editDetailsBtn, #login .cancelEditBtn { right: 86px; } } @media (max-width: 870px) { #login .editDetailsBtn, #login .cancelEditBtn { right: 32px; } } #login .saveBtn, #login .loginBtn, #login .createAccount { width: 45%; padding-top: 20px; } @media (max-width: 520px) { #login .saveBtn, #login .loginBtn, #login .createAccount { width: 70%; } } @media (max-width: 390px) { #login .saveBtn, #login .loginBtn, #login .createAccount { width: 100%; } } #login .saveBtn .cbtn-wrapper, #login .loginBtn .cbtn-wrapper, #login .createAccount .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #login .saveBtn .cbtn, #login .loginBtn .cbtn, #login .createAccount .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #login .saveBtn .cbtn:after, #login .loginBtn .cbtn:after, #login .createAccount .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #login .saveBtn .cbtn-effect .cbtn, #login .loginBtn .cbtn-effect .cbtn, #login .createAccount .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #login .saveBtn .cbtn-effect .cbtn:after, #login .loginBtn .cbtn-effect .cbtn:after, #login .createAccount .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #login .saveBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #login .loginBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #login .createAccount .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #login .saveBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #login .loginBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #login .createAccount .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #login .saveBtn .cbtn-disabled .cbtn, #login .loginBtn .cbtn-disabled .cbtn, #login .createAccount .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #login .cancelBtn { width: 45%; padding-top: 20px; } @media (max-width: 520px) { #login .cancelBtn { width: 70%; } } @media (max-width: 390px) { #login .cancelBtn { width: 100%; } } #login .cancelBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #login .cancelBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #login .cancelBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #login .cancelBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #e50000; box-shadow: inset 0 0 0 1.5px #e50000; -webkit-transition: color 0.2s; transition: color 0.2s; } #login .cancelBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #e50000; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #login .cancelBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #e50000; text-decoration: none; } #login .cancelBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #login .cancelBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #login .logoutBtn { width: 45%; padding-top: 20px; } @media (max-width: 520px) { #login .logoutBtn { width: 70%; } } #login .logoutBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #login .logoutBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #login .logoutBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #login .logoutBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #login .logoutBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #login .logoutBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #login .logoutBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #login .logoutBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #login .createAccout .input-group { padding: 8px 0; } #login .createAccout .input-group .input-group-addon { padding: 15px 0px 15px 20px; font-size: 16px; font-weight: 400; line-height: 1; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0; } #login .createAccout .input-group .input-group-addon i { width: 16px; height: auto; } #login .createAccout .input-group .input-group-addon#userIcon { color: #49a948; } #login .createAccout .input-group .input-group-addon#mailIcon, #login .createAccout .input-group .input-group-addon#phoneIcon, #login .createAccout .input-group .input-group-addon#pwdIcon { color: #105caa; } #login .createAccout .input-group .form-control { display: block; width: 100%; height: 48px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 8px; font-size: 14px; } #login .createAccout .input-group .form-control:focus, #login .createAccout .input-group .form-control:active { padding: 15px 15px 15px 7px; font-size: 16px; } #login .createAccout .input-group label { position: absolute; top: 14px; left: 44px; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } #login .createAccout .input-group:hover #userIcon { color: #6dba6c; background-color: #ebebeb; } #login .createAccout .input-group:hover #mailIcon, #login .createAccout .input-group:hover #phoneIcon, #login .createAccout .input-group:hover #pwdIcon { color: #3f7cbb; background-color: #ebebeb; } #login .createAccout .input-group:hover .form-control { background-color: #ebebeb; } #login .createAccout .form-control::-moz-placeholder { color: #313131; opacity: 1; } #login .createAccout .form-control:-ms-input-placeholder { color: #313131; } #login .createAccout .form-control::-webkit-input-placeholder { color: #313131; } #login .createAccoutFeedback, #login .userUpdateFeedback { font-size: 16px; } #login .backToLogin, #login .userUpdateFeedback { cursor: pointer; font-size: 18px; } #login .backToLogin a, #login .userUpdateFeedback a { font-size: 16px; text-decoration: underline; padding-left: 63px; } #login .backToLogin { padding-top: 30px; } #login .loginErrorMessage { font-size: 18px; font-weight: 600; padding: 10px 15px; color: #e50000; background-color: white; } #login .createAccoutFeedback a { color: #105caa; font-weight: 600; text-decoration: underline; } #login .createAccoutFeedback a:hover { color: #3f7cbb; } #login .companyCustomTab, #login .changePassTab, #login .personalTab { padding: 10px 15px 6px 15px; } #login .companyCustomTab a, #login .changePassTab a, #login .personalTab a { color: #898989; text-transform: uppercase; text-decoration: none; } #login .companyCustomTab a:hover, #login .companyCustomTab a:active, #login .changePassTab a:hover, #login .changePassTab a:active, #login .personalTab a:hover, #login .personalTab a:active { text-decoration: none; } @media (max-width: 410px) { #login .companyCustomTab, #login .changePassTab, #login .personalTab { width: 50%; } } #login .changePassTab { text-align: left; border-left: 1px solid #efefef; } #login .activeTab a { color: #313131; } #login .changePassword.fadeIn { margin-top: 20px !important; } #login .changePassword.fadeIn .passwordChange { margin-top: 15px !important; } #login .check-rating-unit { padding: 20px 0px; } #login .check-rating-unit .check-rating { margin: 20px 0; } #login .check-rating-unit .styled-checkbox { z-index: 1; width: 20px; } #login .check-rating-unit .styled-checkbox+label:before { border: 1.5px solid #49a948; } #login .check-rating-unit .styled-checkbox:hover+label:before { background: #49a948; } #login .check-rating-unit .styled-checkbox:checked+label:before { background: #fff; } #login .check-rating-unit .styled-checkbox:checked+label:after { color: #49a948; } #login .check-rating-unit label { position: relative; text-transform: none; top: 0; font-weight: 700; } .inpage-login-box #login form.login-form-not-logged-in .form-group:before { content: none !important; } .inpage-login-box #login form.login-form-not-logged-in .form-group input { display: block; width: 100%; height: 48px; padding: 15px; font-size: 16px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .inpage-login-box #login form.login-form-not-logged-in .form-group input:hover, .inpage-login-box #login form.login-form-not-logged-in .form-group input:focus { background-color: #eee; } .inpage-login-box #login form.login-form-not-logged-in .form-group input[type="submit"] { background-color: #00C65E; border: 1px solid #00C65E; font-weight: 600; color: #fff; padding: 11px 10px; font-size: 18px; } .reset-pass { background-color: #00C65E; border: 1px solid #00C65E; font-weight: 600; color: #fff; font-size: 18px; } #login form.login-form-not-logged-in p.login-not-registered { text-align: right; font-size: 14px; } #hero p.login-not-registered a, #hero p.login-not-registered a:visited { color: #00c65e; } @media (max-width: 991px) { .sticky-wrapper { margin-top: 30px !important; } } .is-sticky { margin-top: 150px !important; margin-bottom: 120px !important; -webkit-transition: 0.4s cubic-bezier(0, 0.74, 0.45, 1.28); transition: 0.4s cubic-bezier(0, 0.74, 0.45, 1.28); z-index: 5 !important; } #map-container { height: 225px; background-color: #e7e7e7; padding: 0; } #map-container ng-map { height: 225px; } #map { background-color: #f8f8f8; } @media (max-width: 991px) { #map { margin-left: 0px; margin-right: 0px; } } #map .addPromoBtn { padding-bottom: 30px; width: 70%; display: block; margin: 0 auto; } @media (max-width: 360px) { #map .addPromoBtn { width: 80%; } } #map .addPromoBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #map .addPromoBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #map .addPromoBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #map .addPromoBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #map .addPromoBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #map .addPromoBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #map .addPromoBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #map .addPromoBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #map .addPromoBtn .cbtn-wrapper { text-align: center; } #map .calcPriceBtn { padding-bottom: 30px; width: 70%; display: block; margin: 0 auto; } @media (max-width: 360px) { #map .calcPriceBtn { width: 80%; } } #map .calcPriceBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #map .calcPriceBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #map .calcPriceBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #map .calcPriceBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #map .calcPriceBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #map .calcPriceBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #map .calcPriceBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #map .calcPriceBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #map .calcPriceBtn .cbtn-wrapper { text-align: center; } #map .bookAnotherTripBtn, #map .confirmationPdf { width: 70%; display: block; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; } @media (max-width: 360px) { #map .bookAnotherTripBtn, #map .confirmationPdf { width: 80%; } } #map .bookAnotherTripBtn .cbtn-wrapper, #map .confirmationPdf .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #map .bookAnotherTripBtn .cbtn, #map .confirmationPdf .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #map .bookAnotherTripBtn .cbtn:after, #map .confirmationPdf .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #map .bookAnotherTripBtn .cbtn-effect .cbtn, #map .confirmationPdf .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #map .bookAnotherTripBtn .cbtn-effect .cbtn:after, #map .confirmationPdf .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #map .bookAnotherTripBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #map .confirmationPdf .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #map .bookAnotherTripBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #map .confirmationPdf .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #map .bookAnotherTripBtn .cbtn-disabled .cbtn, #map .confirmationPdf .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #map .bookAnotherTripBtn .cbtn-wrapper, #map .confirmationPdf .cbtn-wrapper { text-align: center; } #map .confirmationPdf { padding-bottom: 0; } #map #book-now { margin: 30px 0; height: 48px; width: 230px; line-height: 48px; text-align: center; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #fff; border: none; background-color: #49a948; cursor: default; padding: 0; } #map #book-now .btn-disabled { background-color: #e7e7e7 !important; color: #898989 !important; } #map #book-now:hover { background-color: #6dba6c; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #map #book-now[disabled="disabled"] { opacity: 0.5; cursor: default; } #map #book-now[disabled="disabled"]:hover { background-color: #49a948; opacity: 0.5; } #map .promoCodeInput { padding-bottom: 30px; } #map .promoCodeInput .input-group { padding: 14px 0 8px 0; width: 70%; margin: 0 auto; } @media (max-width: 360px) { #map .promoCodeInput .input-group { width: 80%; } } #map .promoCodeInput .input-group .input-group-addon { padding: 15px 8px 15px 20px; font-size: 16px; font-weight: 400; line-height: 1; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0; } #map .promoCodeInput .input-group .input-group-addon#promoCodeGift { color: #105caa; } #map .promoCodeInput .input-group .form-control { display: block; width: 100%; height: 48px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 8px; font-size: 14px; } #map .promoCodeInput .input-group .form-control:focus, #map .promoCodeInput .input-group .form-control:active { padding: 15px 15px 15px 7px; font-size: 16px; } #map .promoCodeInput .input-group label { position: absolute; top: 20px; left: 49px; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } #map .promoCodeInput .input-group:hover #promoCodeGift { color: #3f7cbb; background-color: #ebebeb; } #map .promoCodeInput .input-group:hover .form-control { background-color: #ebebeb; } #map .promoCodeInput .form-control::-moz-placeholder { color: #313131; opacity: 1; } #map .promoCodeInput .form-control:-ms-input-placeholder { color: #313131; } #map .promoCodeInput .form-control::-webkit-input-placeholder { color: #313131; } #map .httpSpinner { color: #105caa; padding-bottom: 20px; margin-bottom: 20px; } #map .httpSpinner .estimating, #map .httpSpinner .booking-trip { margin-top: 20px; margin-bottom: 20px; font-size: 18px; } #map .processingError { font-size: 18px; font-weight: 600; padding-bottom: 20px; color: #e50000; } #map .processingError.infoMessage { color: #313131; } #map .priceEstimation.row, #map .bookingConfirmation.row { background-color: #deefde; padding: 30px 0px; margin-bottom: 30px; color: #313131; } #map .estimated-caption, #map .estimated-price, #map .estimated-distance, #map .booking-number { text-align: left; margin-left: 25px; padding: 5px; font-weight: 600; } #map .estimated-caption { font-size: 18px; text-transform: uppercase; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #313131; margin: 0px 30px 15px 30px; } #map .price, #map .distance, #map .number { font-weight: 600; display: block; font-size: 17px; padding: 10px 0px; } #map .price_full { display: block; font-size: 15px; } #map .trip_type { font-weight: 600; } #map .required_field { display: none; } @media (max-width: 991px) { #map .required_field { color: #e50000; display: inline-block; } } #book-now { background-color: #f8f8f8; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; padding: 20px 70px 30px 80px; margin-right: 15px; } @media (max-width: 991px) { #book-now { margin-right: 0px; margin-left: 0px; } } @media (max-width: 870px) { #book-now { padding: 20px 15px 30px 15px; } } #book-now h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 0; } #book-now #returndpAnchor, #book-now #journeydpAnchor { position: relative; overflow: visible; } #book-now #returndpAnchor .dropdown-menu, #book-now #journeydpAnchor .dropdown-menu { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; -webkit-animation: fadeInAnimation 0.3s ease; animation: fadeInAnimation 0.3s ease; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, #book-now #returndpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:before, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:before { top: -7px; left: 7px; bottom: auto; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, #book-now #returndpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:after, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:after { top: -6px; left: 8; bottom: auto; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:after, #book-now #returndpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:before, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:after, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget.dropdown-menu.top:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #book-now #returndpAnchor .picker-switch.accordion-toggle table.table-condensed, #book-now #journeydpAnchor .picker-switch.accordion-toggle table.table-condensed { width: auto; float: right; margin-bottom: 10px; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok { width: auto; color: #fff; background-color: #105caa; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok::after, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok::after { content: 'OK'; font-size: 14px; font-weight: 600; color: #fff; padding-right: 10px; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok::before, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok::before { font-size: 14px; padding: 10px; } #book-now #returndpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok:hover, #book-now #journeydpAnchor .bootstrap-datetimepicker-widget table td span.glyphicon.glyphicon-ok:hover { background-color: #3f7cbb; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #book-now .input-group { padding: 8px 0; } #book-now .input-group .input-group-addon { padding: 0; text-align: right !important; font-size: 16px; width: 30px; font-weight: 400; line-height: 1; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0; } #book-now .input-group .input-group-addon#dropoffPin, #book-now .input-group .input-group-addon#journeyDate, #book-now .input-group .input-group-addon#returnDate, #book-now .input-group .input-group-addon#flightD, #book-now .input-group .input-group-addon.building_interpoint, #book-now .input-group .input-group-addon#buildingD { color: #105caa; } #book-now .input-group .input-group-addon#dropoffPin .invalid, #book-now .input-group .input-group-addon#journeyDate .invalid, #book-now .input-group .input-group-addon#returnDate .invalid, #book-now .input-group .input-group-addon#flightD .invalid, #book-now .input-group .input-group-addon.building_interpoint .invalid, #book-now .input-group .input-group-addon#buildingD .invalid { color: #e50000; } #book-now .input-group .input-group-addon#pickupPin, #book-now .input-group .input-group-addon#building, #book-now .input-group .input-group-addon#flight { color: #49a948; } #book-now .input-group .input-group-addon#pickupPin .invalid, #book-now .input-group .input-group-addon#building .invalid, #book-now .input-group .input-group-addon#flight .invalid { color: #e50000; } #book-now .input-group .input-group-addon#showPOI1, #book-now .input-group .input-group-addon#showPOI2, #book-now .input-group .input-group-addon#showPOI3, #book-now .input-group .input-group-addon#showPOI4, #book-now .input-group .input-group-addon#interPoints, #book-now .input-group .input-group-addon.erase { padding: 15px; color: #313131; } #book-now .input-group .input-group-addon#showPOI1 a, #book-now .input-group .input-group-addon#showPOI2 a, #book-now .input-group .input-group-addon#showPOI3 a, #book-now .input-group .input-group-addon#showPOI4 a, #book-now .input-group .input-group-addon#interPoints a, #book-now .input-group .input-group-addon.erase a { color: #313131; } #book-now .input-group .input-group-addon.erase { font-size: 13px; } #book-now .input-group .input-group-addon.time { color: #313131; } #book-now .input-group .form-control { display: block; width: 100%; height: 48px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 8px; font-size: 14px; } #book-now .input-group .form-control:focus, #book-now .input-group .form-control:active { padding: 15px 15px 15px 7px; font-size: 16px; } #book-now .input-group select.ng-dirty:focus+label, #book-now .input-group select.ng-dirty:active+label { z-index: -1; } #book-now .input-group label { position: absolute; top: 14px; left: 38px; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } #book-now .input-group:hover #pickupPin, #book-now .input-group:hover #building, #book-now .input-group:hover #flight { color: #6dba6c; background-color: #ebebeb; } #book-now .input-group:hover #dropoffPin, #book-now .input-group:hover #returnDate, #book-now .input-group:hover #journeyDate, #book-now .input-group:hover #flightD, #book-now .input-group:hover #buildingD { color: #3f7cbb; background-color: #ebebeb; } #book-now .input-group:hover #showPOI1, #book-now .input-group:hover #showPOI2, #book-now .input-group:hover #showPOI3, #book-now .input-group:hover #showPOI4, #book-now .input-group:hover #interPoints, #book-now .input-group:hover .time, #book-now .input-group:hover .erase { color: #898989; background-color: #ebebeb !important; } #book-now .input-group:hover .form-control { background-color: #ebebeb; } #book-now .input-group+.required_field { position: absolute; top: 10px; right: 0px; color: #e50000; } @media (max-width: 500px) { #book-now .input-group+.required_field { right: -11px; } } #book-now .location-container.inter_point .input-group { position: relative; } #book-now .location-container.inter_point .input-group .required_field { position: absolute; top: 10px; color: #e50000; right: -14px; } @media (max-width: 500px) { #book-now .location-container.inter_point .input-group .required_field { right: -11px; } } #book-now .location-container.inter_point .formHelp { padding-left: 17px; } #book-now .form-control::-moz-placeholder { color: #313131; opacity: 1; } #book-now .form-control:-ms-input-placeholder { color: #313131; } #book-now .form-control::-webkit-input-placeholder { color: #313131; } #book-now .returnTab, #book-now .noteTab, #book-now .addStopsTab { padding: 10px 15px 6px 15px; } #book-now .returnTab a, #book-now .noteTab a, #book-now .addStopsTab a { color: #898989; text-transform: uppercase; text-decoration: none; font-size: 15px; } #book-now .returnTab a:hover, #book-now .returnTab a:active, #book-now .noteTab a:hover, #book-now .noteTab a:active, #book-now .addStopsTab a:hover, #book-now .addStopsTab a:active { text-decoration: none; color: #313131; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } @media (max-width: 410px) { #book-now .returnTab, #book-now .noteTab, #book-now .addStopsTab { width: 50%; } } #book-now .returnTab .fa.fa-plus, #book-now .noteTab .fa.fa-plus, #book-now .addStopsTab .fa.fa-plus { padding-left: 5px; } #book-now .noteTab { text-align: left; border-left: 1px solid #efefef; } #book-now .activeTab a { color: #313131; } #book-now .return_info_header { color: #898989; text-transform: uppercase; text-decoration: none; font-size: 14px; padding: 15px 0; } #book-now .noteCheck .fa, #book-now .returnCheck .fa { color: #49a948; font-size: 18px; padding-left: 10px; } #book-now .saveNoteCheck, #book-now .saveReturnCheck { display: inline-block; -webkit-animation: fadeInAnimation 1.5s ease; animation: fadeInAnimation 1.5s ease; } #book-now .input-group { width: 100% !important; max-width: 100% !important; } #book-now .input-group textarea#tripNotes { height: 184px !important; min-height: 184px !important; max-height: 184px !important; padding-left: 38px; padding-top: 25px; } #book-now .userPOIS { list-style-type: none; background-color: #f8f8f8; padding: 5px; } #book-now .userPOIS li { padding: 7px 0.75em; border-top: 1px solid #e6e6e6; } #book-now .userPOIS li a { text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: normal; padding-right: 3px; padding-left: 1px; pointer-events: all; cursor: default; line-height: 18px; } #book-now .userPOIS li a span { color: #999; font-size: 11px; } #book-now .userPOIS li a span.poi_name { font-size: 13px; color: #313131; } #book-now .userPOIS li span.pin { padding: 5px; font-size: 15px; color: #f8f8f8; } #book-now .userPOIS li span.pin.pickup { color: #49a948; } #book-now .userPOIS li span.pin.dropoff { color: #105caa; } #book-now .userPOIS li:hover { background-color: #fafafa; } #book-now .userPOIS li:hover .selected.pickup { color: #6dba6c; } #book-now .userPOIS li:hover .selected.dropoff { color: #3f7cbb; } #book-now .interPointsInputs { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin: 30px 0; padding: 15px 0; } @media (max-width: 360px) { #book-now .interPointsInputs { margin-left: -10%; width: 120%; } #book-now .interPointsInputs .heading.count { margin-left: 15px; width: 15%; } #book-now .interPointsInputs .heading.count .fa-stack .points-count { margin-left: 4.3px; } #book-now .interPointsInputs .heading.text { width: 60%; } } #book-now .interPointsInputs .heading .fa-stack .fa-stack-2x { font-size: 3em; } #book-now .interPointsInputs .heading .fa-stack .points-count { margin-top: 5.4px; margin-left: 4px; padding-top: 0; background-color: white; border-radius: 50%; width: 19px; height: 19px; line-height: 20px; } #book-now .interPointsInputs .heading.text .title { font-size: 18px; color: #313131; } #book-now .interPointsInputs li { display: block !important; margin: 7.5px 0px; list-style-type: none; } #book-now .interPointsInputs li .intermediaryPoint { background-color: #fff; border: 1px solid #efefef; padding: 10px; } #book-now .interPointsInputs li .intermediaryPoint .confirm_delete_popup { position: absolute; width: 100%; height: 100%; background-color: #3d3d3d; background-color: rgba(1, 1, 1, 0.8); top: 0; left: 0; z-index: 10; -webkit-transition: scale(1); transition: scale(1); -webkit-transform: transition 0.3s ease; transform: transition 0.3s ease; } #book-now .interPointsInputs li .intermediaryPoint .confirm_delete_popup .text_box { font-size: 16px; text-align: right; padding: 10% 10% 0 0; float: right; } #book-now .interPointsInputs li .intermediaryPoint .confirm_delete_popup .text_box span { color: #fff; display: block; padding: 5px; } #book-now .interPointsInputs li .intermediaryPoint .confirm_delete_popup .text_box a { display: inline-block; font-size: 16px; color: #3f7cbb; text-decoration: underline; padding-left: 10px; padding: 5px; } #book-now .interPointsInputs li .intermediaryPoint .confirm_delete_popup .text_box a:hover { color: #87add4; } #book-now .interPointsInputs li .intermediaryPoint .input-group { width: 90% !important; max-width: 91% !important; background-color: #fff; margin-left: 15px; } #book-now .interPointsInputs li .intermediaryPoint .input-group .form-control, #book-now .interPointsInputs li .intermediaryPoint .input-group .input-group-addon { background-color: #f8f8f8; } #book-now .interPointsInputs li .intermediaryPoint .input-group:hover input.form-control, #book-now .interPointsInputs li .intermediaryPoint .input-group:hover .input-group-addon { background-color: #f9f9f9 !important; } #book-now .interPointsInputs li .intermediaryPoint .input-group input { padding-right: 0px !important; } #book-now .interPointsInputs li .intermediaryPoint .input-group-addon-intermediary { text-align: left !important; } #book-now .interPointsInputs li .intermediaryPoint .interPointPois { background-color: #f8f8f8; margin-top: -8px; padding-top: 0; padding-bottom: 0; } #book-now .interPointsInputs li .intermediaryPoint .interPointPois li { margin: 0; } #book-now .interPointsInputs li .intermediaryPoint .interPointPois .search-user-poi-wrapper { padding: 8px 0; } #book-now .interPointsInputs li .intermediaryPoint .interPointPois .userPOIS { padding: 0 5px; } #book-now .interPointsInputs li .intermediaryPoint .delete { position: absolute; top: 10px; right: 30px; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon-wrapper { text-align: right; margin: 0 auto; /*padding: 2em 0 3em;*/ } #book-now .interPointsInputs li .intermediaryPoint .delete .icon { display: inline-block; font-size: 0px; cursor: pointer; /*margin: 15px 30px;*/ width: 20px; height: 20px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #898989; text-decoration: none; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon:before { font-family: 'FontAwesome'; font-size: 14px; line-height: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon-effect .icon { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #898989; box-shadow: inset 0 0 0 1.5px #898989; -webkit-transition: color 0.2s; transition: color 0.2s; padding-bottom: 1.5px; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon-effect .icon:after { top: -1px; left: -1px; padding: 1px; z-index: -1; background: #898989; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon-effect .icon:hover { color: #898989; text-decoration: none; } #book-now .interPointsInputs li .intermediaryPoint .delete .icon-effect .icon:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #book-now .interPointsInputs li .intermediaryPoint .move { position: absolute; top: 10px; right: 15px; } #book-now .interPointsInputs li .intermediaryPoint .handle:hover { cursor: -webkit-grab; cursor: grab; } #book-now .interPointsInputs li.ui-sortable-helper { -webkit-transform: scale(1.05); transform: scale(1.05); } #book-now .interPointsInputs .heading { padding: 10px 15px; color: #313131; text-transform: uppercase; text-decoration: none; } #book-now .interPointsInputs .heading.text { padding-top: 20px; } #book-now .interPointsInputs .heading.text .title { font-size: 15px; } #book-now .interPointsInputs .maxInterPoints { color: #e50000; text-decoration: none; -webkit-animation: fadeInOutAnimation 4s ease forwards; animation: fadeInOutAnimation 4s ease forwards; } #book-now .returnAdditionalInfo { position: relative; } #book-now .returnAdditionalInfo .required_field { top: 30px; right: -15px; } #book-now .mobileDatepicker input { -webkit-appearance: none; } #book-now .display_return_date { padding-top: 5px; font-size: 15px; } #book-now .search-user-poi-wrapper { padding-left: 1.25em; } #book-now .search-user-poi-wrapper .green { color: #49a948; } #book-now .search-user-poi-wrapper .blue { color: #105caa; } #book-now .search-user-poi-wrapper .search-user-poi { width: 90%; padding-left: 0.25em; background: transparent; border: 0; } #journeyDTP .bootstrap-datetimepicker-widget.dropdown-menu, #returnDTP .bootstrap-datetimepicker-widget.dropdown-menu, #next-orders .search_datepickers .bootstrap-datetimepicker-widget.dropdown-menu { padding: 15px; z-index: 2000; } #journeyDTP .dropdown-menu, #returnDTP .dropdown-menu, #next-orders .search_datepickers .dropdown-menu { border-radius: 0; } #journeyDTP .bootstrap-datetimepicker-widget table td.today:before, #returnDTP .bootstrap-datetimepicker-widget table td.today:before, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td.today:before { display: none; } #journeyDTP .bootstrap-datetimepicker-widget table td.today, #returnDTP .bootstrap-datetimepicker-widget table td.today, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td.today { background-color: #49a948; } #journeyDTP .bootstrap-datetimepicker-widget table td.today:hover, #returnDTP .bootstrap-datetimepicker-widget table td.today:hover, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td.today:hover { background-color: #6dba6c; } #journeyDTP .bootstrap-datetimepicker-widget button[data-action], #returnDTP .bootstrap-datetimepicker-widget button[data-action], #next-orders .search_datepickers .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; background-color: #105caa; border: 0; } #journeyDTP .bootstrap-datetimepicker-widget button[data-action]:focus, #journeyDTP .bootstrap-datetimepicker-widget button[data-action]:hover, #journeyDTP .bootstrap-datetimepicker-widget button[data-action]:active, #returnDTP .bootstrap-datetimepicker-widget button[data-action]:focus, #returnDTP .bootstrap-datetimepicker-widget button[data-action]:hover, #returnDTP .bootstrap-datetimepicker-widget button[data-action]:active, #next-orders .search_datepickers .bootstrap-datetimepicker-widget button[data-action]:focus, #next-orders .search_datepickers .bootstrap-datetimepicker-widget button[data-action]:hover, #next-orders .search_datepickers .bootstrap-datetimepicker-widget button[data-action]:active { background-color: #105caa; } #journeyDTP .bootstrap-datetimepicker-widget table td.active, #journeyDTP .bootstrap-datetimepicker-widget table td.active:hover, #returnDTP .bootstrap-datetimepicker-widget table td.active, #returnDTP .bootstrap-datetimepicker-widget table td.active:hover, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td.active, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td.active:hover { background-color: #105caa; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } #journeyDTP .bootstrap-datetimepicker-widget table td a:hover, #returnDTP .bootstrap-datetimepicker-widget table td a:hover, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td a:hover { background-color: #fff; } #journeyDTP .bootstrap-datetimepicker-widget table td span, #returnDTP .bootstrap-datetimepicker-widget table td span, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td span { color: #313131; } #journeyDTP .bootstrap-datetimepicker-widget table td span:hover, #returnDTP .bootstrap-datetimepicker-widget table td span:hover, #next-orders .search_datepickers .bootstrap-datetimepicker-widget table td span:hover { background-color: #fff; color: #898989; } #timeline { background-color: #f8f8f8; } #timeline .timeline-wrapper { margin-top: 30px; margin-bottom: 30px; margin-left: 10px; } #timeline .timeline-item { margin-bottom: 0px; margin-left: 40px; position: relative; } #timeline .timeline-item.last-item:before { display: none; } #timeline .timeline-item .inner { padding: 5px 10px; position: relative; color: #313131; font-weight: 600; } #timeline .timeline-item .inner .title { font-size: 16px; text-transform: uppercase; } #timeline .timeline-item .inner .content { font-size: 14px; } #timeline .timeline-item:before { background: #e7e7e7; border-radius: 0; bottom: -30px; -webkit-box-shadow: none; box-shadow: none; content: ""; height: 100%; left: -30px; position: absolute; width: 1px; } #timeline .timeline-item:after { background: #fff; background-size: cover; border: 1px solid #e7e7e7; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; content: ""; color: #105caa; height: 25px; left: -42px; position: absolute; top: 5px; width: 25px; } #timeline .check-bg-green.timeline-item:after { background: url("assets/images/check-green.png"), #fff; -webkit-animation: fadeInAnimation 0.5s ease-out; animation: fadeInAnimation 0.5s ease-out; } #timeline .check-bg-blue.timeline-item:after { background: url("assets/images/check-blue.png"), #fff; -webkit-animation: fadeInAnimation 0.5s ease-out; animation: fadeInAnimation 0.5s ease-out; } #timeline .clearfix:before, #timeline .clearfix:after { content: " "; display: table; } footer { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e7e7e7; height: 120px; margin-top: 175px; width: 100%; } @media (max-width: 991px) { footer { margin-top: 0; } } footer .logo-image img { height: 85px; width: auto; padding: 10px 0; margin-top: 32px; } @media (max-width: 767px) { footer .logo-image img { height: 75px; margin-top: calc(32px - 7px); } } @media (max-width: 315px) { footer .logo-image img { height: 60px; margin-top: 32px; } } footer .copyright, footer .pagelinks { font-size: 14px; } footer .copyright { text-align: left; margin-top: 43px; padding-left: 13px; } footer .pagelinks { margin-top: 21px; text-align: right; border-right: 1px solid #313131; padding-right: 30px; } footer .pagelinks .link { padding: 2px 0px; font-size: 13px; } footer .pagelinks .link a { color: #313131; text-decoration: none; } footer .pagelinks .link a:hover { color: #6e6e6e; padding-right: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1999px) { footer .copyright { margin-top: 31px; } } @media (max-width: 991px) { footer .copyright { margin-top: 33px; } } @media (max-width: 768px) { footer { height: auto; } footer .pagelinks, footer .logo-image { text-align: center; border: none; } footer .copyright { text-align: center; margin-bottom: 30px; } } @media (min-width: 768px) { div#disclaimer-popup { display: none; } } .hero-unit { width: 100%; height: 530px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))), url("assets/images/background/home.jpg"); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("assets/images/background/home.jpg"); background-size: cover; text-align: center; position: relative; -webkit-transition: background-image 1s ease; transition: background-image 1s ease; } .hero-unit .text.container { position: absolute; bottom: 16%; left: 0; right: 0; text-align: center; } .hero-unit h3 { font-size: 48px; font-weight: bold; text-transform: uppercase; color: #fff; } .hero-unit .ride { font-size: 30px; color: #fff; } .hero-unit .buttons .myAccount, .hero-unit .buttons .bookNow { width: 30%; display: inline-block; margin-top: 20px; } @media (max-width: 991px) { .hero-unit .buttons .myAccount, .hero-unit .buttons .bookNow { width: 40%; } } @media (max-width: 440px) { .hero-unit .buttons .myAccount, .hero-unit .buttons .bookNow { width: 70%; display: block; margin: 20px auto; } } @media (max-width: 360px) { .hero-unit .buttons .myAccount, .hero-unit .buttons .bookNow { width: 80%; } } .hero-unit .buttons .myAccount .hero-btn-wrapper { text-align: center; margin: 0 auto; position: relative; } .hero-unit .buttons .myAccount .hero-btn { display: block; font-size: 0px; cursor: pointer; padding: 15px 20px; text-align: center; position: relative; z-index: 1; color: #fff; } .hero-unit .buttons .myAccount .hero-btn:after { pointer-events: none; position: absolute; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .hero-unit .buttons .myAccount a { text-decoration: none !important; } .hero-unit .buttons .myAccount .hero-btn-effect .hero-btn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #fff; box-shadow: inset 0 0 0 1.5px #fff; -webkit-transition: color 0.3s; transition: color 0.3s; font-size: 20px; font-style: normal; font-variant: normal; text-transform: uppercase; font-weight: 600; text-decoration: none !important; display: block; -webkit-font-smoothing: antialiased; } .hero-unit .buttons .myAccount .hero-btn-effect .hero-btn:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .hero-unit .buttons .myAccount .hero-btn-effect .hero-btn:not(.disabled):hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .hero-unit .buttons .myAccount .hero-btn-effect .hero-btn:not(.disabled):hover+.arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; -webkit-transition: scale(0) 0s, opacity 0s; transition: scale(0) 0s, opacity 0s; } .hero-unit .buttons .myAccount .hero-btn-effect .hero-btn:not(:hover)+.arrow { -webkit-transition: opacity 0.09s ease 0.1s; transition: opacity 0.09s ease 0.1s; } .hero-unit .buttons .myAccount .hero-btn-effect .hero-btn:not(.cbtn-disabled):hover { color: #fff; } .hero-unit .buttons .myAccount .arrow { border-bottom: 3px solid #105caa; border-right: 3px solid #105caa; display: none; width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: calc(50% - 15px); top: calc(100% - 25px); } .hero-unit .buttons .myAccount .hero-btn-wrapper.hero-btn-effect.active div.arrow { background-color: #105caa !important; display: inline-block !important; } @media (max-width: 440px) { .hero-unit .buttons .myAccount .hero-btn-wrapper.hero-btn-effect.active div.arrow { display: none !important; } } .hero-unit .buttons .myAccount .disabled { cursor: default; pointer-events: none; } .hero-unit .buttons .bookNow { margin-left: -4px; } @media (max-width: 440px) { .hero-unit .buttons .bookNow { margin-left: auto; } } .hero-unit .buttons .bookNow .hero-btn-wrapper { text-align: center; margin: 0 auto; position: relative; } .hero-unit .buttons .bookNow .hero-btn { display: block; font-size: 0px; cursor: pointer; padding: 15px 20px; text-align: center; position: relative; z-index: 1; color: #fff; } .hero-unit .buttons .bookNow .hero-btn:after { pointer-events: none; position: absolute; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .hero-unit .buttons .bookNow a { text-decoration: none !important; } .hero-unit .buttons .bookNow .hero-btn-effect .hero-btn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #fff; box-shadow: inset 0 0 0 1.5px #fff; -webkit-transition: color 0.3s; transition: color 0.3s; font-size: 20px; font-style: normal; font-variant: normal; text-transform: uppercase; font-weight: 600; text-decoration: none !important; display: block; -webkit-font-smoothing: antialiased; } .hero-unit .buttons .bookNow .hero-btn-effect .hero-btn:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .hero-unit .buttons .bookNow .hero-btn-effect .hero-btn:not(.disabled):hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .hero-unit .buttons .bookNow .hero-btn-effect .hero-btn:not(.disabled):hover+.arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; -webkit-transition: scale(0) 0s, opacity 0s; transition: scale(0) 0s, opacity 0s; } .hero-unit .buttons .bookNow .hero-btn-effect .hero-btn:not(:hover)+.arrow { -webkit-transition: opacity 0.09s ease 0.1s; transition: opacity 0.09s ease 0.1s; } .hero-unit .buttons .bookNow .hero-btn-effect .hero-btn:not(.cbtn-disabled):hover { color: #fff; } .hero-unit .buttons .bookNow .arrow { border-bottom: 3px solid #49a948; border-right: 3px solid #49a948; display: none; width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: calc(50% - 15px); top: calc(100% - 25px); } .hero-unit .buttons .bookNow .hero-btn-wrapper.hero-btn-effect.active div.arrow { background-color: #49a948 !important; display: inline-block !important; } @media (max-width: 440px) { .hero-unit .buttons .bookNow .hero-btn-wrapper.hero-btn-effect.active div.arrow { display: none !important; } } .hero-unit .buttons .bookNow .disabled { cursor: default; pointer-events: none; } @media (max-width: 551px) and (min-width: 497px) { .hero-unit .buttons.ro_lang .myAccount .hero-btn-effect .hero-btn span { padding-left: 14px !important; padding-right: 14px !important; } } .hero-unit .not-logged { font-size: 81px; font-weight: 600; color: #d9d8d7; opacity: 0.6; padding: 20px; } @media (max-width: 500px) { .hero-unit .not-logged { font-size: 17vw; } } .hero-unit .not-logged span { font-style: italic; font-weight: 500; } #car-type { background-color: #f8f8f8; padding: 0; margin-right: 15px; margin-top: 30px; } @media (max-width: 991px) { #car-type { margin-left: 0px; margin-right: 0px; } } #car-type .fadeIn { -webkit-animation: fadeInAnimation 1s; animation: fadeInAnimation 1s; } #car-type .fadeOut { -webkit-animation: fadeOutAnimation 1s; animation: fadeOutAnimation 1s; } #car-type h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 15px 0; text-align: center; } #car-type .car { padding: 15px; background-color: white; border: 1px solid #efefef; } #car-type .car.rideSharing { border: 2px solid #f8e162; } #car-type .car.rideSharing .car_info_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #car-type .car.rideSharing .banner { background-color: #f8e162; color: #313131; padding: 10px 30px; margin-left: 16px; font-size: 18px; display: inline-block; margin-top: -8px; } @media (max-width: 1199px) { #car-type .car.rideSharing .banner { padding: 9px 20px; font-size: 16px; } } @media (max-width: 599px) { #car-type .car.rideSharing .banner { margin-right: 18px; word-wrap: break-word; } } #car-type .car.rideSharing .banner i.fa { width: 20px; display: inline-block; color: #313131; padding: 0 10px; display: none; font-size: 16px; } #car-type .car.rideSharing.selected { border-right: 3px solid #f8e162; } #car-type .car.rideSharing img { width: 100%; } #car-type .car.rideSharing .details.row { padding-top: 5px; padding-bottom: 13px; } @media (max-width: 600px) { #car-type .car.rideSharing .details.row { padding-right: 20px; } } #car-type .car img { width: 100%; height: auto; } #car-type .car i { color: #49a948; padding-left: 5px; } @media (max-width: 640px) and (min-width: 500px) { #car-type .car .car-image { padding-top: 20px; } } @media (max-width: 499px) and (min-width: 350px) { #car-type .car .car-image { width: 90%; margin: 0 auto; display: block; } } @media (max-width: 349px) { #car-type .car .car-image { width: 100%; } } #car-type .car.selected { border-right: 3px solid #105caa; } #car-type .car.faded { opacity: 0.5; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #car-type .car:hover { -webkit-animation: scaleInOutOnce 0.4s; animation: scaleInOutOnce 0.4s; } #car-type .car .car-title { font-weight: 600; font-size: 20px; color: #313131; padding-top: 20px; } @media (max-width: 1200px) { #car-type .car .car-title { font-size: 18px; } } @media (max-width: 625px) { #car-type .car .car-title { font-size: 16px; overflow: visible; } } @media (max-width: 499px) { #car-type .car .car-title { font-size: 18px; overflow: visible; padding-left: 20px; } } @media (max-width: 355px) { #car-type .car .car-title { padding-left: 0px; } } #car-type .car .details.row { padding-top: 40px; } @media (max-width: 990px) { #car-type .car .details.row { padding-top: 30px; } } @media (max-width: 499px) { #car-type .car .details.row { padding-top: 20px; padding-left: 20px; } } @media (max-width: 355px) { #car-type .car .details.row { padding-top: 20px; padding-left: 3px; } } #car-type .car .details.row.rideSharing { padding-top: 13px; padding-bottom: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #car-type .car .num-passengers, #car-type .car .luggage { font-weight: 600; font-size: 16px; text-transform: uppercase; color: #898989; height: 50px; } #car-type .car .num-passengers .pers, #car-type .car .luggage .pers { display: none; } @media (max-width: 620px) and (min-width: 540px) { #car-type .car .num-passengers, #car-type .car .luggage { padding-left: 5px; padding-right: 5px; } } @media (max-width: 539px) and (min-width: 499px) { #car-type .car .num-passengers, #car-type .car .luggage { padding-left: 3px; padding-right: 3px; } } @media (max-width: 355px) { #car-type .car .num-passengers, #car-type .car .luggage { padding-left: 3px; padding-right: 3px; } } #car-type .car .num-passengers .icon, #car-type .car .luggage .icon { height: 40px; width: auto; margin-top: 5px; height: auto; display: block; float: left; } @media (max-width: 1200px) { #car-type .car .num-passengers .icon, #car-type .car .luggage .icon { height: 30px; margin-top: 10px; } } @media (max-width: 990px) { #car-type .car .num-passengers .icon, #car-type .car .luggage .icon { height: 29px; margin-top: 10.5px; } } @media (max-width: 539px) and (min-width: 499px) { #car-type .car .num-passengers .icon, #car-type .car .luggage .icon { height: 24px; margin-top: 13px; } } @media (max-width: 355px) { #car-type .car .num-passengers .icon, #car-type .car .luggage .icon { height: 24px; margin-top: 13px; } } #car-type .car .num-passengers div, #car-type .car .luggage div { float: left; line-height: 50px; padding-left: 10px; } @media (max-width: 1200px) { #car-type .car .num-passengers div, #car-type .car .luggage div { padding-left: 8px; font-size: 15px; } } @media (max-width: 990px) { #car-type .car .num-passengers div, #car-type .car .luggage div { padding-left: 7px; font-size: 14px; } } @media (max-width: 539px) and (min-width: 499px) { #car-type .car .num-passengers div, #car-type .car .luggage div { font-size: 14px; } } @media (max-width: 1200px) and (min-width: 768px) { #car-type .car .num-passengers div.ro_lang .people { display: none !important; } #car-type .car .num-passengers div.ro_lang .pers { display: inline; } } #car-type .car_info_wrapper { height: 200px; } #car-type .car_title_wrapper { position: absolute; top: -95px; } #car-type .ridesharing_info_wrapper { position: absolute; top: -50px; } #car-type .banner_info_wrapper { position: absolute; top: 0px; } #car-type .car_title_wrapper+.ridesharing_info_wrapper { display: none; } #car-type .car_title_wrapper:hover+.ridesharing_info_wrapper { display: block; } #car-type .car_title_wrapper~.banner_info_wrapper { display: block; } #car-type .car_title_wrapper:hover~.banner_info_wrapper { display: none; } @media (max-width: 600px) { #car-type .car.rideSharing .car_info_wrapper { display: block; text-align: left !important; } #car-type .car.rideSharing .car_info_wrapper .car_title_wrapper, #car-type .car.rideSharing .car_info_wrapper .ridesharing_info_wrapper, #car-type .car.rideSharing .car_info_wrapper .banner_info_wrapper { position: relative; top: 0; } #car-type .car.rideSharing .car_info_wrapper .car_title_wrapper { text-align: left; } #car-type .car.rideSharing .car_info_wrapper .banner_info_wrapper { padding-top: 20px; padding-left: 7px; } #car-type .car.rideSharing .car_info_wrapper .ridesharing_info_wrapper { padding-left: 30px; } #car-type .car.rideSharing .car_info_wrapper div.col-cs-6:first-child { text-align: center; } #car-type .car.rideSharing .car_info_wrapper div.col-xs-12 { width: 100% !important; } #car-type .car.rideSharing .car_info_wrapper .car-image { width: 70%; margin: 0 auto; } #car-type .car.rideSharing .car_info_wrapper .car_title_wrapper { padding-left: 30px; } } #passenger-details { background-color: #f8f8f8; padding: 20px 70px 30px 80px; margin-right: 15px; margin-top: 30px; } @media (max-width: 991px) { #passenger-details { margin-left: 0px; margin-right: 0px; } } @media (max-width: 870px) { #passenger-details { padding: 20px 15px 30px 15px; } } #passenger-details h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 0; text-align: center; } #passenger-details .input-fields { background-color: #e7e7e7; } #passenger-details .divider { border-top: 0.2px solid #898989; height: 5px; width: 100%; padding: 0; } #passenger-details .input-group { padding: 8px 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: blur(0); -webkit-filter: blur(0); -webkit-font-smoothing: antialiased; } #passenger-details .input-group.col-xs-6 { float: left; } #passenger-details .input-group .form-control { display: block; width: 100%; height: 48px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 8px; font-size: 14px; } #passenger-details .input-group label { position: absolute; top: 14px; left: 9px; z-index: 4; font-weight: 600; text-transform: uppercase; font-size: 15px; } #passenger-details .input-group:hover { -webkit-animation: scaleInOutOnce 0.4s; animation: scaleInOutOnce 0.4s; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; filter: blur(0); -webkit-filter: blur(0); } #passenger-details .form-control::-moz-placeholder { color: #313131; opacity: 1; } #passenger-details .form-control:-ms-input-placeholder { color: #313131; } #passenger-details .form-control::-webkit-input-placeholder { color: #313131; } #passenger-details .required_field { color: #e50000; position: absolute; top: 13px; z-index: 100; } #passenger-details .required_field.pass_name { left: 63px; } #passenger-details .required_field.ph_number { left: 143px; } #passenger-details .required_field.pass_email { left: 66px; } #passenger-details select.selectPassenger { margin-top: 30px; margin-left: 9px; margin-bottom: 9px; padding-left: 3px; width: 50px; height: 35px; background: #f8f8f8; line-height: 1.42857143; color: #313131; } @media (max-width: 304px) { #passenger-details select.selectPassenger { margin-top: 51px; } } #passenger-details .addPassengers { padding: 15px 0; } #passenger-details .addPassengers a { color: #313131; text-transform: uppercase; text-decoration: none; } #passenger-details .addPassengers a:hover, #passenger-details .addPassengers a:active { text-decoration: none; } @media (max-width: 480px) { #passenger-details #addExtraPassengers div { width: 100% !important; } } #passenger-details .copy_requestor_info { padding: 10px 15px 6px 15px; background-color: #e7e7e7; } #passenger-details .copy_requestor_info a { color: #313131; text-transform: uppercase; text-decoration: none; font-size: 14px; } #passenger-details .copy_requestor_info a:hover, #passenger-details .copy_requestor_info a:active { text-decoration: none; color: #313131; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } #passenger-details .copy_requestor_info .fa.fa-plus, #passenger-details .copy_requestor_info .fa.fa-clone { padding-left: 5px; } #passenger-details .favorite-passengers .align { padding-left: 0.5em; } #passenger-details .favorite-passengers label { padding-top: 5px; font-size: 15px; text-transform: uppercase; } #passenger-details .favorite-passengers select#favPassengers { width: 100%; } #passenger-details .favorite-passengers .search-user-fav-passengers-wrapper { width: 100%; } #passenger-details .favorite-passengers .search-user-fav-passengers-wrapper input { margin: 2%; display: inline-block; vertical-align: middle; background-color: rgba(0, 0, 0, 0); color: #313131; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; width: 90%; } #passenger-details .favorite-passengers .search-user-fav-passengers-wrapper span { display: inline-block; vertical-align: middle; width: auto; background-color: transparent; border: 0; border-radius: 0; padding: 0; } #passenger-details .favorite-passengers ul { background: #f8f8f8; padding: 0.1em 2em; } #passenger-details .favorite-passengers ul li { list-style-type: none; cursor: pointer; margin: 1em 0; } #passenger-details .favorite-passengers ul li .icon { display: inline-block; vertical-align: middle; } #passenger-details .favorite-passengers ul li .passenger { display: inline-block; vertical-align: middle; } #paymentDetails { background-color: #f8f8f8; padding: 20px 70px 30px 80px; margin-right: 15px; margin-top: 30px; text-align: center; } @media (max-width: 991px) { #paymentDetails { margin-left: 0px; margin-right: 0px; } } @media (max-width: 870px) { #paymentDetails { padding: 20px 15px 30px 15px; } } #paymentDetails h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 0; text-align: center; } #paymentDetails .buttons { padding-right: 0px; padding-left: 0px; } @media (max-width: 1199px) and (min-width: 871px) { #paymentDetails .byCompanyBtn .arrow-btn-effect.arrow-btn-wrapper a.arrow-btn.arrow-btn-company span { display: inline-block; } } @media (max-width: 577px) and (min-width: 551px) { #paymentDetails .byCompanyBtn .arrow-btn-effect.arrow-btn-wrapper a.arrow-btn.arrow-btn-company span { display: inline-block; } } @media (max-width: 550px) { #paymentDetails .byCompanyBtn { padding-bottom: 10px; } } #paymentDetails .byCompanyBtn .arrow-btn-wrapper { text-align: center; margin: 0 auto; position: relative; } #paymentDetails .byCompanyBtn .arrow-btn { display: block; font-size: 0px; cursor: pointer; padding: 15px 30px; text-align: center; position: relative; z-index: 1; color: #fff; font-size: 14px; font-style: normal; font-variant: normal; text-transform: uppercase; font-weight: 600; text-decoration: none !important; display: block; -webkit-font-smoothing: antialiased; } #paymentDetails .byCompanyBtn .arrow-btn:after { pointer-events: none; position: absolute; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #paymentDetails .byCompanyBtn a { text-decoration: none !important; } #paymentDetails .byCompanyBtn .arrow-btn-effect .arrow-btn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.3s; transition: color 0.3s; } #paymentDetails .byCompanyBtn .arrow-btn-effect .arrow-btn:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #paymentDetails .byCompanyBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #paymentDetails .byCompanyBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover+.arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; -webkit-transition: scale(0) 0s, opacity 0s; transition: scale(0) 0s, opacity 0s; } #paymentDetails .byCompanyBtn .arrow-btn-effect .arrow-btn:not(:hover)+.arrow { -webkit-transition: opacity 0.09s ease 0.1s; transition: opacity 0.09s ease 0.1s; } #paymentDetails .byCompanyBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover { color: #10069f; } #paymentDetails .byCompanyBtn .arrow { border-bottom: 3px solid #10069f; border-right: 3px solid #10069f; display: none; width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: calc(50% - 15px); top: calc(100% - 25px); } @media (max-width: 550px) { #paymentDetails .byCompanyBtn .arrow { display: none !important; } } #paymentDetails .byCompanyBtn .active-btn .arrow { background-color: #10069f; display: inline-block; } #paymentDetails .byCompanyBtn .disabled { cursor: default; pointer-events: none; } @media (min-width: 550px) { #paymentDetails .byPassengerBtn { margin-left: 8px; } } #paymentDetails .byPassengerBtn .arrow-btn-wrapper { text-align: center; margin: 0 auto; position: relative; } #paymentDetails .byPassengerBtn .arrow-btn { display: block; font-size: 0px; cursor: pointer; padding: 15px 30px; text-align: center; position: relative; z-index: 1; color: #fff; font-size: 14px; font-style: normal; font-variant: normal; text-transform: uppercase; font-weight: 600; text-decoration: none !important; display: block; -webkit-font-smoothing: antialiased; } #paymentDetails .byPassengerBtn .arrow-btn:after { pointer-events: none; position: absolute; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #paymentDetails .byPassengerBtn a { text-decoration: none !important; } #paymentDetails .byPassengerBtn .arrow-btn-effect .arrow-btn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.3s; transition: color 0.3s; } #paymentDetails .byPassengerBtn .arrow-btn-effect .arrow-btn:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #paymentDetails .byPassengerBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #paymentDetails .byPassengerBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover+.arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; -webkit-transition: scale(0) 0s, opacity 0s; transition: scale(0) 0s, opacity 0s; } #paymentDetails .byPassengerBtn .arrow-btn-effect .arrow-btn:not(:hover)+.arrow { -webkit-transition: opacity 0.09s ease 0.1s; transition: opacity 0.09s ease 0.1s; } #paymentDetails .byPassengerBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover { color: #49a948; } #paymentDetails .byPassengerBtn .arrow { border-bottom: 3px solid #49a948; border-right: 3px solid #49a948; display: none; width: 30px; height: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: calc(50% - 15px); top: calc(100% - 25px); } @media (max-width: 550px) { #paymentDetails .byPassengerBtn .arrow { display: none !important; } } #paymentDetails .byPassengerBtn .active-btn .arrow { background-color: #49a948; display: inline-block; } #paymentDetails .byPassengerBtn .disabled { cursor: default; pointer-events: none; } #paymentDetails .byCompanyBtn, #paymentDetails .byPassengerBtn { width: 45%; display: inline-block; } @media (max-width: 550px) { #paymentDetails .byCompanyBtn, #paymentDetails .byPassengerBtn { display: block; width: 70%; margin: 0 auto; } } @media (max-width: 360px) { #paymentDetails .byCompanyBtn, #paymentDetails .byPassengerBtn { width: 80%; } } #paymentDetails .tab-content { margin-top: 30px; font-size: 16px; -webkit-animation: fadeInAnimation 0.5s ease-out; animation: fadeInAnimation 0.5s ease-out; padding-right: 0px; padding-left: 0px; } #paymentDetails .tab-content .payment-passenger img { width: 48px; height: auto; padding: 0 5px; } #paymentDetails .petrom_account_wrapper { margin-left: 0; margin-right: 0; } @media (max-width: 480px) { #paymentDetails .col-xs-6.col-xs-custom { width: 100% !important; } } #paymentDetails .additional_cost_center_input { padding-bottom: 10px; text-transform: uppercase; text-align: left; font-size: 14px; } #paymentDetails .additional_cost_center_input a { text-decoration: none; color: #313131; } #paymentDetails .costCenterInput { padding-bottom: 30px; } #paymentDetails .costCenterInput.additional_inputs { padding-bottom: 10px; } #paymentDetails .costCenterInput.additional_inputs .input-group { width: 100%; padding-left: 0px; padding-right: 0px; } #paymentDetails .costCenterInput.additional_inputs .input-group label { padding-left: 0; } #paymentDetails .costCenterInput .input-group { padding: 14px 0 8px 0; width: 60%; margin: 0 auto; } @media (max-width: 500px) { #paymentDetails .costCenterInput .input-group { width: 70%; } } @media (max-width: 480px) { #paymentDetails .costCenterInput .input-group { width: 100%; padding-left: 15px; padding-right: 15px; } } #paymentDetails .costCenterInput .input-group .input-group-addon { padding: 15px 8px 15px 20px; font-size: 16px; font-weight: 400; line-height: 1; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0; } #paymentDetails .costCenterInput .input-group .input-group-addon#costCenterIcon { color: #105caa; } #paymentDetails .costCenterInput .input-group span[id^="costCenterIcon"] { color: #105caa; } #paymentDetails .costCenterInput .input-group .form-control { display: block; width: 100%; height: 48px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 8px; font-size: 14px; } #paymentDetails .costCenterInput .input-group .form-control:focus, #paymentDetails .costCenterInput .input-group .form-control:active { padding: 15px 15px 15px 7px; font-size: 16px; } #paymentDetails .costCenterInput .input-group label { position: absolute; top: 20px; left: 49px; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } @media (max-width: 480px) { #paymentDetails .costCenterInput .input-group label { white-space: nowrap; bottom: 0; right: 0; text-align: left; overflow: hidden; padding-left: 14px; margin-right: 30px; } } #paymentDetails .costCenterInput .input-group:hover #costCenterIcon { color: #3f7cbb; background-color: #ebebeb; } #paymentDetails .costCenterInput .input-group:hover span[id^="costCenterIcon"] { color: #3f7cbb; background-color: #ebebeb; } #paymentDetails .costCenterInput .input-group:hover .form-control { background-color: #ebebeb; } #paymentDetails .costCenterInput .form-control::-moz-placeholder { color: #313131; opacity: 1; } #paymentDetails .costCenterInput .form-control:-ms-input-placeholder { color: #313131; } #paymentDetails .costCenterInput .form-control::-webkit-input-placeholder { color: #313131; } #paymentDetails .costCenterInput .required_field.cost_center { position: absolute; top: 15px; right: 70px; color: #e50000; } @media (max-width: 550px) { #paymentDetails .costCenterInput .required_field.cost_center { right: 50px; } } #confirmBooking .confirmBtn { width: 55%; display: block; margin: 0 auto; padding-top: 30px; } @media (max-width: 360px) { #confirmBooking .confirmBtn { width: 80%; } } #confirmBooking .confirmBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #confirmBooking .confirmBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #confirmBooking .confirmBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #confirmBooking .confirmBtn .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #confirmBooking .confirmBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #confirmBooking .confirmBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #confirmBooking .confirmBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #confirmBooking .confirmBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #confirmBooking .confirmBtn .cbtn-wrapper { text-align: center; } #confirmBooking .confirmBtn .cbtn:before { padding: 20px; } #confirmBooking .companyManagerAgreementText { margin-top: 2em; } #confirmBooking .companyManagerAgreementText h4 { margin: 0; margin-left: 0.5em; } #next-orders { min-height: calc(100vh - 395px); font-size: 14px; color: #313131; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } @media (max-width: 991px) { #next-orders { min-height: calc(100vh - 220px); } } @media (max-width: 767px) { #next-orders { min-height: calc(100vh - 400px); } } #next-orders h1 { font-size: 28px; text-transform: uppercase; padding: 15px 0; } #next-orders h3 { text-transform: uppercase; margin-top: 20px; font-size: 18px; } #next-orders .container.spacing { height: 40px; } #next-orders .filters-wrapper .filter-heading { font-size: 18px; padding-bottom: 10px; display: inline-block; } #next-orders .filters-wrapper .advanced-search-container { width: 100%; float: left; padding-bottom: 10px; } #next-orders .filters-wrapper .filter-item div.col { margin: 10px 40px 10px 0; height: 30px; width: auto; float: left; } #next-orders .filters-wrapper .filter-item div.col.button-wrapper { margin-top: 5px; } #next-orders .filters-wrapper .filter-item div.col span { background-color: #e7e7e7; border-radius: 2px; padding: 5px 10px; display: inline-block; } #next-orders .filters-wrapper .filter-item div.col span.glyphicon { background-color: #fff; } #next-orders .filters-wrapper .filter-item div.col span.glyphicon.glyphicon-ok { display: none; } #next-orders .filters-wrapper .filter-item div.col span a { color: #313131; } #next-orders .filters-wrapper .filter-item div.col span .fa-times { color: #313131; } #next-orders .filters-wrapper .filter-item div.col span .fa-plus { color: #49a948; } #next-orders .filters-wrapper .filter-item div.col.time-filter.active { opacity: 1; -webkit-transform: scale(1.05, 1.1); transform: scale(1.05, 1.1); } #next-orders .filters-wrapper .filter-item div.col.time-filter.active:hover { opacity: 1; } #next-orders .filters-wrapper .filter-item div.col.time-filter:hover { -webkit-transform: scale(1.05, 1.1); transform: scale(1.05, 1.1); } #next-orders .filters-wrapper .filter-item button { background-color: #e7e7e7; display: inline-block; padding: 5px; width: 30px; height: 30px; border: 0; border-radius: 2px; } #next-orders .filters-wrapper .filter-item button:focus, #next-orders .filters-wrapper .filter-item button:active { outline: none; } #next-orders .filters-wrapper .filter-item .search input { border: 0; background: #e7e7e7; height: 25px; line-height: 25px; } #next-orders .filters-wrapper .filter-item .search input:focus, #next-orders .filters-wrapper .filter-item .search input:active { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); outline: none; } #next-orders .filters-wrapper .filter-item .input-group { position: relative; display: inline-block; border-collapse: separate; } #next-orders .filters-wrapper .filter-item .input-group .input-group-addon { width: 10px; display: inline-block; border: none; margin-left: -15px; margin-right: 10px; margin-bottom: 3px; } #next-orders .filters-wrapper .filter-item .input-group input { margin-left: 5px; width: 80px; height: 25px; line-height: 25px; } #next-orders .filters-wrapper .styled-select { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; z-index: 10; } #next-orders .filters-wrapper .styled-select .fs-option { display: block; } #next-orders .filters-wrapper .styled-select .fs-option .fs-label { display: block; border-bottom: 1px solid #ddd; cursor: pointer; padding: 0.5em 20px; font-weight: 400; color: #313131; } #next-orders .filters-wrapper .styled-select .fs-option .fs-label:hover { color: #898989; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } :checked+#next-orders .filters-wrapper .styled-select .fs-option .fs-label { background: #ddd; } #next-orders .filters-wrapper .styled-select .fs-option .fs-radio { display: none !important; } #next-orders .filters-wrapper .styled-select .select-dropdown-head { background-color: #e7e7e7; margin: 10px 40px 10px 0px; height: 45px; line-height: 45px; width: 200px; padding: 0 20px; border-radius: 2px; } #next-orders .filters-wrapper .styled-select .select-dropdown-head .arrow { float: right; } #next-orders .filters-wrapper .styled-select .select-dropdown { position: absolute; background-color: #e7e7e7; border-radius: 2px; top: 43px; border-radius: 2px; width: calc(100% - 40px); } #next-orders .error_loading_table { font-size: 17px; padding-top: 50px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content { border-radius: 0px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container { padding: 20px; } @media (max-width: 420px) { .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container { padding: 20px 0px; } } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row { margin-left: 0px; margin-right: 0px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row.allow-margin { margin-left: -15px; margin-right: -15px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 0; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon-wrapper { text-align: right; margin: 0 auto; /*padding: 2em 0 3em;*/ } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon { display: inline-block; font-size: 0px; cursor: pointer; /*margin: 15px 30px;*/ width: 25px; height: 25px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #898989; text-decoration: none; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon:before { font-family: 'FontAwesome'; font-size: 15px; line-height: 25px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon-effect .icon { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #898989; box-shadow: inset 0 0 0 1.5px #898989; -webkit-transition: color 0.2s; transition: color 0.2s; padding-bottom: 1.5px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon-effect .icon:after { top: -1px; left: -1px; padding: 1px; z-index: -1; background: #898989; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon-effect .icon:hover { color: #898989; text-decoration: none; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .closeModalBtn .icon-effect .icon:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn, .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn, .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .cancelTripBtn { padding-top: 30px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .repeatTripBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .cancelTripBtn { text-align: right; width: 100%; padding-top: 41px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .cancelTripBtn .red-bold { color: #e50000; font-weight: bold; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .cancelTripBtn span { color: #313131; font-size: 16px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .cancelTripBtn a { font-size: 14px; color: #105caa; padding-left: 10px; } @media (max-width: 415px) { .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .cancelTripBtn a { display: block; padding-left: 0; } } @media (min-width: 768px) { .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg { margin: 100px auto; } } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .star { color: #808080; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .star:hover { color: #f8e162; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .star i { margin-top: 1em; width: 18%; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating { margin-top: 2em; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating label { float: right; position: relative; width: 45px; height: 45px; cursor: pointer; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating label:not(:first-of-type) { padding-right: 10px; margin-right: 10px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating label:before { content: "\f005"; font-family: 'FontAwesome'; font-size: 47px; color: #eaeae8; line-height: 1; } @media screen and (max-width: 390px) { .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating label { width: 40px; height: 40px; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating label:before { font-size: 42px; } } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating input { display: none; } .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating input:checked~label:before, .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating:not(:checked)>label:hover:before, .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .rating:not(:checked)>label:hover~label:before { color: #f8e162; } .table-wrapper { padding-top: 40px; } .table-wrapper table#next-orders-table, .table-wrapper table#reports-table { border: 0; } .table-wrapper table#next-orders-table thead, .table-wrapper table#reports-table thead { border-bottom: 7px solid #fff; } .table-wrapper table#next-orders-table thead th, .table-wrapper table#reports-table thead th { background-color: #105caa; vertical-align: middle; max-width: 260px; } .table-wrapper table#next-orders-table thead th span, .table-wrapper table#reports-table thead th span { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 400; display: inline-block; } .table-wrapper table#next-orders-table td, .table-wrapper table#reports-table td { border: 0; max-width: 260px; } .table-wrapper table#next-orders-table td span, .table-wrapper table#reports-table td span { font-size: 14px; color: #313131; display: inline-block; word-wrap: break-word; width: 100%; } .table-wrapper table#next-orders-table .showDetails, .table-wrapper table#reports-table .showDetails { display: table-cell; } @media (min-width: 991px) { .table-wrapper table#next-orders-table .showDetails, .table-wrapper table#reports-table .showDetails { display: none; } } @media (max-width: 991px) { .table-wrapper table#next-orders-table .hide-991, .table-wrapper table#reports-table .hide-991 { display: none; } } @media (max-width: 550px) { .table-wrapper table#next-orders-table .hide-550, .table-wrapper table#reports-table .hide-550 { display: none; } } .pagination li { display: inline-block; margin-left: 10px; } .pagination li .custom-pagination { background-color: #f8f8f8; color: #313131; border-radius: 2px; padding: 5px 10px; border: 0; } .pagination li .custom-pagination.active { background-color: #e7e7e7; border: 0.5px solid #313131; border-radius: 2px; } .pagination li .custom-pagination:hover { background-color: #e7e7e7; } #reports { min-height: calc(100vh - 395px); font-size: 14px; color: #313131; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } @media (max-width: 991px) { #reports { min-height: calc(100vh - 220px); } } @media (max-width: 767px) { #reports { min-height: calc(100vh - 400px); } } #reports .price-reports { margin-top: 40px; } #reports .price-reports span { display: block; color: #313131; font-size: 18px; } #reports .price-reports span.price { font-size: 40px; } #reports .filters-wrapper .filter-heading { font-size: 18px; padding-bottom: 10px; display: inline-block; } #reports .filters-wrapper .advanced-search-container { width: 100%; float: left; padding-bottom: 10px; } #reports .filters-wrapper .filter-item div.col { margin: 15px 40px 15px 0; height: 30px; width: auto; float: left; } #reports .filters-wrapper .filter-item div.col.button-wrapper { margin-top: 5px; } #reports .filters-wrapper .filter-item div.col span { background-color: #e7e7e7; border-radius: 2px; padding: 5px 10px; display: inline-block; } #reports .filters-wrapper .filter-item div.col span.glyphicon { background-color: #fff; } #reports .filters-wrapper .filter-item div.col span.glyphicon.glyphicon-ok { display: none; } #reports .filters-wrapper .filter-item div.col span a { color: #313131; } #reports .filters-wrapper .filter-item div.col span .fa-times { color: #313131; } #reports .filters-wrapper .filter-item div.col span .fa-plus { color: #49a948; } #reports .filters-wrapper .filter-item div.col.time-filter.active { opacity: 1; -webkit-transform: scale(1.05, 1.1); transform: scale(1.05, 1.1); } #reports .filters-wrapper .filter-item div.col.time-filter.active:hover { opacity: 1; } #reports .filters-wrapper .filter-item div.col.time-filter:hover { -webkit-transform: scale(1.05, 1.1); transform: scale(1.05, 1.1); } #reports .filters-wrapper .filter-item button { background-color: #e7e7e7; display: inline-block; padding: 5px; width: 30px; height: 30px; border: 0; border-radius: 2px; } #reports .filters-wrapper .filter-item button:focus, #reports .filters-wrapper .filter-item button:active { outline: none; } #reports .filters-wrapper .filter-item .search input { border: 0; background: #e7e7e7; height: 25px; line-height: 25px; } #reports .filters-wrapper .filter-item .search input:focus, #reports .filters-wrapper .filter-item .search input:active { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); outline: none; } #reports .filters-wrapper .filter-item .input-group { position: relative; display: inline-block; border-collapse: separate; } #reports .filters-wrapper .filter-item .input-group .input-group-addon { width: 10px; display: inline-block; border: none; margin-left: -15px; margin-right: 10px; margin-bottom: 3px; } #reports .filters-wrapper .filter-item .input-group input { margin-left: 5px; width: 80px; height: 25px; line-height: 25px; } #reports .filters-wrapper .styled-select { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #reports .filters-wrapper .styled-select .fs-option { display: block; } #reports .filters-wrapper .styled-select .fs-option .fs-label { display: block; border-bottom: 1px solid #ddd; cursor: pointer; padding: 0.5em 20px; font-weight: 400; color: #313131; } #reports .filters-wrapper .styled-select .fs-option .fs-label:hover { color: #898989; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } :checked+#reports .filters-wrapper .styled-select .fs-option .fs-label { background: #ddd; } #reports .filters-wrapper .styled-select .fs-option .fs-radio { display: none !important; } #reports .filters-wrapper .styled-select .select-dropdown-head { background-color: #e7e7e7; margin: 10px 40px 10px 0px; height: 45px; line-height: 45px; width: 200px; padding: 0 20px; border-radius: 2px; } #reports .filters-wrapper .styled-select .select-dropdown-head .arrow { float: right; } #reports .filters-wrapper .styled-select .select-dropdown { position: absolute; background-color: #e7e7e7; border-radius: 2px; top: 43px; border-radius: 2px; width: calc(100% - 40px); z-index: 1; } #reports .pagination li { display: inline-block; margin-left: 10px; } #reports .pagination li .custom-pagination { background-color: #e7e7e7; color: #313131; border-radius: 2px; padding: 5px 10px; border: 0; } #reports .pagination li .custom-pagination.active { background-color: #f8f8f8; border: 0.5px solid #313131; border-radius: 2px; } #reports .pagination li .custom-pagination:hover { background-color: #f8f8f8; } #reports .export-wrapper { float: right; padding-top: 25px; padding-bottom: 25px; } @media (max-width: 767px) { #reports .export-wrapper { padding-left: 31px; } } #reports .export-wrapper div.col-xs-2 { padding: 0; } @media (max-width: 602px) { #reports .export-wrapper div.col-xs-2 { width: 100%; text-align: center; } } #reports .export-wrapper .export-heading { font-size: 18px; color: #313131; padding-top: 12px; padding-right: 7px; display: inline-block; } @media (max-width: 767px) { #reports .export-wrapper .export-heading { padding-left: 10px; } } #reports .export-wrapper .export_buttons .exportExcel .cbtn-wrapper, #reports .export-wrapper .export_buttons .exportPdf .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #reports .export-wrapper .export_buttons .exportExcel .cbtn, #reports .export-wrapper .export_buttons .exportPdf .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #reports .export-wrapper .export_buttons .exportExcel .cbtn:after, #reports .export-wrapper .export_buttons .exportPdf .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect .cbtn, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect .cbtn:after, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #reports .export-wrapper .export_buttons .exportExcel .cbtn-disabled .cbtn, #reports .export-wrapper .export_buttons .exportPdf .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } @media (max-width: 767px) { #reports .export-wrapper .export_buttons { float: left; text-align: left; width: 82%; } #reports .export-wrapper .export_buttons .col-xs-5 { width: 50%; } } @media (max-width: 602px) { #reports .export-wrapper .export_buttons { clear: left; width: 100%; padding-top: 30px; margin-left: -5px; } } @media (max-width: 540px) { #reports .export-wrapper .export_buttons { float: none; text-align: center; } #reports .export-wrapper .export_buttons div.col-xs-5 { width: 80%; float: none; margin: 0 auto 20px auto; } } @media (max-width: 420px) { #reports .export-wrapper .export_buttons div.col-xs-6 { width: 100%; } } #reports .export-wrapper .exportNoType { width: 90%; margin: 0 auto; display: block; } #reports .export-wrapper .exportNoType .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #reports .export-wrapper .exportNoType .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #reports .export-wrapper .exportNoType .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #reports .export-wrapper .exportNoType .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #reports .export-wrapper .exportNoType .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #reports .export-wrapper .exportNoType .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #reports .export-wrapper .exportNoType .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #reports .export-wrapper .exportNoType .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #reports .export-wrapper .exportNoType .cbtn-wrapper { text-align: center; } #reports .export-wrapper .export_message { padding-top: 4px; padding-left: 25px; float: right; } @media (max-width: 767px) { #reports .export-wrapper .export_message { float: left; padding-bottom: 30px; } } #reports .export-wrapper .export_message .err_message { color: #e50000; font-style: italic; text-align: right; padding-right: 18px; } @media (max-width: 767px) { #reports .export-wrapper .export_message .err_message { text-align: left; } } #reports .export-wrapper .export_message .ok_message { text-align: right; padding-right: 18px; } @media (max-width: 767px) { #reports .export-wrapper .export_message .ok_message { text-align: left; } } #reports a.disabled_pagination { pointer-events: none; opacity: 0.8; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #reports .error_loading_table { font-size: 17px; padding-top: 50px; } #rate { padding: 50px 0; min-height: calc(100vh - 448px); font-size: 14px; color: #313131; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } #rate .rating_header { padding: 40px 20px 60px 25px; font-size: 1.6em; color: #105caa; } #rate .star_wrapper { padding-top: 10px; } #rate .rating { float: left; padding-top: 12px; padding-left: 0px; } #rate .rating label { float: right; position: relative; width: 40px; height: 40px; cursor: pointer; } #rate .rating label:not(:first-of-type) { padding-right: 10px; margin-right: 10px; } #rate .rating label:before { content: "\f005"; font-family: 'FontAwesome'; font-size: 42px; color: #eaeae8; line-height: 1; } @media screen and (max-width: 390px) { #rate .rating label { width: 40px; height: 40px; } #rate .rating label:before { font-size: 42px; } } #rate .rating input { display: none; } #rate .rating input:checked~label:before, #rate .rating:not(:checked)>label:hover:before, #rate .rating:not(:checked)>label:hover~label:before { color: #f8e162; } #rate .check-rating { margin: 20px 0; } #rate .star i { margin-top: 1em; } #rate .info { font-size: 16px; padding: 1em 0; color: #313131; } #rate .info .icon { color: #105caa; padding: 0 10px; width: 25px; display: inline-block; text-align: center; } #rate .info .bold-text { color: #105caa; padding-left: 10px; font-weight: 600; } #rate .info .information { display: block; padding-left: 40px; } #rate .bold-text { color: #105caa; font-weight: 600; font-size: 16px; } #rate #content-slide-down { margin-top: 3em; padding-left: 0; } #rate .check-rating-unit { font-size: 16px; padding-bottom: 0.4em; } #rate .check-rating-unit label { font-weight: 400; } #rate .check-rating-unit label span { display: inline-block; padding-left: 10px; } #rate .input-group { width: 100% !important; max-width: 100% !important; margin-top: 20px; margin-bottom: 20px; } #rate .input-group .form-control { display: block; width: 100%; line-height: 1.42857143; color: #313131; background-color: #f8f8f8; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 34px 15px 0px 38px; height: 154px; } #rate .input-group .form-control:focus, #rate .input-group .form-control:active { padding: 15px 15px 15px 38px; font-size: 16px; } #rate .input-group input:-webkit-autofill, #rate .input-group input:-webkit-autofill:hover, #rate .input-group input:-webkit-autofill:focus, #rate .input-group input:-webkit-autofill:active { background-color: #f8f8f8 !important; background-image: none; color: #f8f8f8 !important; box-shadow: 0 0 0 30px #f8f8f8 inset !important; -webkit-box-shadow: 0 0 0 30px #f8f8f8 inset !important; } #rate .input-group label { position: absolute; top: 0; left: 0; padding-left: 38px; padding-top: 8px; width: 100%; background-color: #f8f8f8; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } #rate .input-group textarea#recommandations { padding: 34px 15px 0px 38px; height: 154px; width: 70%; padding: 1em; margin-top: 3em; resize: none; } #rate .form-control::-moz-placeholder { color: #313131; opacity: 1; } #rate .form-control:-ms-input-placeholder { color: #313131; } #rate .form-control::-webkit-input-placeholder { color: #313131; } #rate button#send { padding: 1em; border: 0px; color: white; background-color: #23527C; border: 1px solid #23527C; } #rate button#send:hover { background-color: white; color: #23527C; } #rate .fill-message { display: none; } #rate .sendBtn { padding-top: 10px; width: 30%; display: block; margin-bottom: 2em; } #rate .sendBtn .cbtn-wrapper { text-align: left; } @media (max-width: 991px) { #rate .sendBtn { width: 50%; } } @media (max-width: 360px) { #rate .sendBtn { width: 80%; } #rate .sendBtn .cbtn-wrapper { text-align: center; } } #rate .sendBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #rate .sendBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #rate .sendBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #rate .sendBtn .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #rate .sendBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #rate .sendBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #rate .sendBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #rate .sendBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content { border-radius: 0px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container { padding: 20px; } @media (max-width: 420px) { .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container { padding: 20px 0px; } } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row { margin-left: 0px; margin-right: 0px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row.allow-margin { margin-left: -15px; margin-right: -15px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 0; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon-wrapper { text-align: right; margin: 0 auto; /*padding: 2em 0 3em;*/ } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon { display: inline-block; font-size: 0px; cursor: pointer; /*margin: 15px 30px;*/ width: 25px; height: 25px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #49a948; text-decoration: none; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon:before { font-family: 'FontAwesome'; font-size: 15px; line-height: 25px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon-effect .icon { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; padding-bottom: 1.5px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon-effect .icon:after { top: -1px; left: -1px; padding: 1px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon-effect .icon:hover { color: #49a948; text-decoration: none; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .goModalBtn .icon-effect .icon:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col { margin: 10px 20px; height: 30px; width: auto; float: left; opacity: 0.5; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col.active { opacity: 1; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col.active:hover { opacity: 1; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col:hover { opacity: 0.7; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col.button-wrapper { margin-top: 5px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col span { background-color: #e7e7e7; border-radius: 2px; padding: 5px 10px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col span a .fa-times { color: #313131; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-item div.col span a .fa-plus { color: #49a948; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .filter-heading { font-size: 18px; padding-bottom: 10px; display: inline-block; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn { width: 180px; margin-top: 30px; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn-effect .cbtn { color: #f8f8f8; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .applyFiltersBtn .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } @media (min-width: 768px) { .modal.in[aria-labelledby="filters-modal"][aria-describedby="filters-modal"] .modal-dialog.modal-lg { margin: 100px auto; } } #terms-and-con { margin-top: 50px; color: #313131; } #terms-and-con h2 { padding: 40px 0px; } #terms-and-con h4 { padding: 13px 0px; } #fiscal-info, #tracking { min-height: calc(100vh - 395px); font-size: 14px; color: #313131; -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } #ie-broke { background-image: url("assets/images/cityshuttle.png"); background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; padding-top: 15%; } #ie-broke .alert { border-radius: 0px; padding-bottom: 2em; color: black; padding-left: 2em; padding-right: 2em; } #ie-broke .alert h2 { color: black; } .pac-container { z-index: 10000 !important; width: 100% !important; position: initial !important; color: #313131; background-color: #f8f8f8; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 5px; } .pac-container.ie_fix { width: 500px !important; margin-left: -20px; } .intermediay_point_pac .pac-container { color: #313131; background-color: #fff; width: 90% !important; max-width: 91% !important; margin-left: 15px; position: inherit !important; pointer-events: all !important; } .intermediay_point_pac .pac-item { position: relative !important; pointer-events: all !important; display: block; } .pac-logo:after { content: ""; padding: 1px 1px 1px 0; height: 16px; text-align: right; display: block; background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png); background-position: right; background-repeat: no-repeat; background-size: 120px 14px; } .hdpi.pac-logo:after { background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png); } .pac-item { cursor: default; padding: 0 4px; text-overflow: ellipsis; overflow: hidden; white-space: normal; line-height: 18px; padding-top: 10px; padding-bottom: 10px; text-align: left; border-top: 1px solid #e6e6e6; font-size: 11px; color: #999; } .pac-item:hover { background-color: #fafafa; } .pac-item-selected, .pac-item-selected:hover { background-color: #fafafa; } .pac-matched { font-weight: 700; } .pac-item-query { font-size: 13px; padding-right: 3px; padding-left: 10px; color: #313131; } .pac-icon:before { color: #49a948; display: inline-block; vertical-align: top; background-color: #f8f8f8; content: '\f041'; font-family: 'FontAwesome'; font-size: 15px; margin-right: 20px; margin-top: -5px; padding-right: 20px; } #pickup_input_group .pac-icon:before { color: #49a948; } .intermediay_point_pac .pac-icon:before { color: #105caa; background-color: #fff; } #dropoff_input_group .pac-icon:before { color: #105caa; } #pickup_input_group .pac-item:hover .pac-icon:before { color: #6dba6c; } .intermediay_point_pac .pac-item:hover .pac-icon:before { color: #3f7cbb; background-color: #fafafa; } #dropoff_input_group .pac-item:hover .pac-icon:before { color: #3f7cbb; } .pac-icon { width: 1px; height: 1px; display: inline-block; } .pac-icon-search { background-position: -1px -1px; } .pac-item-selected .pac-icon-search { background-position: -18px -1px; } .pac-icon-marker { background-position: -1px -161px; } .pac-item-selected .pac-icon-marker { background-position: -18px -161px; } .pac-placeholder { color: gray; } #tracking { color: #313131; min-height: calc(100vh - 395px); -webkit-animation: fadeInAnimation 0.5s forwards; animation: fadeInAnimation 0.5s forwards; } @media (max-width: 767px) { #tracking { min-height: calc(100vh - 480px); } } #tracking .custom_container { width: 100vw; } @media (min-width: 768px) { #tracking .custom_container { width: 80vw; } } #tracking .section_header { padding: 13px 0px; font-size: 16px; } #tracking .car_and_driver { margin-left: -20px; } @media (max-width: 1299px) { #tracking .car_and_driver { width: 50%; margin-left: 0px; } } @media (max-width: 1010px) { #tracking .car_and_driver { width: 50%; margin-left: 0px; padding-left: 30px; } } @media (max-width: 1011px) { #tracking .car_and_driver { margin-top: 30px; padding-left: 70px; } } @media (max-width: 940px) { #tracking .car_and_driver { width: 100% !important; width: 100% !important; margin-top: 100px; padding-left: 15px; } } #tracking .journey_info { margin-left: 20px; } @media (max-width: 1299px) { #tracking .journey_info { width: 50%; margin-left: 0px; margin-top: 30px; } } @media (max-width: 940px) { #tracking .journey_info { margin-top: 30px; margin-left: 0px; } } @media (max-width: 767px) { #tracking .journey_info { margin-top: 100px; } } @media (max-width: 767px) { #tracking .journey_info .info_wrapper { width: 80vw; } } #tracking .journey_info.alone { margin-left: 0; } @media (min-width: 1300px) { #tracking .journey_info.alone { padding-top: 30px; } } @media (max-width: 1300px) { #tracking .map_section { width: 50%; } } @media (max-width: 940px) { #tracking .map_section { width: 100%; height: 400px; } } #tracking #map-container { background-color: #fff; } #tracking #map-container ng-map { height: 440px; width: 458px; } @media (max-width: 1819px) { #tracking #map-container ng-map { width: 415px; } } @media (max-width: 1500px) { #tracking #map-container ng-map { width: 360px; height: 300px; } } @media (max-width: 1400px) { #tracking #map-container ng-map { height: 320px; } } @media (max-width: 940px) { #tracking #map-container ng-map { width: 100%; height: 320px; } } #tracking .info { font-size: 15px; padding: 1em 0; color: #313131; } #tracking .info .icon { color: #105caa; padding: 0 10px; width: 25px; display: inline-block; text-align: center; } #tracking .info .bold-text { color: #105caa; padding-left: 10px; font-weight: 600; } #tracking .info .information { display: block; padding-top: 5px; padding-left: 40px; } #tracking .info .information.no-float { display: inline-block; padding-left: 5px; } #tracking .info .information .additional { font-size: 13px; display: block; } #tracking .info .priority { color: #105caa; font-size: 15px; font-weight: 600; } #tracking .car_image { background-size: cover; background-position: 50% 50%; height: 160px; width: 350px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #tracking .car_image span { display: none; padding-left: 15px; font-size: 13px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #tracking .car_details { padding-top: 30px; } @media (max-width: 1436px) { #tracking .car_details { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; } } @media (max-width: 940px) { #tracking .car_details { width: 100% !important; display: block; padding-bottom: 60px; } } #tracking .driver_details { padding-top: 20px; } #tracking .driver_details .driver_image { background-size: cover; background-position: 50% 50%; height: 150px; width: 150px; border-radius: 50%; float: left; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 1667px) { #tracking .driver_details .driver_image { height: 130px; width: 130px; } } @media (max-width: 1436px) { #tracking .driver_details .driver_image { display: block; margin-left: calc(50% - 130px); } } @media (max-width: 1299px) { #tracking .driver_details .driver_image { margin: 0; float: left; } } @media (max-width: 1011px) { #tracking .driver_details .driver_image { display: block; margin-left: calc(50% - 130px); } } @media (max-width: 940px) { #tracking .driver_details .driver_image { margin-left: 0; } } #tracking .driver_details .driver_image span { display: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #tracking .driver_details .driver_info { display: inline-block; padding-left: 30px; padding-top: 10px; } @media (max-width: 1667px) { #tracking .driver_details .driver_info { padding-left: 15px; } } @media (max-width: 1436px) { #tracking .driver_details .driver_info { padding-left: 0px; } } @media (max-width: 1299px) { #tracking .driver_details .driver_info { margin: 0; float: right; padding-left: 30px; padding-top: 0; } } @media (max-width: 1011px) { #tracking .driver_details .driver_info { padding-left: 0px; float: left; } } @media (max-width: 940px) { #tracking .driver_details .driver_info { padding-left: 30px; } } @media (max-width: 542px) { #tracking .driver_details .driver_info { padding-left: 0px; display: block; clear: left; padding-top: 10px; } } @media (max-width: 1400px) { #tracking .driver_details { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; } } @media (max-width: 940px) { #tracking .driver_details { float: none; width: 100%; display: block; } } #tracking .rate { font-size: 16px; padding: 30px 15px; } #tracking .rate a { color: #3f7cbb; text-decoration: underline; } #tracking .rate a:hover { color: #87add4; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #tracking .countdown { padding: 0 15px; display: inline-block; font-size: 16px; } #tracking .countdown_wrapper { display: inline-block; margin-top: -10px; } @media (max-width: 840px) { #tracking .countdown_wrapper { display: block; padding-left: 15px; margin-top: 0; margin-bottom: 15px; } } #tracking .countdown_wrapper .number { color: #105caa; font-weight: 600; font-size: 28px; display: inline-block; width: 35px; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } #tracking .countdown_wrapper .number.digit { width: 18px; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; } #tracking .countdown_wrapper .word { padding-right: 6px; font-size: 16px; } #tracking .divider { display: none; } @media (max-width: 991px) { #tracking .divider { display: block; border-top: 1.4px solid #efefef; margin: 30px auto 0 auto; } } #tracking .document-section a.photo-link .photo { width: 100%; position: relative; padding-bottom: 15px; } #tracking .document-section a.photo-link .photo img { width: 100%; } #tracking .document-section a.photo-link .photo .type { position: absolute; top: 0; left: 0; color: red; font-weight: 700; font-size: 24px; padding: 0 5px; background: #fff; } #tracking .document-section a.photo-link:hover { text-decoration: none; } #tracking .document-section .pvs .pv-list { -webkit-columns: 2; columns: 2; } #tracking .document-section .pvs .pv-list .pv .type:before { content: '('; } #tracking .document-section .pvs .pv-list .pv .type:after { content: ')'; } #discover_wrapper .row, #how_it_works_wrapper .row { height: 60vh; max-height: 600px; min-height: 475px; } @media (max-width: 800px) { #discover_wrapper .row, #how_it_works_wrapper .row { height: 560px; max-height: none; min-height: none; } #discover_wrapper .row.slick-slide, #how_it_works_wrapper .row.slick-slide { position: relative; } } #discover_wrapper .go_left, #how_it_works_wrapper .go_left { width: 50%; height: 100%; float: left; } #discover_wrapper .go_right, #how_it_works_wrapper .go_right { width: 50%; height: 100%; float: right; } #discover_wrapper .go_left, #discover_wrapper .go_right, #how_it_works_wrapper .go_left, #how_it_works_wrapper .go_right { text-align: center; } #discover_wrapper .go_left p, #discover_wrapper .go_right p, #how_it_works_wrapper .go_left p, #how_it_works_wrapper .go_right p { font-size: var(--font-size-s); padding: 0 100px; } #discover_wrapper .go_left h4, #discover_wrapper .go_right h4, #how_it_works_wrapper .go_left h4, #how_it_works_wrapper .go_right h4 { padding: 0 100px; } @media (max-width: 800px) { #discover_wrapper .go_left, #discover_wrapper .go_right, #how_it_works_wrapper .go_left, #how_it_works_wrapper .go_right { width: 100%; height: 100%; position: absolute; z-index: -1; float: none; } #discover_wrapper .go_left.flex_container, #discover_wrapper .go_right.flex_container, #how_it_works_wrapper .go_left.flex_container, #how_it_works_wrapper .go_right.flex_container { z-index: 2; width: 90%; height: 90%; margin-left: 5%; margin-top: 3.2%; background-color: rgba(225, 225, 225, 0.9); } } #discover_wrapper .flex_container, #how_it_works_wrapper .flex_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #discover_wrapper .image, #how_it_works_wrapper .image { width: 100%; height: 100%; background-size: cover; text-align: center; position: relative; background-position: center; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } #discover_wrapper .text, #how_it_works_wrapper .text { font-size: 14px; text-align: center; width: 72%; padding: 10px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } @media (max-width: 1200px) and (min-width: 530px) { #discover_wrapper .text, #how_it_works_wrapper .text { padding: 7px 15px; } } @media (max-width: 400px) { #discover_wrapper .text, #how_it_works_wrapper .text { font-size: 13px; } } #discover_wrapper .header, #how_it_works_wrapper .header { font-size: 16px; text-align: center; font-weight: bold; padding: 10px 0px 20px 0px; } @media (max-width: 1200px) and (min-width: 530px) { #discover_wrapper .header, #how_it_works_wrapper .header { padding: 10px 30px 20px 30px; } } @media (max-width: 400px) { #discover_wrapper .header, #how_it_works_wrapper .header { font-size: 15px; } } #discover_wrapper .logo_vms, #how_it_works_wrapper .logo_vms { padding-bottom: 20px; } #discover_wrapper .logo_vms img, #how_it_works_wrapper .logo_vms img { width: 130px; } #discover_wrapper .c_btn.blue, #how_it_works_wrapper .c_btn.blue { padding-top: 20px; width: 230px; } #discover_wrapper .c_btn.blue .cbtn-wrapper, #how_it_works_wrapper .c_btn.blue .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #discover_wrapper .c_btn.blue .cbtn, #how_it_works_wrapper .c_btn.blue .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #discover_wrapper .c_btn.blue .cbtn:after, #how_it_works_wrapper .c_btn.blue .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #discover_wrapper .c_btn.blue .cbtn-effect .cbtn, #how_it_works_wrapper .c_btn.blue .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #discover_wrapper .c_btn.blue .cbtn-effect .cbtn:after, #how_it_works_wrapper .c_btn.blue .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #discover_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #how_it_works_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #discover_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #how_it_works_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #discover_wrapper .c_btn.blue .cbtn-disabled .cbtn, #how_it_works_wrapper .c_btn.blue .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } @media (max-width: 400px) { #discover_wrapper .c_btn.blue .cbtn-wrapper, #how_it_works_wrapper .c_btn.blue .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #discover_wrapper .c_btn.blue .cbtn, #how_it_works_wrapper .c_btn.blue .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: 600; font-size: 15px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #discover_wrapper .c_btn.blue .cbtn:after, #how_it_works_wrapper .c_btn.blue .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #discover_wrapper .c_btn.blue .cbtn-effect .cbtn, #how_it_works_wrapper .c_btn.blue .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #discover_wrapper .c_btn.blue .cbtn-effect .cbtn:after, #how_it_works_wrapper .c_btn.blue .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #discover_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #how_it_works_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #discover_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #how_it_works_wrapper .c_btn.blue .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #discover_wrapper .c_btn.blue .cbtn-disabled .cbtn, #how_it_works_wrapper .c_btn.blue .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } } #discover_wrapper .c_btn.green, #how_it_works_wrapper .c_btn.green { padding-top: 20px; width: 230px; } #discover_wrapper .c_btn.green .cbtn-wrapper, #how_it_works_wrapper .c_btn.green .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #discover_wrapper .c_btn.green .cbtn, #how_it_works_wrapper .c_btn.green .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #discover_wrapper .c_btn.green .cbtn:after, #how_it_works_wrapper .c_btn.green .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #discover_wrapper .c_btn.green .cbtn-effect .cbtn, #how_it_works_wrapper .c_btn.green .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #discover_wrapper .c_btn.green .cbtn-effect .cbtn:after, #how_it_works_wrapper .c_btn.green .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #discover_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #how_it_works_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #discover_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #how_it_works_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #discover_wrapper .c_btn.green .cbtn-disabled .cbtn, #how_it_works_wrapper .c_btn.green .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } @media (max-width: 400px) { #discover_wrapper .c_btn.green .cbtn-wrapper, #how_it_works_wrapper .c_btn.green .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #discover_wrapper .c_btn.green .cbtn, #how_it_works_wrapper .c_btn.green .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 15px; text-transform: uppercase; font-weight: 600; font-size: 15px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #discover_wrapper .c_btn.green .cbtn:after, #how_it_works_wrapper .c_btn.green .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #discover_wrapper .c_btn.green .cbtn-effect .cbtn, #how_it_works_wrapper .c_btn.green .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #49a948; box-shadow: inset 0 0 0 1.5px #49a948; -webkit-transition: color 0.2s; transition: color 0.2s; } #discover_wrapper .c_btn.green .cbtn-effect .cbtn:after, #how_it_works_wrapper .c_btn.green .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #49a948; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #discover_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #how_it_works_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #49a948; text-decoration: none; } #discover_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after, #how_it_works_wrapper .c_btn.green .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #discover_wrapper .c_btn.green .cbtn-disabled .cbtn, #how_it_works_wrapper .c_btn.green .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } } #discover_wrapper .c_btn a:focus, #how_it_works_wrapper .c_btn a:focus { outline: none; } #discover_wrapper .slider_1 .image, #discover_wrapper .slider_2 .image, #discover_wrapper .slider_3 .image, #discover_wrapper .slider_4 .image, #discover_wrapper .slider_5 .image, #discover_wrapper .slider_h_1 .image, #discover_wrapper .slider_h_2 .image, #discover_wrapper .slider_h_3 .image, #discover_wrapper .slider_h_4 .image, #discover_wrapper .slider_h_5 .image, #how_it_works_wrapper .slider_1 .image, #how_it_works_wrapper .slider_2 .image, #how_it_works_wrapper .slider_3 .image, #how_it_works_wrapper .slider_4 .image, #how_it_works_wrapper .slider_5 .image, #how_it_works_wrapper .slider_h_1 .image, #how_it_works_wrapper .slider_h_2 .image, #how_it_works_wrapper .slider_h_3 .image, #how_it_works_wrapper .slider_h_4 .image, #how_it_works_wrapper .slider_h_5 .image { height: 100%; width: 100%; } #discover_wrapper .slider_1 .image.image11, #how_it_works_wrapper .slider_1 .image.image11 { background-image: url("assets/images/discover/1/discover_1_2.jpg"); } #discover_wrapper .slider_1 .image.image12, #how_it_works_wrapper .slider_1 .image.image12 { background-image: url("assets/images/discover/1/discover_1_1.JPG"); } #discover_wrapper .slider_2 .image.image21, #how_it_works_wrapper .slider_2 .image.image21 { background-image: url("assets/images/discover/2/discover_2_2.jpg"); } #discover_wrapper .slider_2 .image.image22, #how_it_works_wrapper .slider_2 .image.image22 { background-image: url("assets/images/discover/2/discover_2_1.JPG"); } #discover_wrapper .slider_2 .image.image23, #how_it_works_wrapper .slider_2 .image.image23 { background-image: url("assets/images/discover/2/discover_2_3.JPG"); } #discover_wrapper .slider_2 .image.image24, #how_it_works_wrapper .slider_2 .image.image24 { background-image: url("assets/images/discover/2/discover_2_4.jpg"); } #discover_wrapper .slider_3 .image.image31, #how_it_works_wrapper .slider_3 .image.image31 { background-image: url("assets/images/discover/3/discover_3_1.jpg"); } #discover_wrapper .slider_3 .image.image32, #how_it_works_wrapper .slider_3 .image.image32 { background-image: url("assets/images/discover/3/discover_3_2.JPG"); } #discover_wrapper .slider_4 .image.image41, #how_it_works_wrapper .slider_4 .image.image41 { background-image: url("assets/images/discover/4/discover_4_1.jpg"); } #discover_wrapper .slider_4 .image.image42, #how_it_works_wrapper .slider_4 .image.image42 { background-image: url("assets/images/discover/4/discover_4_2.jpg"); } #discover_wrapper .slider_5 .image.image51, #how_it_works_wrapper .slider_5 .image.image51 { background-image: url("assets/images/discover/5/discover_5_2.jpg"); } #discover_wrapper .slider_h_1 .image.how_img1, #how_it_works_wrapper .slider_h_1 .image.how_img1 { background-image: url("assets/images/how-it-works/1.jpg"); } #discover_wrapper .slider_h_2 .image.how_img2, #how_it_works_wrapper .slider_h_2 .image.how_img2 { background-image: url("assets/images/how-it-works/2.jpg"); } #discover_wrapper .slider_h_3 .image.how_img3, #how_it_works_wrapper .slider_h_3 .image.how_img3 { background-image: url("assets/images/how-it-works/3.jpg"); } #discover_wrapper .slider_h_4 .image.how_img4, #how_it_works_wrapper .slider_h_4 .image.how_img4 { background-image: url("assets/images/how-it-works/4.jpg"); } #discover_wrapper .slider_h_5 .image.how_img5, #how_it_works_wrapper .slider_h_5 .image.how_img5 { background-image: url("assets/images/how-it-works/5.jpg"); } #discover_wrapper .slick-next.slick-arrow, #discover_wrapper .slick-prev.slick-arrow, #how_it_works_wrapper .slick-next.slick-arrow, #how_it_works_wrapper .slick-prev.slick-arrow { position: absolute; top: 50%; right: 0; background: transparent !important; color: transparent !important; border: 0 !important; } #discover_wrapper .slick-next:before, #how_it_works_wrapper .slick-next:before { content: '\f105'; font-family: 'FontAwesome'; font-size: 50px; color: #105caa; } #discover_wrapper .slick-prev:before, #how_it_works_wrapper .slick-prev:before { content: '\f104'; font-family: 'FontAwesome'; font-size: 50px; color: #105caa; } #discover_wrapper .slider_2 .slick-next:before, #discover_wrapper .slider_2 .slick-prev:before, #discover_wrapper .slider_4 .slick-next:before, #discover_wrapper .slider_4 .slick-prev:before, #how_it_works_wrapper .slider_2 .slick-next:before, #how_it_works_wrapper .slider_2 .slick-prev:before, #how_it_works_wrapper .slider_4 .slick-next:before, #how_it_works_wrapper .slider_4 .slick-prev:before { color: #49a948; } #discover_wrapper .slick-next.slick-arrow, #how_it_works_wrapper .slick-next.slick-arrow { right: 20px; z-index: 2; } @media (max-width: 550px) { #discover_wrapper .slick-next.slick-arrow, #how_it_works_wrapper .slick-next.slick-arrow { right: -20px; width: 50px; } } #discover_wrapper .slick-prev.slick-arrow, #how_it_works_wrapper .slick-prev.slick-arrow { left: 40px; z-index: 2; } @media (max-width: 550px) { #discover_wrapper .slick-prev.slick-arrow, #how_it_works_wrapper .slick-prev.slick-arrow { right: 20px; left: 20px; width: 50px; } } #discover_wrapper .row.slick-slide .go_right .image, #discover_wrapper .row.slick-slide .go_left .image, #how_it_works_wrapper .row.slick-slide .go_right .image, #how_it_works_wrapper .row.slick-slide .go_left .image { display: none; } #discover_wrapper .row.slick-slide.slick-current.slick-active .go_right .image, #discover_wrapper .row.slick-slide.slick-current.slick-active .go_left .image, #how_it_works_wrapper .row.slick-slide.slick-current.slick-active .go_right .image, #how_it_works_wrapper .row.slick-slide.slick-current.slick-active .go_left .image { display: block; } #discover_wrapper .slick-slider:focus, #discover_wrapper .slick-track:focus, #discover_wrapper .slick-slide:focus, #how_it_works_wrapper .slick-slider:focus, #how_it_works_wrapper .slick-track:focus, #how_it_works_wrapper .slick-slide:focus { outline: none; } /* end wrappper */ #custom-search-input .input-group, .dropdown-input .input-group { padding: 14px 0 8px 0; width: 60%; margin: 0 auto; } @media (max-width: 500px) { #custom-search-input .input-group, .dropdown-input .input-group { width: 70%; } } @media (max-width: 480px) { #custom-search-input .input-group, .dropdown-input .input-group { width: 100%; padding-left: 15px; padding-right: 15px; } } #custom-search-input .input-group .input-group-addon, .dropdown-input .input-group .input-group-addon { padding: 15px 8px 15px 20px; font-size: 16px; font-weight: 400; line-height: 1; text-align: center; background-color: #e7e7e7; border: 0; border-radius: 0; } #custom-search-input .input-group .input-group-addon#searchIcon, .dropdown-input .input-group .input-group-addon#searchIcon { color: #105caa; } #custom-search-input .input-group .input-group-addon.toggleOptions, .dropdown-input .input-group .input-group-addon.toggleOptions { padding: 15px 20px 15px 15px; } #custom-search-input .input-group .input-group-addon.toggleOptions a, #custom-search-input .input-group .input-group-addon.toggleOptions a>i::before, #custom-search-input .input-group .input-group-addon.toggleOptions a:active, #custom-search-input .input-group .input-group-addon.toggleOptions a:active>i::before, #custom-search-input .input-group .input-group-addon.toggleOptions a:hover, #custom-search-input .input-group .input-group-addon.toggleOptions a:hover>i::before, .dropdown-input .input-group .input-group-addon.toggleOptions a, .dropdown-input .input-group .input-group-addon.toggleOptions a>i::before, .dropdown-input .input-group .input-group-addon.toggleOptions a:active, .dropdown-input .input-group .input-group-addon.toggleOptions a:active>i::before, .dropdown-input .input-group .input-group-addon.toggleOptions a:hover, .dropdown-input .input-group .input-group-addon.toggleOptions a:hover>i::before { color: #313131 !important; text-decoration: none; } #custom-search-input .input-group .input-group-addon.toggleOptions:hover, .dropdown-input .input-group .input-group-addon.toggleOptions:hover { cursor: pointer; background-color: #f8f8f8; } #custom-search-input .input-group .input-group-addon.toggleOptions:hover span, #custom-search-input .input-group .input-group-addon.toggleOptions:hover a, .dropdown-input .input-group .input-group-addon.toggleOptions:hover span, .dropdown-input .input-group .input-group-addon.toggleOptions:hover a { background-color: #f8f8f8; cursor: pointer; } #custom-search-input .form-control, .dropdown-input .form-control { display: block; width: 100%; height: 48px; line-height: 1.42857143; color: #313131; background-color: #e7e7e7; background-image: none; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 19px 15px 0px 8px; font-size: 14px; } #custom-search-input .form-control:focus, #custom-search-input .form-control:active, .dropdown-input .form-control:focus, .dropdown-input .form-control:active { padding: 15px 15px 15px 7px; font-size: 16px; } #custom-search-input label, .dropdown-input label { position: absolute; top: 20px; left: 49px; z-index: 3; font-weight: 600; text-transform: uppercase; font-size: 15px; } @media (max-width: 480px) { #custom-search-input label, .dropdown-input label { padding-left: 14px; } } #custom-search-input a[disabled="disabled"], .dropdown-input a[disabled="disabled"] { pointer-events: none; } #custom-search, .dropdown-list { text-align: left; width: 100%; } #custom-search ul, .dropdown-list ul { list-style-type: none; font-size: 14px; } #custom-search ul.main_list, .dropdown-list ul.main_list { padding: 14px 0 8px 0; width: 60%; margin: 0 auto; height: 300px; overflow-y: scroll; } #custom-search span, .dropdown-list span { border-top: 1px solid #e6e6e6; display: inline-block; width: 100%; } #custom-search .category, .dropdown-list .category { font-weight: bold; padding-left: 0; padding: 5px 0; font-size: 16px; } #custom-search .subcategory, .dropdown-list .subcategory { padding: 5px 0 5px 20px; } #custom-search .option, .dropdown-list .option { padding: 5px 0 5px 35px; } #custom-search .main_list::-webkit-scrollbar-track, .dropdown-list .main_list::-webkit-scrollbar-track { background-color: #e7e7e7; } #custom-search .main_list::-webkit-scrollbar, .dropdown-list .main_list::-webkit-scrollbar { width: 3px; background-color: #e7e7e7; } #custom-search .main_list::-webkit-scrollbar-thumb, .dropdown-list .main_list::-webkit-scrollbar-thumb { background-color: #313131; } .dropdown-list { padding: 0 0 8px 0; width: 60%; margin: -8px auto 0; font-size: 14px; } @media (max-width: 500px) { .dropdown-list { width: 70%; } } @media (max-width: 480px) { .dropdown-list { width: 100%; padding-left: 15px; padding-right: 15px; } } .dropdown-list li { background-color: #e7e7e7; padding: 12px 18px; border-top: 0.6px solid #efefef; pointer-events: all; } .dropdown-list li:hover { cursor: pointer; background-color: #ebebeb; } .dropdown-list a, .dropdown-list a:hover, .dropdown-list a:active { color: #313131; text-decoration: none; } .dropdown-list a:hover { cursor: pointer; color: #898989; } #paymentDetails .costCenterInput .dropdown-input .toggleOptions { padding: 0px; } #paymentDetails .costCenterInput .dropdown-input .toggleOptions a, #paymentDetails .costCenterInput .dropdown-input .toggleOptions a>i::before, #paymentDetails .costCenterInput .dropdown-input .toggleOptions a:active, #paymentDetails .costCenterInput .dropdown-input .toggleOptions a:active>i::before, #paymentDetails .costCenterInput .dropdown-input .toggleOptions a:hover, #paymentDetails .costCenterInput .dropdown-input .toggleOptions a:hover>i::before { padding: 0px 10px; color: #313131 !important; text-decoration: none; } #paymentDetails .costCenterInput .dropdown-input:hover { cursor: pointer; } #paymentDetails .costCenterInput .dropdown-input:hover .toggleOptions { background-color: #ebebeb; } #map .processingError.infoMessage { color: #313131; } .cost_center_inputs>div { position: relative; } #paymentDetails .cost_center_inputs .costCenterInput { padding-bottom: 0; } .cost_center_inputs .required_field.cost_center { position: absolute; top: 15px; right: 100px; color: #e50000; font-size: 14px; } @media (min-width: 870px) and (max-width: 1199px) { #paymentDetails .cost_center_inputs .costCenterInput .input-group, .dropdown-list { width: 93%; } .cost_center_inputs .required_field.cost_center { right: 0px; } } @media (min-width: 480px) and (max-width: 630px) { #paymentDetails .cost_center_inputs .costCenterInput .input-group, .dropdown-list { width: 93%; } .cost_center_inputs .required_field.cost_center { right: 0px; } } @media (max-width: 479px) { .cost_center_inputs .required_field.cost_center { right: 0px; } } #schlumberger-confirm { background-color: #f8f8f8; padding: 20px 70px 30px 80px; margin-right: 15px; font-size: 14px; } #schlumberger-confirm h3 { font-size: 28px; text-transform: uppercase; color: #313131; padding: 10px 60px 10px 0px; } #schlumberger-confirm #login { padding: 0; margin: 0; } #terms-and-con .column-content .content ul { margin-left: 30px; list-style-type: disc; list-style-position: inside; } #terms-and-con .column-content .content ul.no-bullet { list-style-type: none; } #terms-and-con .column-content .content .block_links a { word-break: break-all; word-wrap: break-word; } @media (min-width: 769px) { footer-nav footer { height: 140px !important; } } @media (max-width: 991px) { footer-nav footer { margin-top: 60px !important; } } #login .changePassTab { border-left: none; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled { pointer-events: none !important; padding-bottom: 30px; opacity: 0.6; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-wrapper { text-align: left; /*margin: 0 auto;*/ /*padding: 2em 0 3em;*/ } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn { display: block; font-size: 0px; cursor: pointer; text-align: center; position: relative; z-index: 1; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; font-weight: 600; font-size: 16px; padding: 12px 20px; font-style: normal; font-variant: normal; display: block; -webkit-font-smoothing: antialiased; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-effect .cbtn { color: #fff; -webkit-box-shadow: inset 0 0 0 1.5px #105caa; box-shadow: inset 0 0 0 1.5px #105caa; -webkit-transition: color 0.2s; transition: color 0.2s; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-effect .cbtn:after { top: 0px; left: 0px; z-index: -1; background: #105caa; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-effect:not(.cbtn-disabled) .cbtn:hover { color: #105caa; text-decoration: none; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-effect:not(.cbtn-disabled) .cbtn:hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-disabled .cbtn { cursor: default !important; pointer-events: none; opacity: 0.7; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn { padding-bottom: 30px; } #timeline #missing_info .inner a, #timeline #missing_info .inner a:hover { text-decoration: none !important; color: #313131 !important; } #timeline #missing_info .tooltip.right .tooltip-arrow { border-right-color: #e7e7e7 !important; color: #e7e7e7 !important; width: -webkit-max-content; width: -moz-max-content; width: max-content; } #timeline #missing_info .tooltip>.tooltip-inner { background-color: #e7e7e7; color: #313131; width: -webkit-max-content; width: -moz-max-content; width: max-content; } #timeline #missing_info .inner { padding: 0; } #timeline #missing_info .content { padding: 5px 10px; } #timeline #missing_info .timeline-item.hidden:before { content: none; } .timeline-header { background-color: #f8f8f8; padding: 30px 30px 0px 30px; font-weight: 600; } .timeline-row { margin-right: 30px; margin-left: 0px; } .iti-flag { background-image: url("assets/intl-tel-input/img/flags.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti-flag { background-image: url("assets/intl-tel-input/img/flags@2x.png"); } } .intl-tel-input { width: 100%; display: block; } .intl-tel-input .country-list { z-index: 5; top: 48px; left: 9px; background: #ebebeb; } .intl-tel-input .country-list .country { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ebebeb; } .intl-tel-input .country-list .country .flag { padding: 0 10px 0 0; } .intl-tel-input .country-list .country.highlight { background: #f1f1f1; } .intl-tel-input .divider { background: #ebebeb; } .intl-tel-input .selected-flag { z-index: 4; top: 23px; position: absolute; padding: 0 0 0 18px; outline: none !important; cursor: pointer; } #login .input-group label[for="phone_create"] { left: 85px; } input { outline: none !important; } #preferences { padding: 50px 0; } #preferences .title { margin: 3em 0 1.5em; } #preferences .add-new { padding: 20px; background-color: #f8f8f8; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } #preferences .add-new .icon { color: #49a948; display: inline-block; vertical-align: middle; width: 5%; font-size: 18px; text-align: right; } #preferences .add-new .poi-address-wrapper #input-address { display: inline-block; vertical-align: middle; width: 94%; position: relative; } #preferences .add-new .poi-address-wrapper #input-address .pac-container { position: absolute !important; top: 30px !important; left: 0 !important; width: 100% !important; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } #preferences .add-new .poi-address-wrapper #input-address #newPoi { border: 0; background-color: whitesmoke; color: #313131; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #preferences .add-new .poi-address-wrapper #input-address #newPoi :focus { -webkit-box-shadow: none; box-shadow: none; } #preferences .add-new .poi-address-wrapper #newAddressMissing { margin: 0px 3em 0.5em; padding: 0; margin-top: 0; } #preferences .add-new .poi-name-wrapper { padding: 1em 0; } #preferences .add-new .poi-name-wrapper #poiName { display: inline-block; vertical-align: middle; border: 0; background-color: whitesmoke; color: #313131; width: 73%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 6px 12px; } #preferences .add-new .poi-name-wrapper #poiName :focus { -webkit-box-shadow: none; box-shadow: none; } #preferences .add-new .poi-name-wrapper .validate-message { margin: 0px 3em 0.5em; padding: 0; } #preferences .add-new #add-new-poi { display: inline-block; vertical-align: middle; background-color: #105caa; color: #fff; border: 1; border-radius: 0; -webkit-transition: all 0.25s; transition: all 0.25s; margin: 1em 3em; } #preferences .add-new #add-new-poi:hover { background-color: rgba(0, 0, 0, 0); color: #105caa; } #preferences .list { background-color: #f8f8f8; width: 100%; color: #313131; margin-top: 2em; padding: 20px; } #preferences .list .icon { width: 5%; display: inline-block; color: #49a948; vertical-align: middle; text-align: right; font-size: 16px; border: 0; } #preferences .list input { background-color: #f8f8f8; color: #313131; width: 94%; padding: 6px 12px; border: 0; } #preferences .list ul li { list-style-type: none; color: #313131; margin: 10px 0; } #preferences .list ul li .poi { padding: 6px 12px; color: #313131; width: 69%; display: inline-block; cursor: pointer; } #preferences .list ul li .passenger { padding: 6px 12px; color: #313131; width: 67%; display: inline-block; cursor: pointer; vertical-align: middle; } #preferences .list ul li .passenger span { display: block; } #preferences .list ul li .button { color: #fff; background-color: #e50000; border: 1; border-color: #e50000; -webkit-transition: all 0.25s; transition: all 0.25s; border-radius: 0; } #preferences .list ul li .button:hover { background-color: rgba(0, 0, 0, 0); color: #e50000; } #preferences .fav_passengers .add-new { padding-bottom: 1em; } #preferences .fav_passengers .add-new .input-wrapper { width: 45%; display: inline-block; vertical-align: middle; } #preferences .fav_passengers .add-new .input-wrapper .form-control { margin: 2%; background-color: whitesmoke; color: #313131; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #preferences .fav_passengers .add-new #add-passenger-button { display: inline-block; vertical-align: middle; background-color: #105caa; color: #fff; border: 1; border-radius: 0; -webkit-transition: all 0.25s; transition: all 0.25s; margin: 2%; } #preferences .fav_passengers .add-new #add-passenger-button:hover { background-color: rgba(0, 0, 0, 0); color: #105caa; } #preferences .validate-message { display: none; color: #e50000; margin: 0 2%; padding: 0 12px; } #preferences #newAddressMissing { margin-top: 1em; } #preferences .preferences-item-list li { font-size: 14px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0 !important; padding: 10px 0; border-bottom: 1px solid #ededed; } #preferences .preferences-item-list li:first-child { border-top: 1px solid #ededed; } #preferences .preferences-item-list li:last-child { border-bottom: none; } #preferences .preferences-item-list li .passenger_name { font-weight: 600; } #preferences .preferences-item-list li > span { flex: 0 1 auto; } #preferences .preferences-item-list li > span.icon { width: 20px !important; text-align: center; } #preferences .preferences-item-list li > span.button { height: 40px !important; width: 40px !important; text-align: center; background-color: transparent; color: red; opacity: 0.5; transition: opacity 0.2s; cursor: pointer; line-height: 40px; } #preferences .preferences-item-list li > span.button:hover { opacity: 1; } #preferences .preferences-item-list li > div { flex: 1 1 auto; } #preferences .preferences-item-list-search { padding: 10px 0; } /* STYLING DISCLAIMER MOBILE */ @media all and (display-mode: standalone) { .container-disclaimer { display: none !important; } } @media screen and (max-width: 640px) { .container-disclaimer { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; display: table; text-align: center; } } @media screen and (max-width: 640px) { .arrow-down { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid rgba(73, 169, 72, 0.8); position: absolute; left: calc(50% - 25px); margin: 0 auto; display: table; text-align: center; bottom: -25px; } } @media screen and (max-width: 640px) { .content-disclaimer { position: fixed; bottom: 30px; left: 0; right: 0; display: table; margin: 0 auto; width: 85%; background: rgba(73, 169, 72, 0.8); font-size: 14px; border-radius: 10px; padding: 10px 10px 0; color: #fff; } } @media screen and (max-width: 640px) { .close-disclaimer { float: right; position: absolute; right: -10px; top: -15px; background: #fff; border-radius: 50px; padding: 2px 10.2px; font-size: 20px; -webkit-box-shadow: -12px 9px 25px -8px rgba(0, 0, 0, 0.75); box-shadow: -12px 9px 25px -8px rgba(0, 0, 0, 0.75); cursor: pointer; color: #49a948; } } @media screen and (max-width: 640px) { .hide-disclaimer { display: none; } } @media screen and (max-width: 640px) { .show-disclaimer { display: block; } } @media screen and (max-width: 640px) { .fade-in { opacity: 1; -webkit-animation-name: fadeInOpacity; animation-name: fadeInOpacity; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: 1s; animation-duration: 1s; } } @-webkit-keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } /* Customize the label (the container) */ .custom-checkbox-container { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: normal; width: auto; margin: auto; text-align: left; } .custom-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .custom-checkbox-container .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border: 1px solid black; } .custom-checkbox-container .checkmark:after { content: ""; position: absolute; display: none; left: 8px; top: 2px; width: 9px; height: 15px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .custom-checkbox-container:hover input~.checkmark { background-color: #ccc; } .custom-checkbox-container input:checked~.checkmark { background-color: #2196F3; } .custom-checkbox-container input:checked~.checkmark:after { display: block; } /**CSS RESET**/ :focus { outline: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; vertical-align: top; resize: vertical } audio, canvas, video { display: inline-block; display: inline; zoom: 1; max-width: 100% } audio:not([controls]) { display: none; height: 0 } [hidden] { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } img { border: 0; -ms-interpolation-mode: bicubic } figure { margin: 0 } form { margin: 0 } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; overflow: visible } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; height: 13px; width: 13px } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } html, button, input, select, textarea { color: #222 } ::-moz-selection { background: #b3d4fc; text-shadow: none } ::selection { background: #b3d4fc; text-shadow: none } img { vertical-align: middle } fieldset { border: 0; margin: 0; padding: 0 } textarea { resize: vertical } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0 } .wrapper-header { max-width: 1170px; width: 100%; margin: 0 auto; display: table; position: relative; z-index: 99; } /**TOP HEADER**/ .top-header { display: inline-block; width: 100%; background-color: #f8f8f8; border-bottom: 1px solid #e7e7e7; } .top-header ul { list-style: none; margin: 0; padding: 0; float: right; margin-left: -5px; } .top-header ul li { display: inline-block; margin: 0; padding: 0; } .top-header ul li a { border-top: 5px solid transparent; text-decoration: none; display: block; padding: 5px 15px; color: #666; font-size: 13px; font-weight: 400; line-height: 19px; } .top-header ul li a:hover { border-top: 5px solid #00c65e; color: #00c65e; text-decoration: none; } .top-header ul li:first-child { margin-left: 0; } .current-page a { border-top: 5px solid #147bd1 !important; color: #147bd1 !important; font-weight: 700 !important; } .left-part-top { float: left; } .right-part-top { float: right; } #header-bar { background-color: #f8f8f8; border-bottom: 1px solid #e7e7e7; color: #666; font-size: 13px; font-weight: 400; position: relative; z-index: 100; display: flex; justify-content: center; align-items: center; } #header-bar .content-top-header { display: flex; align-items: center; width: 100%; justify-content: space-between; } #header-bar .header-menu-services-toggle { border: 0; background: #999; color: #fff; border-radius: 0; font-size: 14px; line-height: 22px; padding: 2px 7px; text-decoration: none; } .trigger-other { display: inline-block; position: relative; background: #999; z-index: 1; margin-left: 5px; } #header-bar #header-menu-services { position: absolute; top: 100%; left: -5px; z-index: 1000; min-width: 160px; padding: 0; margin: 0; font-size: 14px; text-align: left; background: #999; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box; overflow: hidden; } #header-bar #header-menu-services li { float: none; margin: 0; padding: 0; display: block; } #header-bar #header-menu-services a, #header-bar #header-menu-services a:visited { border: 0; background: #999; color: #fff; border-radius: 0; font-size: 14px; line-height: 22px; padding: 2px 7px; z-index: 999999; } #header-bar #header-menu-services a:hover, #header-bar #header-menu-services a:active, #header-bar #header-menu-services a:focus { background: #007BD1; color: #fff; } #header-bar #header-menu-branches a, #header-bar #header-menu-branches a:visited, #header-bar #header-menu-branches a:hover, #header-bar #header-menu-branches a:active, #header-bar #header-menu-branches a:focus { border-top-style: solid; border-top-width: 5px; padding: 9px 7px; } @media screen and (min-width:768px) { #header-bar #header-menu-branches a, #header-bar #header-menu-branches a:visited, #header-bar #header-menu-branches a:hover, #header-bar #header-menu-branches a:active, #header-bar #header-menu-branches a:focus { padding: 9px 15px; } } #header-bar #header-menu-branches a, #header-bar #header-menu-branches a:visited { color: #666; border-top-color: transparent; } #header-bar #header-menu-branches a:hover, #header-bar #header-menu-branches a:active, #header-bar #header-menu-branches a:focus { color: #2BC553; border-top-color: #2BC553; } .left-part-top { float: left; } .right-part-top { float: right; } .right-part-bottom ul li a.custom-buttom-1, a.custom-buttom-1 { padding: 10px 15px !important; line-height: 13px !important; font-size: 11px; font-weight: bold; color: #10069F; text-transform: uppercase; border: 1px solid #10069F; display: inline-block; } .right-part-bottom ul li a.custom-buttom-1:hover, .custom-buttom-1:hover { transition: .5s all; background: #10069F; color: #fff; } .right-part-bottom ul li a.custom-buttom-2, a.custom-buttom-2 { padding: 6.5px 15px !important; line-height: 13px !important; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; border: 1px solid #00C65E; background: #00C65E; } .right-part-bottom ul li a.custom-buttom-2:hover, .custom-buttom-2:hover { color: #00C65E; background: transparent; transition: .5s all; } .top-header .services { display: inline-block; margin-top: 2px; margin-left: 5px; } .top-header .services a { border: 0; background: #999; color: #fff; border-radius: 0; font-size: 14px; line-height: 22px; padding: 2px 7px; text-decoration: none; } .top-header .services ul li { width: 100%; } .right-part-bottom button.menu-trigger.navbar-toggle.collapsed { display: none; } .hide-menu { display: none } /** HEADER**/ .bottom-header { display: flex; width: 100%; padding: 30px 0 40px; align-items: center; justify-content: space-between; } .logo-header img { max-width: 500px; height: 59px; width: auto; } .left-part-bottom { float: left; } .right-part-bottom { float: right; padding: 0; position: relative; } .right-part-bottom ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; } .right-part-bottom ul li { float: left; margin-right: 0px; margin-left: 25px; } .right-part-bottom ul li a { color: #000; text-decoration: none; font-size: 16px !important; line-height: 17px !important; font-weight: 300; } #topmenucollapse ul li a:hover { text-decoration: none; } .trigger-lang span { cursor: pointer; } .middle-bar { margin-top: 3px !important; } .navbar-toggle { border-color: transparent !important; } .navbar-toggle .icon-bar { background-color: #888 !important; } .navbar-toggle { margin-top: -8px; margin-bottom: 0; margin-right: 5px; } button.menu-trigger.collapsed-menu { background: #ddd !important; } #topmenucollapse { position: absolute; bottom: -52px; width: auto; padding: 0; right: 0; display: none; transition: 1s all; background-color: #fff !important; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; } #topmenucollapse ul.navbar-nav { padding: 0; margin: 0; } .navbar-nav li { margin-right: 0 !important; font-size: 16px; padding: 15px 5px; font-size: 16px; } #topmenucollapse.open { transition: 1s all; bottom: -52px; display: block; max-width: 450px; transition: 2s all; } .right-part-bottom a.top-phone { background: #00c65e; padding: 6px 16px 6px 16px; border-radius: 3px; color: #fff; font-size: 18px; } #nav-icon3 { width: 40px; height: 25px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 99999; overflow: hidden; } #nav-icon3 span { display: block; position: absolute; height: 1.5px; width: 100%; background: #507fcf; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 11px; left: 0px; } #nav-icon3 span:nth-child(4) { top: 22px; } #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .nav-on-mobile { display: none; } /* FOOTER SECTION */ .footer-wrapper { display: block; width: 100%; padding: 50px 0; background: #147bd1; color: #fff; } .footer-container { max-width: 1170px; width: 100%; margin: 0 auto; display: table; } .footer-trust-icons { width: 100%; float: right; } .footer-container ul { margin: 0; padding: 0; display: inline-block; width: 100%; margin-top: 25px; } .footer-container ul li a { color: #fff; font-size: 18px; margin-bottom: 10px; display: inline-block; } .footer-container ul li a:hover { text-decoration: none; } .title-widget { font-size: 22px; line-height: 20px; border-bottom: 2px solid #fff; padding-bottom: 5px; } .title-footer { font-size: 28px; line-height: 34px; margin-bottom: 20px; } .social-footer { margin-top: 20px; } .social-footer a { background: #fff; padding: 5px 15px; border-radius: 10px; margin-right: 10px; font-size: 26px; } .social-footer a:first-child { padding: 5px 18px !important; } .phone-footer, .email-footer, .social-footer { display: inline-block; width: 100%; font-size: 16px; line-height: 20px; padding-bottom: 5px; } .email-footer { margin-bottom: 20px; } .social-footer .links i { font-size: 26px; background-color: #fff; padding: 10px; border-radius: 10px; text-align: center; width: 50px; color: #147bd1; } .footer-trust-icons img { float: right; margin-bottom: 10px; height: 42px; } .footer-trust-icons { max-width: 160px; width: 100%; float: left; } #footer-newsletter { background: #753BBD; color: #fff; padding: 3px 0; } footer { background: #147BD1; padding: 30px 0 40px; font-size: 19px; color: #fff; } footer a, footer a:visited, footer a:hover, footer a:active, footer a:focus { color: #fff; text-decoration: none; } footer .footer-social i { font-size: 26px; background-color: #fff; padding: 10px; margin: 0 10px 0 0; border-radius: 10px; text-align: center; width: 50px; color: #147bd1; } p.widget-title { color: #fff; font-size: 20px; font-weight: 600; line-height: 1; border-bottom: 1px solid #fff; display: inline-block; margin: 20px 0; padding: 0 0 15px; } footer ul { display: block; list-style: none; margin: 0; padding: 0; } #footer-newsletter #caldera_form_1 { padding: 25px 0 10px; } #footer-newsletter h4 { font-size: 22px; line-height: 30px; font-weight: 300; } .align-items-center { display: flex; align-items: center; justify-content: center; } #mc_embed_signup_scroll input[type=email] { height: 46px !important; padding: 5px !important; } #mc_embed_signup_scroll ::placeholder { font-style: italic; } #mce-success-response { color: #fff !important; } #mce-responses { position: absolute !important; top: 27px !important; left: -35px; } #mc-embedded-subscribe { background: #A770EB !important; color: #fff !important; font-weight: 600 !important; font-size: 18px; border-color: #A770EB !important; text-transform: uppercase; padding: 8px 15px 8px 45px; margin: 4px 0 0 0 !important; } #mc-embedded-subscribe:hover { background: #753BBD !important; border-color: #fff !important; transition: .5s all; } #mc_embed_signup_scroll .mc-field-group { width: 65% !important; float: left; padding-bottom: 0 !important; } #mc_embed_signup_scroll .clear { width: 30%; float: right; clear: inherit !important; } #mc_embed_signup_scroll .clear { position: relative; } #mc_embed_signup_scroll .clear:last-child::before { content: '\f0e0'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 13px; top: calc(100% - 36px); font-size: 22px; } #mc_embed_signup { display: inline-block; width: 100%; padding: 0; } #mc_embed_signup form { padding: 0 !important; } /**Responsive Header & Footer**/ /**Responsive Header & Footer**/ @media screen and (max-width:1023px) { .right-part-bottom ul { display: none; } .right-part-bottom button.menu-trigger.navbar-toggle.collapsed { display: block; } } @media screen and (max-width: 1023px) { #header-bar.top-header { display: none; } #mc_embed_signup { margin-bottom: 20px; } } @media screen and (max-width: 991px) { #footer-newsletter .align-items-center { display: inline-block; width: 100% } } @media screen and (max-width: 767px) { #footer-newsletter { padding: 10px 0 20px; } #mc_embed_signup_scroll .mc-field-group { width: 100% !important } #mce-responses { position: relative !important; top: auto !important; } #mc_embed_signup_scroll .clear { width: 100% !important; margin-top: 10px !important } } @media screen and (max-width: 1320px) { .top-header ul li { margin-left: 0px; } } @media screen and (max-width: 991px) { .wrapper-header { display: inline-block; } .bottom-header { padding: 20px 0 10px; } .top-header { display: none; } .nav-on-mobile { display: block; padding: 0; margin-top: 15px; } div.mobile-menu.open { top: 100%; display: block; left: 0; bottom: auto !important; max-width: 100% !important; width: 100% !important; } div.mobile-menu.open li { font-size: 16px; line-height: 20px; display: inline-block; width: 100%; margin-bottom: 15px; padding: 0 15px; } div.mobile-menu.open li a { padding: 0px; } .footer-trust-icons { width: 50%; } .footer-trust-icons img { float: left !important; margin-bottom: 10px; margin-top: 10px; } } @media screen and (max-width: 500px) { .logo-header img { width: 100%; height: auto; } } /*Homepage*/ .content-home-page { display: block; width: 100%; padding: 100px 0; background: url('assets/images_new/top-new.jpeg') center center no-repeat; background-size: cover; } .title-section-1-reset-password { font-size: 30px; font-weight: bold; line-height: 50px; color: #575555; } .title-section-1-homepage { font-size: 45px; font-weight: bold; line-height: 50px; color: #fff; } .checklist-banner { padding: 0; margin: 15px 0 40px; display: inline-block; width: 100%; } .checklist-banner li { float: left; margin: 0 15px 0 0; list-style: none; color: #fff; font-size: 18px; line-height: 22px; font-weight: 600; } .login-form { max-width: 342px; width: 100%; } .login-form ::-webkit-input-placeholder { /* Edge */ color: #fff; } .login-form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .login-form ::placeholder { color: #fff; } .input-login-email { position: relative; } .input-login-email::before { content: '\f0e0'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 13px; font-size: 18px; color: #fff; } .input-login-name { position: relative; } .input-login-name::before { content: '\f007'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 13px; font-size: 18px; color: #fff; } .input-login-phone { position: relative; } .input-login-phone::before { content: '\f095'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 13px; font-size: 18px; color: #fff; } .input-login-password { position: relative; } .input-login-password::before { content: '\f13e'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 15px; top: 13px; font-size: 18px; color: #a3a0a0; } .input-login-email input { padding: 6px 25px 6px 45px; border: 1px solid #fff; color: #fff; font-size: 16px; line-height: 28px; font-weight: 400; background: transparent; width: 100%; } .input-login-name input { padding: 6px 25px 6px 45px; border: 1px solid #fff; color: #fff; font-size: 16px; line-height: 28px; font-weight: 400; background: transparent; width: 100%; } .input-login-password input { padding: 6px 25px 6px 45px; border: 1px solid #fff; color: #fff; font-size: 16px; line-height: 28px; font-weight: 400; background: transparent; width: 100%; } .input-login-password input.reset-password{ padding: 6px 25px 6px 45px; border: 1px solid #a3a0a0; color: #a3a0a0; font-size: 16px; line-height: 28px; font-weight: 400; background: transparent; width: 100%; } .input-login-phone input { padding: 6px 25px 6px 45px; border: 1px solid #fff; color: #fff; font-size: 16px; line-height: 28px; font-weight: 400; background: transparent; width: 100%; } .input-login-email input:focus, .input-login-password input:focus, .input-login-name input:focus, .input-login-phone input:focus { border-color: #00C65E; transition: .5s all; } .login-form input[type="submit"] { color: #fff; background: #00C65E; font-size: 18px; line-height: 1; padding: 11px 25px; border: 1px solid #00C65E; width: 100%; transition: .5s all; } .login-form input[type="submit"]:hover { background: transparent; color: #00c65e; transition: .5s all; } .button-green { color: #fff; background: #00C65E; font-size: 18px; line-height: 1; text-align: center; padding: 11px 10px; border: 1px solid #00C65E; width: 100%; max-width: 132px; } .button-white { color: #fff; background: transparent; font-size: 18px; line-height: 1; text-align: center; padding: 11px 10px; border: 1px solid #fff; width: 100%; max-width: 132px; } @media screen and (min-width:1024px) { .first_col { width: 38%; float: left; padding: 0 15px; } .second_col { width: 62%; float: left; padding: 0 15px; } } .text-on-banner a, .text-on-banner { color: #fff; font-size: 16px; line-height: 22px; } .text-on-banner a { text-decoration: underline; transition: .5s all; } .text-on-banner a:hover { color: #00C65E; ; transition: .5s all; } .input-booking-number input { background: transparent; color: #fff; border: 0; line-height: 18px; display: inline-block; margin-left: 10px; } .input-booking-number:focus-within { border-color: #00C65E; transition: .5s all; } .input-booking-number ::placeholder { color: #fff; } .input-booking-number { width: auto; border: 1px solid #fff; padding: 0; display: inline-block; height: 43px; margin: 0; margin-left: 0; /*width: calc(100% - 30px);*/ border-left: 0; } .location-icon { background: #753BBD; color: #fff; padding: 11px 10px; border: 1px solid #753BBD; z-index: 1; float: left; height: 45px; line-height: 43px; padding: 0 10px; } .text-small-bold { text-transform: uppercase; font-weight: 600; color: #fff; font-size: 14px; line-height: 43px; padding: 0 5px 0 0; } .column-banner-book-number { display: inline-block; padding-top: 290px; /*max-width: 250px;*/ } .input-booking-number input { max-width: 75px; font-size: 12px; font-weight: 400; } @media screen and (max-width: 991px) { .title-section-1-homepage { font-size: 35px; line-height: 1.35; } .checklist-banner { margin: 20px 0; } .checklist-banner li { font-size: 15px; margin: 0 5px 0 0; } .title-section-1-homepage br { display: none; } .column-banner-book-number { padding-top: 30px; width: 100%; max-width: 342px; } .input-booking-number input { max-width: 100px; } .text-on-banner { margin-top: 10px; } .text-small-bold { font-size: 14px; padding-right: 15px; } .input-booking-number { display: flex; justify-content: space-between; } } @media screen and (max-width: 360px) { .text-small-bold { font-size: 12px } } .after-login-class .column-banner-book-number { padding: 0; } .after-login-class .title-section-1-homepage { margin-bottom: 20px; } .after-login-class .button-green { padding: 0 10px; line-height: 45px; margin-right: 10px; display: inline-block; } .section-harta-home .container { position: relative; z-index: 1; } .section-harta-home { display: inline-block; width: 100%; padding: 75px 0; position: relative; } .section-harta-home::before { position: absolute; content: ''; top: -80px; right: 0; background: url('assets/images_new/logo-autonom.png') top right no-repeat; background-size: contain; width: 100%; height: 100%; z-index: -1; } @media screen and (max-width: 1023px) { .section-harta-home::before { display: none; } } .logo-section-harta-home { margin-bottom: 30px; } .section-harta-home .container-area { display: table; } .section-harta-home p { margin-bottom: 30px; color: #10069F; font-weight: normal; line-height: 34px; } .section-parteneri-slider-home { display: block; width: 100%; background: url('assets/images_new/background-parteneri.jpg') center center no-repeat; background-size: cover; padding: 30px 0 50px; } .section-parteneri-slider-home h3 { font-size: 40px; line-height: 48px; font-weight: bold; color: #10069F; margin-bottom: 30px; } .carousel-parteneri { display: inline-block; width: 100%; } /*.carousel-parteneri img { filter: grayscale(100%); margin: 0 auto; display: table; max-width: 100%; } .carousel-parteneri img:hover { filter: grayscale(0%); transition: .5s all; }*/ .rating-container { display: flex; } .rating-container .filled-stars { color: #F39702 !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } .rating-stars { font-size: 30px; cursor: none; } .rating-container .rating-stars { cursor: none; pointer-events: none; font-size: 22px; } .rating-number { color: #86119c; font-weight: bold; font-size: 20px; } .rating-number::after { font-weight: normal; } .rating-stars .caption, .rating-stars .clear-rating { display: none; } .testimonials-carousel { display: inline-block; padding: 30px 0; max-width: 100%; } .box-testimonial { position: relative; padding: 30px; margin: 0 15px; display: inline-block; width: 100%; } .box-testimonial::before { content: ' '; position: absolute; top: 0; left: 0; background: url('assets/images_new/ghilimea-sus.png') center center no-repeat; background-size: contain; display: block; width: 29px; height: 19px; } .box-testimonial::after { content: ' '; position: absolute; bottom: 0; right: 0; background: url('assets/images_new/ghilimea-jos.png') center center no-repeat; background-size: contain; display: block; width: 29px; height: 19px; } .text-testimonial { color: #474747; font-size: 20px; line-height: 28px; } .author-testimonial { color: #10069F; font-size: 17px; font-weight: 600; line-height: 24px; float: right; } .section-testimonials { display: block; width: 100%; } .first_col_testimonials { position: relative; /*min-height: 359px;*/ } .first_col_testimonials:before { background: url('assets/images_new/section-gradient.png') center right no-repeat; background-size: cover; content: ''; position: absolute; background-size: cover; width: calc(100vw - 100%); height: 100%; z-index: -1; right: 0; top: 0; } .second_col_testimonials { display: flex; align-items: center; } .col-1-testimonials { padding: 80px 0; } .col-1-testimonials p { margin: 0; padding: 15px 0; color: #10069F; font-size: 35px; line-height: 48px; font-weight: bold; position: relative; } @media screen and (max-width: 1024px) and (min-width:992px) { .first_col_testimonials { min-height: 370px; display: flex; align-items: center; justify-content: center; } } .wrapper-testimonials { display: flex; justify-content: center; } .testimonials-carousel .slick-arrow { filter: invert(66%) sepia(10000%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) } @media screen and (max-width: 1024px) { .col-1-testimonials { padding: 30px; text-align: center; } .wrapper-testimonials, .second, .first_col_testimonials { justify-content: space-between; } } .wrapper-safety, .wrapper-testimonials { display: flex; justify-content: center; /*align-items: center;*/ } .col-2-safety, .col-2-testimonials { display: inline-block; width: 100%; } @media screen and (min-width: 1200px) { .col-2-safety, .col-2-testimonials { padding-left: 30px; } } .section-safety { display: inline-block; width: 100%; padding: 0; overflow: hidden; } .wrapper-safety { display: flex; justify-content: center; } .safety-carousel { display: inline-block; padding: 50px 0; max-width: 100%; } .box-safety-text { position: relative; padding: 30px; display: inline-block; width: 100%; color: #fff; min-height: 222px; } .safety-carousel .slick-arrow { filter: brightness(9999%) contrast(100%) } .box-safety-text h4 { font-size: 24px; font-weight: 600; line-height: 33px; } .box-safety-text p { font-size: 20px; font-weight: 500; line-height: 28px; } .col-1-safety { padding: 80px 0; } .col-1-safety p { font-size: 34px; font-weight: 600; line-height: 48px; color: #fff; } .first_col_safety { min-height: 335px; } @media screen and (max-width: 1600px) and (min-width: 1400px) { .first_col_safety { min-height: 357px } } @media screen and (max-width: 1300px) and (min-width: 1024px) { .first_col_safety { min-height: 363px } } @media screen and (max-width: 1023px) and (min-width: 991px) { .first_col_safety { min-height: 383px } } .first_col_safety:before { background: url('assets/images_new/blue-gradient.png') center right no-repeat; content: ''; position: absolute; background-size: cover; width: calc(100vw - 100%); height: 100%; z-index: -1; right: 0; top: 0; } .second_col_safety { position: relative } .second_col_safety:after { position: absolute; top: 0; left: 0; content: ''; height: 100%; z-index: -1; width: calc(50vw + 60%); background: url('assets/images_new/background-car-alt.jpg') center right no-repeat; background-size: cover; display: flex; align-items: center; } @media screen and (max-width: 1024px) { .col-1-safety { padding: 30px; text-align: center; } .safety-carousel { max-width: 100%; width: 100%; } .wrapper-safety, .second_col_safety, .first_col_safety { display: flex; align-items: center; } } @media screen and (max-width: 991px) { .testimonials-carousel .slick-prev, .safety-carousel .slick-prev { left: 10px } .testimonials-carousel .slick-next, .safety-carousel .slick-next { right: 10px } .section-safety .container, .section-testimonials .container { padding: 0; } .wrapper-safety, .second_col_safety, .first_col_safety { min-height: 0; display: inline-block; } .wrapper-safety, .wrapper-testimonials { display: block; margin: 0; } .col-1-safety:before { display: none; } .first_col_testimonials { padding: 0; display: inline-block; } .first_col_safety { background: url('assets/images_new/blue-gradient.png') center right no-repeat; background-size: cover; width: 100%; padding: 0; display: inline-block; min-height: 0; } .col-1-safety:before { display: none; } .second_col_safety { background: url('assets/images_new/background-car-alt.jpg') center right no-repeat; background-size: cover; } .second_col_safety:after { display: none; } .col-1-testimonials:before { display: none; } .first_col_testimonials { padding: 0; display: inline-block; } .col-1-testimonials { display: table; width: 100%; padding: 0; margin: 0 auto; padding: 30px 0; } .first_col_testimonials { background: url('assets/images_new/section-gradient.png') center right no-repeat; background-size: cover; width: 100%; padding: 0; display: inline-block; min-height: 0; } } .counter-section-home { display: inline-block; width: 100%; padding: 30px 0; } .counter-row-1 { display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #10069F; } .counter-row-1 span { float: left; font-size: 34px !important; color: #10069F; line-height: 1.1; font-weight: bold; } .counter-row-1 .icons-counter { float: right; min-height: 44px; display: flex; justify-content: center; align-items: center; } .counter-row-2 { display: inline-block; width: 100%; font-size: 27px; line-height: 1.1; color: #147BD1; padding-top: 15px; text-align: justify; } @media screen and (max-width: 991px) { .counter-row-2 { margin: 0 0 30px; } } @media screen and (min-width: 1025px) { .counter-section-home .row .col-md-3 { padding-right: 45px; } .counter-section-home .row .col-md-3:last-child { padding-left: 45px; padding-right: 15px; } } .flip-boxes-section { background: url('assets/images_new/flip-background.jpg') center center no-repeat; background-size: cover; display: inline-block; width: 100%; padding: 75px 0; } .title-flip-section { /* font-size: 40px; line-height: 48px;*/ font-size: 23px; color: #10069F; font-weight: bold; } .request-demo-section { font-size: 18px; line-height: 30px; color: #10069F; font-weight: bold; } .cta-flip-section { display: inline-block; margin-top: 50px; font-size: 18px; color: #10069F; font-weight: normal; line-height: 30px; } .cta-flip-section a { color: #fff; font-size: 18px; line-height: 21px; font-weight: bold; padding: 16px 0; text-align: center; position: relative; width: 100%; /* width: 206px; */ background: #00C65E; text-transform: uppercase; border: 1px solid #00C65E; display: inline-block; transition: .5s all; } .cta-flip-section a:hover { background: transparent; text-decoration: none; color: #00C65E; transition: .5s all; text-decoration: none; } .row-1-flip-boxes { display: inline-block; width: 100%; padding-left: 60px; } .flip-box { display: inline-block; width: 100%; } .panel-flip { margin: 0 auto; height: 253px; position: relative; perspective: 600px; -webkit-perspective: 600px; -moz-perspective: 600px; background: transparent; } .panel-flip .front, .panel-flip .back { text-align: center; background: transparent; } .panel-flip .front { height: inherit; position: absolute; top: 0; z-index: 900; background: transparent; text-align: center; transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .panel-flip .back { height: inherit; position: absolute; top: 0; z-index: 1000; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .panel-flip.flip .front { z-index: 900; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .panel-flip.flip .back { z-index: 1000; transform: rotateX(0deg) rotateY(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } .flip-box1 { background-color: #147BD1; width: 247px; height: 273px; margin: 0 auto; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; display: flex; justify-content: left; align-items: flex-end; -webkit-box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); } .flip-box1 .front-content { text-align: left; } .flip-box1 .front-content p { font-size: 16px !important; /*line-height: 41px;*/ /*font-weight: bold;*/ text-align: left; /*margin: 15px 0 0;*/ } .flip-box2 { background: url('assets/images_new/back-image-box.jpg') center center no-repeat; background-size: cover; font-size: 18px; line-height: 24px; text-align: left; width: 247px; height: 273px; margin: 0 auto; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #fff; display: flex; justify-content: center; align-items: center; -webkit-box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); flex-direction: column; /* align-items: flex-start; */ } .back-top-content { display: flex; align-items: center; margin-bottom: 10px; } .back-top-content img { max-height: 35px; margin-right: 15px } .row-1-flip-boxes .col-md-4:nth-child(3n+2) .flip-box1 { background: #10069F; position: relative; } .row-1-flip-boxes .col-md-4:nth-child(3n+2) { position: relative; top: -30px; } .row-2-flip-boxes { display: inline-block; width: 100%; margin-top: 50px; padding-left: 60px; } .row-2-flip-boxes .col-md-4:nth-child(3n+2) { position: relative; top: -30px; } .row-2-flip-boxes .col-md-4:nth-child(3n+1) .flip-box1, .row-2-flip-boxes .col-md-4:nth-child(3n+3) .flip-box1 { background: #10069F; position: relative; } @media screen and (max-width: 991px) and (min-width:767px) { .flip-box2, .flip-box1 { max-width: 100%; width: 100%; } } @media screen and (max-width: 991px) { .row-1-flip-boxes { padding: 0; } .panel-flip .front, .panel-flip .back { width: 100% } .row-1-flip-boxes .col-md-4, .row-2-flip-boxes .col-md-4 { top: 0 !important; } .panel-flip { margin: 30px auto !important; display: table; width: 100%; } .row-2-flip-boxes { padding: 0; margin-top: 0; } .title-flip-section { text-align: center } .cta-flip-section { margin: 30px auto 15px; display: table; } } .slider-cars { display: inline-block; width: 100%; padding: 50px 0; } .car-fleet-section { display: inline-block; width: 100%; /*padding: 70px 0 50px;*/ } .title-car-fleet-section { font-size: 40px; line-height: 48px; color: #10069F; font-weight: bold; transition: .75s all; margin-bottom: 20px; } .car-type { text-align: center; font-size: 29px; line-height: 48px; color: #707070; font-weight: 600; margin: 10px 0 0; transition: .75s all; } .car-name { text-align: center; font-size: 39px; line-height: 51px; color: #707070; font-weight: 300; margin: 0 0 10px; transition: .75s all; } .car-image { min-height: 134px; display: flex; align-items: center; justify-content: center; } .car-image img { transition: .75s all; max-width: 100%; } .car-CTA { display: none; background: #E5E5E5; margin: 15px auto 10px; color: #707070; font-size: 21px; padding: 5px 15px; border: 1px solid #707070; transition: .75s all; } .car-CTA:hover { transition: .5s all; text-decoration: none; background: transparent; } .box-slider-car { padding: 0px; max-width: 85%; margin: 20px auto; min-height: 330px; border: 1px solid transparent; } .box-slider-car:hover { transition: .75s all; transform: scale(1.03); border: 1px solid #707070; -webkit-box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); box-shadow: 8px 8px 12px -5px rgba(0, 0, 0, 0.36); } .box-slider-car:hover .car-CTA { display: table; transition: .75s all; } .slider-cars .slick-dots li button:before { color: #147BD1; } .slick-dots li.slick-active button:before { color: #147BD1; } .tab-content>.tab-pane { display: block; height: 0; opacity: 0; } .tab-content>.tab-pane.active { display: block; height: auto; opacity: 1; } .car-fleet-section .nav-pills { background: #EEEEEE; padding: 12px; display: inline-block; } .car-fleet-section .nav-pills li { padding: 0px 10px; } .car-fleet-section .nav-pills li:last-child a { border: 0; } .car-fleet-section .nav-pills li a { font-size: 28px; line-height: 37px; font-weight: 500; padding: 0px 20px; border-right: 1px solid #147BD1; border-radius: 0; font-weight: 300; } .car-fleet-section .nav-pills li.active a { color: #10069F; background: transparent; font-weight: 500; } .car-fleet-section .tab-content { overflow: hidden; } @media screen and (max-width: 991px) { .wrapper-nav-pills { width: 100%; max-width: 100%; overflow-x: scroll; white-space: nowrap; } .car-fleet-section .nav-pills li { float: none; text-align: center; vertical-align: middle; display: inline-block; } } .col-2-testimonials { overflow: hidden; } /*Thank you Page*/ .cta-thank-you-page { display: inline-block; width: 100%; } .cta-thank-you-page a { margin-right: 30px; display: inline-block; max-width: 200px; } .cta-thank-you-page a.button-white { max-width: 260px } .thank-you-page h1 { font-size: 35px; line-height: 50px; font-weight: bold; color: #fff; padding-left: 30px; border-left: 18px solid #fff; } .thank-you-page h3 { font-size: 35px; line-height: 50px; font-weight: normal; color: #fff; margin: 50px 0; } .thank-you-page h3>span { background: #147BD1; padding: 0 10px; margin: 0 5px; font-weight: bold; } .back-home { display: inline-block; color: #fff; font-size: 18px; margin: 30px 0; } .back-home:hover { text-decoration: none; color: #00C65E; } .back-home:before { content: '\f053 '; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; margin-right: 7px; line-height: 30px; position: relative; top: -1px; } /* Booking Page */ .wrapper-big-image { display: block; width: 100%; padding: 71px 0; background: url('assets/images_new/top-image.jpg') center center no-repeat; background-size: cover; } .title-big-image { font-size: 45px; font-weight: bold; line-height: 50px; color: #fff; } .wrapper-big-image h3 { font-size: 29px; font-weight: bold; line-height: 44px; color: #fff; margin: 10px 0 0; border-left: 14px solid #fff; padding-left: 30px; } .disclaimer-section-booking { display: inline-block; width: 100%; padding: 30px 0; } .disclaimer-section-booking .container { position: relative; } .disclaimer-section-booking p a { color: #10069F; text-decoration: underline; } .disclaimer-section-booking p { padding-left: 30px; font-size: 20px; line-height: 31px; color: #0C0C0C; font-weight: normal; } .disclaimer-section-booking p::before { content: '! '; position: absolute; left: 15px; font-size: 29px; line-height: 44px; color: #10069F; top: -7px; } .disclaimer-section-booking .back-home-button { font-size: 27px; line-height: 50px; color: #10069F; display: inline-block; margin: 10px 0 0; } .disclaimer-section-booking .back-home-button i { font-size: 17px; position: relative; top: -3px; margin-right: 5px; } .booking-section { display: inline-block; width: 100%; position: relative; } /*.container-fluid { padding-left: unset !important; padding-right: unset !important; }*/ footer { height: unset !important; margin-top: unset !important; } @media (min-width: 769px) { footer-nav footer { height: unset !important; } } .login-container { /* background-color: #f8f8f8; */ /* padding: 20px 70px 30px 80px; */ /* margin-right: 15px; */ background: unset !important; padding: unset !important; margin-right: unset !important; } .accord-gdpr { color: #fff; font-size: 15px; line-height: 22px; font-weight: 600; } #rate .styled-checkbox:checked+label:after, #contact .styled-checkbox:checked+label:after, #login .styled-checkbox:checked+label:after { left: 1px !important; top: 0px !important; } .createAccoutFeedback { font-size: 16px; font-weight: bold; line-height: 50px; color: #fff; } .title-section-2-homepage { font-size: 25px !important; width: 70% !important; } .back-home-container { font-size: 25px; font-weight: bold; line-height: 50px; padding: unset; color: #8782CF; padding-bottom: 20px; } .is-sticky { margin-top: unset !important; } .title-section-3-homepage { font-size: 32px; } body:not(.loaded) { overflow: auto !important; } body { overflow-y: auto !important; } #top-bar .userMenu { position: absolute; right: 0; top: 50px !important; width: 16%; } #top-bar { height: unset !important; } .navbar-top { position: unset !important; } .userMenu { position: absolute; /* right: 0; */ /* top: 90px; */ width: 16%; } .userMenu { width: 30%; background: #fff; float: right; padding: 10px 15px; margin: 0; } .userMenu ul li { padding: 4px 0; font-size: 16px; list-style-type: none; transition: color 0.2s; } .userMenu ul li:hover { color: #00c65e; } .userMenu ul { display: block !important; } .userMenu ul a { font-size: 11px !important; } .remove-account-details-container { display: none !important; } /* Switch to hamburger menu on small devices */ @media only screen and (max-width:768px) { #side-menu { display: none; } #ham-button { display: block; } } .side-menu a:hover { background-color: darkred; color: white; -webkit-transition: background-color 0.6s ease-out, color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out, color 0.6s ease-out; -o-transition: background-color 0.6s ease-out, color 0.6s ease-out; transition: background-color 0.6s ease-out, color 0.6s ease-out; } /* Side Menu Container */ .side-menu { background-color: #111; padding: 10px; border-radius: 9px; color: #F4FFFE; box-sizing: border-box; width: 25%; } /* Side Menu Links */ .side-menu a { display: block; color: #818181; padding: 8px; font-size: 26px; border-radius: 6px; } /* When mouse hover on links in side Menu */ .side-menu a:hover { background-color: darkred; color: white; -webkit-transition: background-color 0.6s ease-out, color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out, color 0.6s ease-out; -o-transition: background-color 0.6s ease-out, color 0.6s ease-out; transition: background-color 0.6s ease-out, color 0.6s ease-out; } /* Side Menu Heading */ .side-menu h3 { padding: 8px; } /* Hamburger Menu Button */ #ham-button { display: none; } /* Switch to hamburger menu on small devices */ @media only screen and (max-width:768px) { #side-menu { display: none; width: 100%; } #ham-button { display: block; } } .float-social { position: fixed; top: 50%; right: 0; z-index: 999; transform: translateY(-50%); background: #fff; border-radius: 10px 0 0 10px; overflow: hidden; text-align: center; padding: 0 0 15px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: -5px 5px 10px rgb(0 0 0 / 10%); } .float-social span.float-social-title { background: #10069f; color: #fff; font-size: 14px; text-transform: uppercase; display: block; margin: 0 0 15px 0; padding: 8px 15px; } .float-social>a { font-size: 36px; padding: 5px; } a { color: #147BD1; } a:hover, a:focus { color: #10069F; } .float-social .float-separator { display: block; width: 50%; height: 1px; margin: 15px auto; background: #e7e7e7; } #about-us { margin-top: unset !important; display: contents; } h3.about-us { margin-top: unset !important; } .header-menu img { height: unset !important; width: 30px !important; } .header-menu li { margin-left: 5px; color: #332BAD; font-weight: bold; text-transform: uppercase; width: 100% !important; margin-left: 5px !important; } .userMenu { min-width: 200px !important; } .userMenu li { cursor: pointer; } #fiscal-info, #tracking, #reports, #next-orders { padding: 50px 0; } .no-padding-container { padding-right: unset !important; } .building-container { padding-right: unset !important; } @media (min-width: 1200px) { .container-cars { width: 1227px !important; } } @media (max-width: 991px) { footer-nav footer { margin-top: unset !important; } } @media (min-width: 991px) and (max-width: 1195px) { .footer-certifications { float: unset !important; text-align: unset !important; } footer .footer-certifications a img { margin-left: 10px; position: relative; } } @media (max-width: 991px) { .footer-certifications { float: unset !important; text-align: unset !important; } } #tracking .car_and_driver { margin-left: unset !important; } #tracking .driver_details .driver_info { padding-left: unset !important; } .track-btn { cursor: pointer; } .empty-stars { font-size: unset !important; } #CookieJump-text p { font-size: 13px !important; margin-bottom: 5px; font-weight: normal; line-height: 19.5px; margin-bottom: 5px !important; color: black; padding-bottom: 0; letter-spacing: normal; } #next-orders .filters-wrapper .filter-heading { font-weight: 400; } .yellow-color { color: #F39702; } .section-5-home { padding: 40px 0; display: inline-block; width: 100%; background: #773cbe; color: #fff; } .container-area { max-width: 1170px; width: 100%; margin: 0 auto; } .title-newsletter { font-size: 20px; font-weight: 700; margin-bottom: 10px; margin-top: 20px; } .text-newsletter { font-size: 25px !important; line-height: 34px; font-weight: 300; } .align-items-center-footer { align-items: center; justify-content: center; } #mce-error-response a { color: white !important; font-weight: bold !important; } .pointer-container { cursor: pointer; } #top-bar .language { position: relative !important; top: 3px !important; right: unset !important; width: unset !important; border-left: unset !important; } .language ul li { margin-left: unset !important; } .blue-flip { background: #10069F; } .purple-flip { background: #753BBD; } .drive-icons-container { padding: 0px !important; position: relative; right: 7%; } .column { float: left; padding: 5px; } .row::after { content: ""; clear: both; display: table; } .d-flex-container { display: flex; } #preferences .add-new #add-new-poi:hover, #preferences .fav_passengers .add-new #add-passenger-button:hover { background: white !important; } .table-wrapper table#reports-table thead th, .table-wrapper table#next-orders-table thead th, #preferences .fav_passengers .add-new #add-passenger-button, #preferences .add-new #add-new-poi, #map .addPromoBtn .cbtn-effect .cbtn:after, #paymentDetails .byCompanyBtn .arrow-btn-effect .arrow-btn:after, #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled .cbtn-effect .cbtn:after, .modal.in[aria-labelledby="order-modal"][aria-describedby="order-modal"] .modal-dialog.modal-lg .modal-content #modal-container .row .editTripBtn .cbtn-effect .cbtn:after, #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect .cbtn:after, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect .cbtn:after { background-color: #10069F !important; } #map .promoCodeInput .input-group .input-group-addon#promoCodeGift, #login .input-group .input-group-addon#pwdIcon, #login .input-group .input-group-addon#phoneIcon, #login .input-group .input-group-addon#mailIcon, #book-now .input-group .input-group-addon#dropoffPin, #book-now .input-group .input-group-addon#journeyDate, #book-now .input-group .input-group-addon#returnDate, #book-now .input-group .input-group-addon#flightD, #book-now .input-group .input-group-addon.building_interpoint, #book-now .input-group .input-group-addon#buildingD { color: #10069F !important; } #confirmBookingSuperWrapper #confirmBooking .confirmBtn.disabled { opacity: 0.9 !important; } #map .addPromoBtn .cbtn-effect:not(.cbtn-disabled) .cbtn:hover, #paymentDetails .byCompanyBtn .arrow-btn-effect:not(.disabled) .arrow-btn:hover, #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect .cbtn:hover, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect .cbtn:hover #paymentDetails .byCompanyBtn .arrow-btn-effect .arrow-btn:hover { color: #10069F !important; } #map .addPromoBtn .cbtn-effect .cbtn, #paymentDetails .byCompanyBtn .arrow-btn-effect .arrow-btn, #reports .export-wrapper .export_buttons .exportExcel .cbtn-effect .cbtn, #reports .export-wrapper .export_buttons .exportPdf .cbtn-effect .cbtn { box-shadow: inset 0 0 0 1.5px #10069F !important; } /* updates and fixes =============================================================================================================================== */ /* header -------------------------------------------- */ .wrapper-header .bottom-header { padding: 15px 0; } .logo-header img { max-height: 60px; } @media screen and (min-width:991px) { .wrapper-header .bottom-header { padding: 30px 0; } } .wrapper-header .right-part-bottom { display: flex; flex-direction: row; align-items: center; } .right-part-bottom ul li a.custom-buttom-1, .wrapper-header a.custom-buttom-1 { padding: 12px 15px !important; } .wrapper-header .language { order: 3; } @media screen and (max-width: 548px) { #top-bar button.navbar-toggle { margin: 0; padding: 15px; height: auto; } } #top-bar button.navbar-toggle { margin: 0; padding: 15px; height: auto; } #topmenucollapse { border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: none; border-right: none; border-bottom: none; padding-top: 15px; padding-bottom: 15px; } #topmenucollapse ul, #topmenucollapse ul li { padding: 0; margin: 0; } #topmenucollapse ul { display: flex; flex-direction: row; flex-wrap: wrap; } #topmenucollapse ul li { flex: 0 1 auto; width: 100%; } #topmenucollapse ul li a { display: block !important; padding: 3px 15px 8px; border-top: 5px solid transparent; transition: all 0.2s; } #topmenucollapse ul li a:hover { border-top-color: rgba(0, 0, 0, 0.05); } #topmenucollapse a.custom-buttom-2, #topmenucollapse a.custom-buttom-2:visited, #topmenucollapse a.custom-buttom-2:hover, #topmenucollapse a.custom-buttom-2:focus, #topmenucollapse a.custom-buttom-2:active { padding: 10px 15px !important; border-top: 1px solid #00C65E; } #topmenucollapse ul.navbar-nav li:nth-child(4) a, #topmenucollapse ul.navbar-nav li:nth-child(5) a { height: 36px; } #topmenucollapse ul.navbar-nav li:nth-child(4) a { margin-bottom: 4px; } @media screen and (min-width:568px) { #topmenucollapse ul.navbar-nav li:nth-child(4), #topmenucollapse ul.navbar-nav li:nth-child(5) { width: 50%; } #topmenucollapse ul.navbar-nav li:nth-child(4) a { margin-bottom: 0; margin-right: 5px; } #topmenucollapse ul.navbar-nav li:nth-child(5) a { margin-left: 5px; } } @media screen and (min-width:768px) { #topmenucollapse>ul { width: 100%; margin: 0; padding: 0 15px !important; justify-content: end; } #topmenucollapse>ul:first-child { margin-bottom: 15px; } #topmenucollapse>ul li { width: auto; } #topmenucollapse ul.navbar-nav li:nth-child(4), #topmenucollapse ul.navbar-nav li:nth-child(5) { width: auto; } #topmenucollapse>ul li a { padding: 3px 0 8px; } #topmenucollapse>ul li { padding: 0 10px; } #topmenucollapse ul.navbar-nav li:nth-child(4), #topmenucollapse ul.navbar-nav li:nth-child(5) { padding: 0; } #topmenucollapse ul.navbar-nav li:nth-child(4) { padding-left: 10px; } } /* language */ #top-bar .bottom-header .language .dropdown-menu { border: none; padding: 0; margin: 5px 0 0 0; } #top-bar .bottom-header .language ul.dropdown-menu { border: 1px solid rgba(0, 0, 0, 0.1) !important; } #top-bar .bottom-header .language .dropdown-menu ul, #top-bar .bottom-header .language .dropdown-menu ul li { margin: 0; padding: 0; float: none; width: 100%; } #top-bar .bottom-header .language .dropdown-menu ul li a { display: block; width: 100%; } #top-bar .bottom-header .language .dropdown-menu ul li:first-child a { padding: 12px 20px 6px; } #top-bar .bottom-header .language .dropdown-menu ul li:last-child a { padding: 6px 20px 12px; } #top-bar .bottom-header .language .dropdown-menu ul li a img { height: 20px; margin: 0 13px 0 0; } /* track ride */ #track-ride-wrapper { display: block; width: 100%; height: 0; max-width: 1170px; padding: 0 15px; margin: 0 auto -1px; } #track-ride-wrapper>div { position: relative; display: block; width: 100%; } #track-ride-wrapper .track-ride-form { position: absolute; top: 0; right: 0; z-index: 88; transition: all 0.2s; background-color: #147BD1; } #track-ride-wrapper a { padding: 10px 15px !important; font-weight: 300; background-color: #147BD1; border-color: #147BD1; } #track-ride-wrapper a:hover, #track-ride-wrapper a:focus, #track-ride-wrapper a:active { text-decoration: none; background-color: #147BD1; border-color: #147BD1; color: #fff; top: 0; } #track-ride-wrapper i { margin-right: 8px; color: #fff; margin: 10px; font-size: 18px; line-height: 1; } #track-ride-wrapper .input-booking-number { width: 0; overflow: hidden; transition: all 0.3s; border: none; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } #track-ride-wrapper.active .input-booking-number { width: 250px; padding: 0; } #track-ride-wrapper .input-booking-number span { flex: 1 0 auto; width: auto; text-align: center; padding: 0; } #track-ride-wrapper.active .input-booking-number input { flex: 0 1 auto; width: 90px; max-width: 90px; font-size: 14px; padding: 10px 5px; margin: 0; letter-spacing: 1px; } #track-ride-wrapper #track-ride-toggle { border-left: 1px solid rgba(255, 255, 255, 0.3); } #track-ride-wrapper #track-ride-toggle i { margin: 0; } #track-ride-wrapper #track-ride-toggle span, #track-ride-wrapper.active #track-ride-toggle i { display: block; } #track-ride-wrapper.active #track-ride-toggle span, #track-ride-wrapper #track-ride-toggle i { display: none; } #track-ride-wrapper form { display: flex; flex-direction: row; align-items: center; } /* hero -------------------------------------------- */ #hero, #hero .section-1-homepage { min-height: calc(100vh - 140px); } #hero.hero-inner-page, #hero.hero-inner-page .section-1-homepage { min-height: auto; } #hero .section-1-homepage { display: flex; align-items: center; } @media screen and (min-width:1024px) { #hero, #hero .section-1-homepage { min-height: calc(100vh - 222px); } #hero.hero-inner-page, #hero.hero-inner-page .section-1-homepage { min-height: auto; } } #hero { padding: 0; position: relative; overflow: hidden; background-image: none; background-color: rgba(10, 9, 24); color: #fff; } #hero .section-1-homepage { padding: 100px 0; background-color: rgba(10, 9, 24, 0.6); position: relative; z-index: 2; } #hero.hero-bg-1 { background-image: url('assets/videos/hero-bg-1.jpg'); } #hero.hero-bg-2 { background-image: url('assets/videos/hero-bg-2.jpg'); } #hero.hero-bg-3 { background-image: url('assets/videos/hero-bg-3.jpg'); } #hero.hero-bg-4 { background-image: url('assets/videos/hero-bg-4.jpg'); } #hero #videoBg { display: none; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; width: 100%; min-height: 100%; height: 100%; object-fit: cover; } #hero .login-form { max-width: 450px; margin: 0 auto; } @media screen and (min-width:992px) { #hero .login-form { margin: 0; } } #hero .column-banner-book-number { display: inline-block; padding: 0; margin: 2px auto } #hero .before-login-class { text-align: center; } #hero { text-align: center; } #hero #bookingRight .selectionOr { display: none; } @media screen and (min-width:992px) { #hero { text-align: left; } #hero .before-login-class { text-align: left; } #hero #bookingRight { padding: 0 0 100px 80px; position: relative; } #hero #bookingRight .selectionOr { border: 2px solid #fff; border-radius: 25px; width: 50px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-weight: var(--font-weight-bold); color: #fff; font-size: var(--font-size-s); display: inline-block; position: absolute; top: -3px; left: 0; } } @media screen and (min-width:1200px) { #hero { text-align: left; } #hero .before-login-class { text-align: left; } #hero #bookingRight { padding: 0 0 100px 0; } #hero #bookingRight .selectionOr { left: -85px; } } #hero .checklist-banner { width: auto; } #hero .location-icon { position: relative; top: -1px; } #hero .input-booking-number input { border-radius: 0; } /* footer -------------------------------------------- */ #colophon, #colophon p, #colophon ul, #colophon ul li { font-size: 18px; } #colophon p.widget-title { font-size: 20px; } #colophon ul li { margin: 0; padding: 0; } #colophon h3 { font-size: 28px; margin: 0; } #colophon .row { display: flex; flex-direction: column; flex-wrap: wrap; } #colophon .row > .widget { flex: 0 1 auto; width: 100%; padding: 0 15px 15px 15px; } @media screen and (min-width:578px) { #colophon .row { flex-direction: row; } #colophon .row > .widget { width: 50%; padding: 0 15px 30px 15px; } } @media screen and (min-width:991px) { #colophon .row > .widget { width: 25%; padding: 0 15px 30px 15px; } } /* home > flipboxes -------------------------------------------- */ .flip-box .front-content p { font-size: 18px !important; line-height: 1.2; } .flip-box .flip-box1 { position: relative; overflow: hidden; } .flip-box .flip-box-front-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: cover; background-position: 50% 50%; opacity: 0.3; transition: opacity 0.4s; } .flip-box:hover .flip-box-front-bg { opacity: 1; } .flip-box .front-content { position: relative; z-index: 2; } .flip-box .front-content img { margin-bottom: 10px; } #flipBoxes>.col-md-4:nth-child(odd) .flip-box1 { background: rgb(117, 59, 189); background: linear-gradient(60deg, rgba(117, 59, 189, 1) 0%, rgba(20, 123, 209, 1) 100%); } #flipBoxes>.col-md-4:nth-child(even) .flip-box1 { background: rgb(16, 6, 159); background: linear-gradient(60deg, rgba(16, 6, 159, 1) 0%, rgba(0, 198, 94, 1) 100%); } /* offer modal */ #customized-offer-modal { text-align: center; } #customized-offer-modal .modal-header { padding: 15px 15px 0 15px; border-bottom: none; } #customized-offer-modal .modal-body { padding: 30px 15px; } @media screen and (min-width:768px) { #customized-offer-modal .modal-body { padding: 30px; } } #customized-offer-modal h4.modal-title { font-size: 18px !important; font-weight: 700; color: #10069F; margin: 20px 40px 0; } #customized-offer-modal input { height: auto; } #customized-offer-modal input, #customized-offer-modal textarea { width: 100%; padding: 10px; display: block; border-radius: 0; box-shadow: none; } #customized-offer-modal button.btn-success { display: inline-block; margin: 0 auto; width: auto; color: #fff; font-size: 14px; line-height: 21px; font-weight: bold; padding: 10px 20px; text-align: center; position: relative; background: #00C65E; text-transform: uppercase; border: 1px solid #00C65E; transition: .5s all; border-radius: 0; } #customized-offer-modal button.btn-success:hover, #customized-offer-modal button.btn-success:focus, #customized-offer-modal button.btn-success:active { background: transparent; text-decoration: none; color: #00C65E; text-decoration: none; } #tracking-number::placeholder { color: rgba(255, 255, 255, 0.5); } /* cookie notice -------------------------------------------- */ #CookieJump #CookieJump-inner { width: 100%; max-width: 1170px; padding: 0 15px; } #CookieJump #CookieJump-inner #CookieJump-text { width: 91%; } #CookieJump #CookieJump-wrapper .CookieJump-content { padding: 10px 0; } #CookieJump #CookieJump-wrapper table.CookieJump-table { display: table; width: calc(100% - 20px); } /* home update styles -------------------------------------------- */ .wrapper-header .right-part-bottom li a { cursor: pointer; } footer#colophon .menu a:hover, footer#colophon .menu a:active { text-decoration: underline; } #top-bar { position: relative; z-index: 99; } @media screen and (max-width:548px) { #top-bar .custom-buttom-2 { display: inline-block; } } #homeContent .row.align-items-center { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } #homeContent .row.align-items-end { display: flex; align-items: flex-end; flex-direction: row; flex-wrap: wrap; } .mb-0 { margin-bottom: 0; } .py-1 { padding-top: 10px; padding-bottom: 10px; } .py-2 { padding-top: 20px; padding-bottom: 20px; } #homeContent .slick-next, #homeContent .slick-prev { z-index: 99; } /* ** hero * -------------------------- */ #hero { padding: 0; position: relative; overflow: hidden; background-image: none; background-color: rgba(10,9,24); } #hero .section-1-homepage { padding: 100px 0; background-color: rgba(10, 9, 24, 0.6); position: relative; z-index: 2; } #hero.video-bg-1 { background-image: url('assets/videos/hero-bg-1.jpg'); } #hero.video-bg-2 { background-image: url('assets/videos/hero-bg-2.jpg'); } #hero.video-bg-3 { background-image: url('assets/videos/hero-bg-3.jpg'); } #hero.video-bg-4 { background-image: url('assets/videos/hero-bg-4.jpg'); } #hero #videoBg { display: none; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; width: 100%; min-height: 100%; height: 100%; object-fit: cover; } #hero .login-form { max-width: 450px; margin: 0 auto; } @media screen and (min-width:992px) { #hero .login-form { margin: 0; } } #hero .column-banner-book-number { display: inline-block; padding: 0; margin: 2px auto } #hero .before-login-class { text-align: center; } #hero { text-align: center; } #hero #bookingRight .selectionOr { display: none; } @media screen and (min-width:992px) { #hero { text-align: left; } #hero .before-login-class { text-align: left; } #hero #bookingRight { padding: 0 0 100px 80px; position: relative; } #hero #bookingRight .selectionOr { border: 2px solid #fff; border-radius: 25px; width: 50px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; font-weight: var(--font-weight-bold); color: #fff; font-size: var(--font-size-s); display: inline-block; position: absolute; top: -3px; left: 0; } } .reset-pass-div{ width: 400px; height: 400px; margin-top: 200px; display: center; } @media screen and (min-width:1200px) { #hero { text-align: left; } #hero .before-login-class { text-align: left; } #hero #bookingRight { padding: 0 0 100px 0; } #hero #bookingRight .selectionOr { left: -85px; } } #hero .checklist-banner { width: auto; } #hero .location-icon { position: relative; top: -1px; } #hero .input-booking-number input { border-radius: 0; } /* ** section-safety * -------------------------- */ #section-safety { display: block; margin-bottom: -5px; } @media screen and (min-width:992px) { #section-safety { margin-bottom: 0; } } #section-safety h4 { font-weight: normal; font-family: 'Titillium Web'; } #section-safety h2 { color: #fff; } #section-safety .box-safety-text { min-height: initial !important; } #section-safety .box-safety-text { padding: 40px; } #section-safety .second_col_safety { background-image: none !important; } #section-safety .container { width: 100%; max-width: 1170px; } @media screen and (min-width:992px) { #section-safety .row { display: flex; } #section-safety .row > * { flex: 0 1 auto; } } @media screen and (min-width:992px) { #section-safety .box-safety-text { padding: 30px 50px; } } @media screen and (min-width:1200px) { #section-safety .box-safety-text { padding: 30px 100px; } } @media screen and (min-width: 1025px) and (max-width: 1300px) { #section-safety .box-safety-text { max-width: 100% !important; } } @media screen and (min-width:1300px) { #section-safety .col-2-safety { width: calc(100% + 50px); } } @media screen and (min-width:1400px) { #section-safety .col-2-safety { width: calc(100% + 100px); } } @media screen and (min-width:1500px) { #section-safety .col-2-safety { width: calc(100% + 150px); } } @media screen and (min-width:1600px) { #section-safety .col-2-safety { width: calc(100% + 200px); } } #section-safety .safety-carousel { width: 100%; max-width: 100%; } #section-safety .second_col_safety, #section-safety .col-2-safety, #section-safety .safety-carousel { margin: 0; padding-top: 0; padding-bottom: 0; } @media screen and (min-width:991px) { #section-safety .second_col_safety, #section-safety .col-2-safety, #section-safety .safety-carousel { padding: 0; } } #section-safety .col-2-safety, #section-safety .safety-carousel { height: 100%; } #section-safety .second_col_safety:after { background-image: none; background-color: #16007b; } #section-safety .safety-carousel .slick-slide { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; } #section-safety .slick-slider .slick-track, #section-safety .slick-slider .slick-list { display: flex; flex-direction: row; } @media screen and (min-width:992px) { #section-safety .slick-slider .slick-track, #section-safety .slick-slider .slick-list { height: 100%; } } #section-safety .slick-dots { display: none !important; } #section-safety .slick-prev, #section-safety .slick-next { width: 40px !important; height: 100%; top: 0; background-position: 50% 50%; } #section-safety .slick-prev { left: 0; } #section-safety .slick-next { right: 0; } #section-safety .slick-slide { height: 100%; } #section-safety .safety-carousel .slick-slide ul { list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0; padding: 0; } #section-safety .safety-carousel .slick-slide ul li { padding: 20px 70px 10px 0; line-height: 1.6; width: 50%; font-size: 12px; position: relative; } @media screen and (min-width:768px) { #section-safety .safety-carousel .slick-slide ul li { width: 25%; } } @media screen and (min-width:992px) { #section-safety .safety-carousel .slick-slide ul li { width: 50%; } } @media screen and (min-width:1200px) { #section-safety .safety-carousel .slick-slide ul li { width: 25%; } } #section-safety .safety-carousel .slick-slide ul li strong { display: block; font-size: 14px; } #section-safety .safety-carousel .slick-slide ul li a.download-link, #section-safety .safety-carousel .slick-slide ul li a.download-link:visited { color:rgb(18, 175, 10); font-size: 20px; position: absolute; bottom: 10px; right: 50px; } #section-safety .safety-carousel .slick-slide ul li a.download-link:hover, #section-safety .safety-carousel .slick-slide ul li a.download-link:active { color: #fff; } #section-safety .col-1-safety img { display: block; margin: 10px auto; } @media screen and (min-width:992px) { #section-safety .col-1-safety img { margin: 10px 50px; } } /* ** flip-boxes-section * -------------------------- */ @media screen and (min-width:976px) { #flipBoxes .col-md-4 { margin-bottom: 50px; } #flipBoxes .col-md-4:nth-child(2), #flipBoxes .col-md-4:nth-child(5) { position: relative; top: -30px; } } #homeContent #flip-boxes-section .flip-box, #homeContent #flip-boxes-section .flip-box .back, #homeContent #flip-boxes-section .flip-box .front, #homeContent #flip-boxes-section .flip-box1, #homeContent #flip-boxes-section .flip-box2 { width: 100%; } #homeContent #flip-boxes-section .flip-box2 { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding: 0; } #homeContent #flip-boxes-section .flip-box2 .back-top-content { display: block; width: 100%; height: 100%; padding: 30px 0; margin: 0; } #homeContent #flip-boxes-section .flip-box2 .back-top-content p { display: inline; background-color: rgba(17, 6, 160, 0.7); padding: 10px 20px; float: right; font-family: 'Titillium Web'; font-size: 20px; line-height: 1.2; } #homeContent #flip-boxes-section .cta-flip-section a { font-size: 16px; padding: 16px 30px; } /* ** car-fleet-section * -------------------------- */ #car-fleet-section .title-car-fleet-section { text-align: center; } @media screen and (min-width:992px) { #car-fleet-section .title-car-fleet-section { text-align: left; } } #car-fleet-section .nav-pills { padding: 0; background-color: transparent; display: flex; flex-direction: row; flex-wrap: wrap; text-align: center; justify-content: center; } #car-fleet-section .nav-pills li { padding: 5px 20px; margin: 0; border: none; position: relative; } @media screen and (min-width:992px) { #car-fleet-section .nav-pills { justify-content: flex-end; } #car-fleet-section .nav-pills li:last-child { padding: 5px 0 5px 20px; } } #car-fleet-section .nav-pills li:after { content: ''; height: 26px; width: 1px; position: absolute; top: calc(50% - 13px); right: 0; background-color: var(--autonom-blue); } #car-fleet-section .nav-pills li:last-child:after { content: none; } #car-fleet-section .nav-pills li a, #car-fleet-section .nav-pills li a:visited, #car-fleet-section .nav-pills li a:hover, #car-fleet-section .nav-pills li a:active { font-size: 22px !important; line-height: 1; text-decoration: none; background-color: transparent; position: relative; padding: 6px 0; margin: 0; display: block; border: none; } #car-fleet-section .nav-pills li a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:transparent; transition: var(--transition) } #car-fleet-section .nav-pills li.active a:after { background-color: var(--autonom-navy); } /* groups */ #car-fleet-section .tab-pane { padding: 0; } #car-fleet-section .car-fleet-carousel { width: calc(100% + 40px); margin-left: -20px; } #car-fleet-section .car-fleet-carousel .slick-track { margin-left: 0; margin-right: 0; } #car-fleet-section .car-fleet-carousel.slick-dotted.slick-slider { margin-bottom: 60px; } #car-fleet-section .car-fleet-carousel .slick-prev, #car-fleet-section .car-fleet-carousel .slick-next { width: 40px !important; z-index: 19; height: 100%; background-position: 50% 50%; margin: 0; padding: 0; background-color: rgba(255,255,255,0); opacity: 0.2; transition: all 0.3s; top: 0; } #car-fleet-section .car-fleet-carousel .slick-prev:hover, #car-fleet-section .car-fleet-carousel .slick-next:hover { background-color: rgba(255,255,255,0.8); opacity: 1; } #car-fleet-section .car-fleet-carousel ul.slick-dots { bottom: -40px; } #car-fleet-section .car-fleet-carousel .slick-prev { left: 20px; } #car-fleet-section .car-fleet-carousel .slick-next { right: 20px; } #car-fleet-section .car-fleet-item { padding: 20px; cursor: pointer; } #car-fleet-section .car-fleet-item h4 { font-weight: var(--font-weight-regular); color: var(--autonom-text); } #car-fleet-section .car-fleet-item p { font-size: var(--font-size-p); } #car-fleet-section .car-fleet-item:hover h4, #car-fleet-section .car-fleet-item:hover p { color: var(--autonom-navy); } #car-fleet-section .car-fleet-item .car-fleet-item-img { position: relative; width: 100%; padding-top: 90%; margin-bottom: 15px; } #car-fleet-section .car-fleet-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } #car-fleet-section .car-fleet-item .car-fleet-item-img:before, #car-fleet-section .car-fleet-item .car-fleet-item-img:after { position: absolute; display: block; transform-origin: 50% 50%; transform: scale(0); transition: var(--transition); } #car-fleet-section .car-fleet-item .car-fleet-item-img:before { content: ''; display: block; top: 20px; left: 20px; z-index: 2; width: calc(100% - 40px); height: calc(100% - 40px); background-color: rgba(0,0,0,0.5); } #car-fleet-section .car-fleet-item .car-fleet-item-img:after { content: '+'; text-align: center; top: calc(50% - 15px); left: 20px; z-index: 3; font-size: 26px; line-height: 30px; width: calc(100% - 40px); height: 30px; color: #fff; } #car-fleet-section .car-fleet-item:hover .car-fleet-item-img:before, #car-fleet-section .car-fleet-item:hover .car-fleet-item-img:after { transform: scale(1); } /* modals */ #car-fleet-section .gallery-modal .modal-dialog { width: calc(100% - 30px); max-width: 1600px; height: calc(100vh - 100px); margin: 50px auto; } #car-fleet-section .gallery-modal .modal-content, #car-fleet-section .gallery-modal .modal-body { width: 100%; height: 100%; } #car-fleet-section .gallery-modal .modal-body { padding: 0; background-color: #000; position: relative; display: flex; flex-direction: column; justify-content: center; } #car-fleet-section .gallery-modal .modal-body .close { height: 48px; width: 48px; line-height: 48px; font-size: 30px; margin: 0; position: absolute; top: -50px; right: 0; z-index: 999; color: #fff; text-shadow: none; opacity: 0.8; } #car-fleet-section .modal .gallery-carousel img { width: auto; max-width: 100%; height: auto; min-height: 200px; max-height: calc(100vh - 200px); display: block; margin: 0 auto; } #car-fleet-section .modal .gallery-carousel .slick-prev, #car-fleet-section .modal .gallery-carousel .slick-next { width: 50px !important; height: 100% !important; top: 0; background-color: rgba(0,0,0,0.3); border-radius: 0; margin: 0; padding: 0; text-align: center; transition: var(--transition); filter: brightness(9999%) contrast(100%); } #car-fleet-section .modal .gallery-carousel .slick-prev:hover, #car-fleet-section .modal .gallery-carousel .slick-next:hover { background-color: rgba(0,0,0,0.7); } #car-fleet-section .modal .gallery-carousel .slick-prev { left: 0; } #car-fleet-section .modal .gallery-carousel .slick-next { right: 0; } /* ** clients * -------------------------- */ #clients { display: block; margin: 0; padding: 50px 0; background-color: #e4e4e4; } #clients h2 { font-size: 34px; text-align: center; margin-bottom: 40px; color: var(--autonom-navy); } #clients .slick-track { display: flex; align-items: center; } #clients .clients-carousel { padding: 0 30px; } #clients .clients-carousel .slick-next, #clients .clients-carousel .slick-prev { width: 30px !important; } #clients .clients-carousel .slick-prev { left: 0; } #clients .clients-carousel .slick-next { right: 0; } #clients .carousel-client-item { padding: 10px 30px; margin: 0; display: flex; align-items: center; } #clients .carousel-client-item img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto; } /* ** testimonials * -------------------------- */ #section-testimonials { display: block; margin: 0; padding: 30px 0 50px; background-color: #e4e4e4; } #section-testimonials .col-2-testimonials { padding: 0; overflow: visible; } #section-testimonials .box-testimonial { border: 3px solid #cccccc; overflow: visible; } #section-testimonials .slick-slide { padding: 20px !important; margin: 0 15px; } #section-testimonials .slick-slider { margin: 0; padding: 0 30px; } #section-testimonials .slick-dots { display: none !important; } #section-testimonials .box-testimonial::before, #section-testimonials .box-testimonial::after { display: block; background-color: #e4e4e4; padding: 20px; background-size: auto; } #section-testimonials .box-testimonial::before { top: -20px; left: -10px; } #section-testimonials .box-testimonial::after { bottom: -20px; right: -10px; } #section-testimonials .slick-next, #section-testimonials .slick-prev { display: block; width: 30px !important; height: 40px !important; text-align: center; top: calc(50% - 20px) !important; filter: none; } #section-testimonials .slick-next { right: 0px; } #section-testimonials .slick-prev { left: 0px; } #section-testimonials .stars-rating-testimonials { margin-bottom: 20px; display: block; } #section-testimonials .author-testimonial p { color: #000; margin: 0; }