@import url("bootstrap.min.css"); @import url("font-awesome.min.css"); @import url("animate.css"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700"); @import url("https://fonts.googleapis.com/css?family=Nunito:400,700"); @import url("jquery.toast.css"); @import url("smoke.css"); h1, h2, h3, h4, h5, h6 { font-weight: 400; } button, input, optgroup, select, textarea { font-weight: 200; } ::-moz-selection { background: #000; color: #fff; } ::selection { background: #000; color: #fff; } html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; letter-spacing: 1px; } body { overflow-x: hidden; font-size: 15px; font-weight: 200; font-family: "Open Sans", sans-serif; } a, a:hover { text-decoration: none; } .navbar { z-index: 1521; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } button { outline: none; } .nopad { padding: 0; } .flex { display: flex; } .clear { clear: both; } p { font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 28px; font-size: 14px; letter-spacing: 0.5px; color: #333; opacity: 0.8; margin-bottom: 30px; } h1 { font-family: "Nunito", sans-serif; font-weight: 700; line-height: 56px; font-size: 36px; letter-spacing: 2px; color: #333; } .main_btn { background: linear-gradient(180deg, #04ddac 0%, #02d4c2 100%); border-radius: 8px; border: none; padding: 10px 25px; font-family: "Open Sans", sans-serif; font-weight: 700; line-height: 28px; font-size: 14px; text-align: center; letter-spacing: 0.5px; color: #fff; border: 1px solid transparent; margin-left: 10px; text-transform: uppercase; } .light_btn { background: transparent; border: 1px solid #02d4c1; color: #02d4c1; } .main_btn:hover { background: linear-gradient(180deg, #00ffc5 0%, #01988b 100%) !important; color: #fff !important; } .more_link { font-family: "Nunito", sans-serif; font-weight: 700; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 0.5px; text-transform: uppercase; color: #02d4c2; } .more_btn_arrow { margin-left: 5px; transition: all 0.5s ease-out; } .more_link:hover .more_btn_arrow { margin-left: 15px; } button { margin-left: 0 !important; } .form-control { background: #fff; border: 1px solid #e5e5e5; border-radius: 8px; height: 48px; box-shadow: none; } .form-control:focus { box-shadow: none; border: 1px solid #517ffd; } .sec_bg_title { font-size: 14px; letter-spacing: 2px; color: #333; opacity: 0.5; margin: 0; } .sec_title { font-family: "Nunito", sans-serif; font-weight: 700; line-height: 32px; font-size: 24px; letter-spacing: 1.5px; color: #333; margin-top: 5px; } .main_title h1 { margin-bottom: 0; } .main_title p { opacity: 0.7; } .round_small { width: 110px; height: 110px; border-radius: 50%; border: 2px solid #4270ff; opacity: 0.1; z-index: -1; position: absolute; margin-top: -30px; margin-left: -40px; } .logo { height: 35px; margin-top: 5px; } .menu { background: #000; height: 80px; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.5px; z-index: 1; } .menu .nav > li > a { color: #fff; } .menu .nav > li > a { padding: 10px 25px; } .menu ul.nav { margin-top: 16px; } .menu .nav > li > a:hover, .menu .nav > li > a:focus { background: transparent; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: #fff; } .hero { } .hero_1 { background-image: url(../img/hero_1.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 670px; width: 500px; left: 0; position: absolute; } .hero_2 { background-image: url(../img/hero_2.png); background-position: top; background-repeat: no-repeat; background-size: cover; height: 850px; width: 850px; right: 0; position: absolute; top: 0; z-index: -1; } .hero_text { margin-top: 150px; } .hero_text h1 { font-family: "Nunito", sans-serif; font-weight: 700; line-height: 56px; font-size: 36px; letter-spacing: 2px; color: #333; } .hero_text p { font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 28px; font-size: 14px; letter-spacing: 0.5px; color: #333; opacity: 0.8; margin-bottom: 30px; } .hero_text p.join_text { margin-bottom: 0; font-size: 13px; } .hero_form .form-group { width: 65%; margin-right: 10px !important; } .hero_form .form-control { padding-left: 40px; } .hero_form .herosearchbtn .btn-default { height: 48px; } .hero_text p.driver_apply { font-weight: 700; font-size: 14px; margin-top: 0; } .applydriver { font-weight: 700; font-size: 14px; line-height: 28px; letter-spacing: 0.5px; color: #333; } .applydriver .more_btn_arrow { opacity: 0; } .applydriver:hover { color: #02d4c1; } .applydriver:hover .more_btn_arrow { opacity: 1; } .feature_boxs { margin-top: 400px; } .feature_boxs img { height: 180px; } .feature_boxs h2 { font-family: "Nunito", sans-serif; font-weight: 700; line-height: 32px; font-size: 24px; letter-spacing: 1.5px; color: #333; } .works { position: relative; } .works_bg_1 { background-image: url(../img/works_bg_1.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 737px; width: 650px; left: 0; position: absolute; margin-top: 130px; } .works_bg_2 { background-image: url(../img/works_bg_2.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 450px; width: 260px; right: 0; position: absolute; margin-top: -150px; } .works_content { margin-top: 340px; } .map { position: relative; margin-top: 300px; } .map .map_form .input { padding: 0 40px 0 0; } .map .map_form .input i { color: #15dca8; font-size: 20px; margin-top: 15px; position: absolute; margin-left: 15px; } .map .map_form .input .form-control { padding-left: 35px; } .map .map_form .input:hover > i { color: #517ffd !important; } .map_form_arrow { background-image: url(../img/map_form_arrow.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 10px; width: 45px; position: absolute; right: 0; margin-top: -30px; } #ieatmaps { height: 400px; margin-top: 30px; } .map .autocomplete-items { border: 1px solid #e5e5e5; border-bottom: none; z-index: 99; border-radius: 8px; top: 100%; left: 0; right: 0; background: #fff; margin-right: 40px; position: absolute; } .map .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #e5e5e5; } .map .autocomplete-items div:hover { background-color: #e9e9e9; } .map .autocomplete-active { background-color: DodgerBlue !important; color: #fff; } .map .autocomplete-items div:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } .map .autocomplete-items div:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .map_title { margin-bottom: 30px; } .choice_boxs { background: #fff; box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1); border-radius: 8px; margin-top: 30px; } .choice_boxs .choice_box_head h3 { font-family: "Nunito", sans-serif; font-weight: 700; line-height: 24px; font-size: 18px; letter-spacing: 1px; color: #333; } .choice_boxs .choice_box { border-bottom: 1px solid #e9efff; padding: 29px 30px; height: 110px; } .choice_boxs .choice_box_head { border-bottom: 1px solid #e9efff; padding: 10px 0; } .choice_boxs .choice_box img { width: 70px; float: left; margin-right: 30px; } .choice_boxs .choice_box h2 { float: left; margin-right: 10px; margin-bottom: 0; margin-top: 10px; } .choice_boxs .choice_box p { line-height: 50px; margin: 0; font-size: 16px; opacity: 0.6; float: left; } .choice_boxs .choice_box h4 { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 16px; line-height: 30px; letter-spacing: 0.5px; color: #333; float: left; margin-right: 30px; } .choice_boxs .choice_box .choice_box_left { float: left; } .choice_boxs .choice_box .choice_box_right { float: right; } .choice_boxs .choice_box:last-child { border-bottom: none; } .choice_boxs_nomap .choice_box p { float: none; line-height: 28px; margin-top: 10px; } .choice_boxs_nomap .choice_box h2 { float: none; } .choice_boxs_nomap .choice_box { height: 190px; } .choice_boxs_nomap .choice_box img { width: 120px; box-shadow: 0px 5px 16px rgba(52, 94, 252, 0.15); border-radius: 50%; } .choice_boxs_nomap .choice_box .choice_box_right button { margin-top: 40px; } .drive { margin-top: 70px; } .drive_leaf { background-image: url(../img/drive_leaf.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 530px; width: 450px; left: 0; position: absolute; } .drive .drive_boxes { margin-top: 30px; } .drive .drive_box { padding: 30px; background: #fff; box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05); border-radius: 8px; margin: 0 15px; } .drive .drive_box:first-child { margin-left: 0; } .drive .drive_box:last-child { margin-right: 0; } .drive .drive_box img { width: 150px; margin-bottom: 20px; } .drive .drive_box p { margin: 0; } .drive .drive_btn { margin-top: 50px; } .transport { margin-top: 130px; } .transport_bg { background-image: url(../img/transport.png); background-position: bottom; background-repeat: no-repeat; background-size: 100% 100%; height: 2000px; width: 100%; left: 0; position: absolute; margin-top: -540px; z-index: -2; } .round { width: 500px; height: 500px; border-radius: 50%; border: 2px solid #4270ff; opacity: 0.1; position: absolute; margin-left: 215px; margin-top: -185px; z-index: -1; } .drive_tabs { background: #fff; box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05); border-radius: 8px; z-index: 1; margin-top: 30px; } .drive_tabs .nav-tabs > li { float: left; margin-bottom: -1px; width: 50%; } .drive_tabs li a { cursor: pointer; } .drive_tabs .nav-tabs > li:first-child { border-right: 1px solid #e9efff; } .drive_tabs .nav img { width: 100px; margin-right: 30px; } .drive_tabs .nav-tabs { border-bottom: 2px solid #e9efff; } .drive_tabs .nav-tabs > li > a { margin: 0; } .drive_tabs .nav-tabs > li > a:hover, .drive_tabs .nav-tabs > li > a:focus { background: #fff; border: 0; border-bottom: 2px solid #5988fe; } .drive_tabs .nav-tabs > li.active > a, .drive_tabs .nav-tabs > li.active > a:focus, .drive_tabs .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: none; border-bottom: 2px solid #5988fe; } .drive_tabs .tab-content .tab_main_img img { width: 70%; margin: 50px 15%; } .drive_tabs .tab-content .tab_icons img { width: 40px; } .drive_tabs .tab-content p { margin-bottom: 5px; width: 95%; } .drive_tabs .tab-content h2 { margin-bottom: 0; margin-top: 75px; } .drive_tabs .tab-content .tab_main_content { text-align: right; } .drive_tabs .tab_p { margin-bottom: 0; font-weight: 700; } .mobile_bg { background-image: url(../img/mobile_bg.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; height: 850px; width: 710px; right: 0; position: absolute; margin-top: -250px; z-index: -1; } .download_content { margin-top: 200px; } .download_content img { width: 130px; margin-right: 15px; } .learn_more { margin-top: 400px; margin-bottom: 70px; } .learn_more h1 { font-weight: 400; margin-bottom: 30px; } .download a img { transition: all 0.5s ease-out; } .download a img:hover { transform: scale(1.2) !important; } .footer_bg { background-image: url(../img/footer_bg.png); background-position: bottom; background-repeat: no-repeat; background-size: 100% 100%; height: 600px; width: 100%; left: 0; position: absolute; z-index: -2; } .footer .container { margin-top: 200px; } .footer p { margin-bottom: 5px; color: #fff; } .footer a { color: #fff; opacity: 0.5; } .footer a:hover { opacity: 1; } .footer .footer_one .footer_logo { width: 120px; margin-bottom: 20px; } .footer .footer_one .footer_address { opacity: 0.5; } .footer .footer_one .social a i { font-size: 25px; margin-right: 15px; color: #fff; margin-top: 20px; } .footer .footer_one .social a i:hover { opacity: 1; } .footer .footer_two .footer_head { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 18px; line-height: 28px; letter-spacing: 0.5px; color: #fff; } .footer .footer_bottom { margin-top: 40px; } .footer .footer_bottom .terms { text-align: right; } .footer .footer_bottom .terms a { opacity: 1; text-transform: uppercase; } .footer .footer_bottom .terms a:hover { opacity: 0.5; } .download .hero_text { margin-top: 30px; } .download .hero_text .form-control { padding-left: 40px; } .login { padding-top: 30px; } .login .login_logo img { width: 150px; margin-bottom: 100px; } .register .login_logo img { width: 150px; margin-bottom: 50px; } .loginpage .login .login_form p { margin-top: 10px; } .login_form .form-control { padding-left: 15px; } .loginpage .form-control { padding-left: 40px; } .toggle-password { position: absolute; right: 20px; margin-top: -32px; font-size: 18px; color: #ccc; } .login_form .nonumext .form-control { padding-left: 15px !important; } .loginmain .form-control { padding-left: 40px; margin-top: 35px; margin-bottom: 35px; } .check-mark-sec { display: inline-block; margin-left: 45px; margin-top: 15px; } .checkboxot label.container-pre { margin: 0; } .checkboxot label { display: block; font-size: 14px; color: #333; margin-bottom: 16px; } .container-pre { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; } .container-pre a { color: #333; } .checkboxot input { border: 1px solid #e5e5e5; padding: 12px 14px; font-size: 18px; width: 302px; border-radius: 8px; background: #fff; color: #42505c; position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkboxot input { border: 1px solid #e5e5e5; padding: 12px 14px; font-size: 14px; width: 302px; border-radius: 8px; background: #fff; } .container-pre input:checked ~ .checkmark { background-color: #42505c; } .container-pre span { margin: 0; } .checkboxot span { color: #333; display: block; font-weight: 600; font-size: 14px; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ccc; border-radius: 50%; } .container-pre input:checked ~ .checkmark:after { display: block; } .container-pre .checkmark::after { left: 10px; top: 5px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkmark:after { content: ""; position: absolute; display: none; } .validate_num { color: 42505c; } .validate_num img { width: 16px; } .validate_num .validated { background: linear-gradient(237.53deg, #6d9eff -22.23%, #1f48fb 84.64%); border-radius: 16px; color: #fff; font-size: 11px; padding: 2px 10px; margin-left: 10px; } .register_form .form-control { padding-left: 15px; margin-top: 10px; margin-bottom: 10px; } .registerbtn { width: 100%; } .social_signup { padding-top: 15px; } .social_login_icon { padding-top: 10px; padding-bottom: 10px; } .social_login_icon i { font-size: 19px; width: 45px; height: 45px; color: #fff; text-align: center; padding: 14px; border-radius: 50%; margin-right: 15px; } .social_login_icon i.fa-google { background: #ea4335; } .social_login_icon i.fa-facebook { background: #3b5998; } .social_signup h4 { border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; } .loginpage .check-mark-sec { display: inline-block; margin-left: 0; margin-right: 45px; margin-top: 15px; } .either_login { margin-top: 70px; } .either_login a { font-size: 16px; color: #000; font-weight: 600; } .either_login .forgetlink { padding: 10px 30px 10px 0; border-right: 1px solid #d8d8d8; } .either_login .registerlink { padding: 10px 30px 10px 30px; } .either_login .registerlink a { color: #1f48fb; } .backtohomelink img { width: 25px; margin-right: 15px; } .backtohomelink { box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.15); border-radius: 6px; background: #fff; width: 163px; padding: 10px; height: 50px; margin-top: 70px; } .backtohomelink:hover { box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.25); } @media screen and (min-width: 1700px) { .login_bg { background-image: url(../img/img_bg_login.png); background-position: right top; background-repeat: no-repeat; background-size: contain; height: 100%; width: 4000px; right: 0; position: absolute; top: 0; z-index: -1; } .login_hero2 { display: none; } } .rider_hero { background-image: url(../img/riderbg.png); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 700px; width: 100%; position: relative; top: 0; background-color: rgb(238, 242, 255); } .rider_hero_2 { background-image: url(../img/riderbg2.png); height: 700px; background-position: center top; } .rider_hero_text { margin-top: 100px; } .rider_hero_text p, .rider_hero_text h1 { color: #000; } .rider_hero_text h1 { margin-bottom: 50px; } .rider_hero_text p { margin-bottom: 0; } .rider_hero_2 .rider_hero_text p, .rider_hero_2 .rider_hero_text h1 { color: #000; } .rider_hero_2 .rider_hero_text { margin-top: 100px; padding: 35px; } .rider_hero_text .form-control { max-width: 300px; padding-left: 40px; margin-bottom: 30px; } .numext { position: absolute; color: #000 !important; font-size: 16px; margin-top: 10px; margin-left: 5px; padding-left: 5px; } .rider_foot .hero_text { margin-top: 30px; margin-bottom: 70px; } .rider_foot .hero_text .form-control { padding-left: 40px; } .rider_foot .hero_text .form-group { width: 75%; } .rider_h1 { background-image: url(../img/rider_h1.png); background-position: center top; background-repeat: no-repeat; background-size: contain; height: 500px; width: 900px; position: absolute; top: 40px; margin-left: -200px; } .rider_sec_1 { background-color: rgb(238, 242, 255); padding: 70px 0 250px 0; } .page2_rider_sec_1 { padding: 70px 0 0 0; } .rider_sec_1 .download { margin-top: 40px; } .rider_sec_1 .download img { width: 140px; margin: 0 10px; } .rider_sec_2_img img { width: 400px; margin: 0 auto; margin-top: -200px; } .rider_feat_box { padding-top: 250px; padding-bottom: 70px; margin: 0; } .rider_bottom_feat { padding: 70px 0; } .bonus img { width: 400px; } .bonus { padding-bottom: 70px; } .bonus .main_title { margin-top: 60px; } .special .main_title { margin-top: 80px; } .rider_bottom_feat_container { border-bottom: 1px solid rgba(66, 112, 255, 0.1); } .rider_faq { padding: 70px 0; } .rider_sec_1_img img { margin: 0 auto; width: 900px; } .rider_faq .main_title { padding-bottom: 40px; } .faqs .panel-default > .panel-heading { color: #333; background-color: #fff; border: 0; box-shadow: none; padding: 20px 0; } .faqs .panel-group .panel { margin-bottom: 0; border-radius: 4px; border: none; border-bottom: none; } .accordion-toggle { cursor: pointer; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fff; } .join_us { padding: 70px 0; } .join_us_img { padding: 70px 0 0 0; } .join_us_img img { margin: 0 auto; padding-top: 70px; } .join_us .download img { width: 140px; } .driverr .drive_box img { width: 50px; margin-bottom: 20px; } .driverr .herosearchbtn { margin-top: 20px; } .req_doc { padding: 70px 0; } .navreqdoc .tab-content { background: #fff; box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.05); border-radius: 8px; margin-top: -1px; } .tab-content .choice_boxs { background: #fff; box-shadow: none; border-radius: 8px; margin-top: 30px; } .navreqdoc .choice_box { height: auto; } .navreqdoc li a { cursor: pointer; } .navreqdoc .choice_box { border-bottom: 0; padding: 0 30px; height: auto; } .navreqdoc .choice_box .choice_box_left { float: left; padding: 20px 0; } @media screen and (min-width: 780px) { .navreqdoc .choice_box .choice_box_left { width: 70% !important; } .navreqdoc .choice_box .choice_box_right button { margin-top: 40px; padding: 5px 0; width: 130px; } } .navreqdoc .nav-tabs { border-bottom: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #000; cursor: default; background-color: #fff; border: none; border-bottom-color: transparent; box-shadow: -3px -6px 16px 0px rgba(0, 0, 0, 0.05); z-index: 99; } .nav-tabs > li > a { box-shadow: 0px 0 20px 0 rgba(0, 0, 0, 0.05); background: #fff; font-size: 18px; padding: 10px 36px; font-weight: 600; color: #000; } .faqs .panel-heading [data-toggle="collapse"]:after { font-family: "fontawesome"; content: "\f054"; float: right; color: #507efe; font-size: 18px; line-height: 22px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .faqs .panel-heading [data-toggle="collapse"].collapsed:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #454444; } .privacy_hero .menu { background: transparent; } .privacy_hero .menu .nav > li { padding: 0 25px; } .privacy_hero .menu .nav > li > a { color: #9191a5; padding: 10px 0; } .privacy_hero .menu .nav > li > a:hover, .privacy_hero .menu .nav > li > a.active { color: #4d68ff; border-bottom: 2px solid #4d68ff; } .privacy_hero { background: #eaedff; } .main_privacy_hero { padding: 0 0 70px 0; } .privacy_heading { padding-top: 70px; } .content_pages { padding: 70px 0; } .content_pages li { color: #5d5d5d; font-size: 14px; } .privacy_hero .navbar-toggle { background: transparent; } .privacy_hero .navbar-toggle .icon-bar { background: #000; } @media screen and (min-width: 1024px) { .works_mob { display: none; } } @media screen and (max-width: 1200px) { .rider_h1 { display: none; } } @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .hero_2 { background-image: none; } }@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (min-width: 1025px) { .works_bg_1 { background-image: none; } .rider_hero { background-image: none; } .rider_hero_2 { background-image: none; } .rider_hero_2_player lottie-player { position: absolute; top: 0; } }@media screen and (max-width: 3900px) { .rider_hero_2_player lottie-player { height: 1400px !important; width: 3900px !important; } .rider_hero { height: 1400px; } }@media screen and (max-width: 3400px) { .rider_hero_2_player lottie-player { height: 1230px !important; width: 3400px !important; } .rider_hero { height: 1230px; } }@media screen and (max-width: 3100px) { .rider_hero_2_player lottie-player { height: 1130px !important; width: 3100px !important; } .rider_hero { height: 1130px; } }@media screen and (max-width: 2800px) { .rider_hero_2_player lottie-player { height: 1030px !important; width: 2800px !important; } .rider_hero { height: 1030px; } }@media screen and (max-width: 2500px) { .rider_hero_2_player lottie-player { height: 920px !important; width: 2500px !important; } .rider_hero { height: 920px; } }@media screen and (max-width: 2200px) { .rider_hero_2_player lottie-player { height: 800px !important; width: 2200px !important; } .rider_hero { height: 800px; } }@media screen and (max-width: 2200px) { .rider_hero_2_player lottie-player { height: 800px !important; width: 2200px !important; } .rider_hero { height: 800px; } }@media screen and (max-width: 1950px) { .rider_hero_2_player lottie-player { height: 715px !important; width: 1950px !important; } .rider_hero { height: 715px; } }@media screen and (max-width: 1700px) { .rider_hero_2_player lottie-player { height: 650px !important; width: 1700px !important; } .rider_hero { height: 650px; } } @media screen and (max-width: 1500px) { .rider_hero_2_player lottie-player { height: 550px !important; width: 1500px !important; } .rider_hero { height: 550px; } } @media screen and (max-width: 1300px) { .rider_hero_2_player lottie-player { height: 500px !important; width: 1300px !important; } .rider_hero { height: 500px; } } @media screen and (max-width: 1200px) { .rider_hero_2_player lottie-player { height: 450px !important; width: 1200px !important; } .rider_hero { height: 450px; } } @media screen and (max-width: 1024px) { .hero_2_player { display: none; } .rider_hero_2_player { display: none; } .hero_2_player_mob{ display:block; } .rider_hero { height: 600px; } .hero_2 { height: 500px; width: 500px; } .hero_2_player_mob lottie-player{ height: 500px !important; width: 500px !important; } .hero_1 { height: 570px; width: 400px; } .feature_boxs { margin-top: 150px; } .works { display: none; } .works_mob { margin-top: 70px; } .works_mob .works_content .col-sm-6 { padding-left: 30px; } .works_mob .works_content { margin-top: 150px; } .works_mob .round_small { margin-left: -20px; } .works_mob img { height: 500px; } .map { margin-top: 70px; } .drive_leaf { height: 380px; width: 320px; } .transport_bg { height: 1500px; } .mobile_bg { position: relative; margin-top: -400px; float: right; } .learn_more { margin-top: 70px; } .login .login_logo img { margin-bottom: 50px; } } @media screen and (min-width: 780px) { .animated.flipInX { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .mobshow { display: none; } .choice_boxs .choice_box .choice_box_left { width: 80%; } } @media screen and (max-width: 780px) { .drive .drive_box:last-child { margin-right: 15px; } .works_bg_1 { width: 300px; } .rider_hero { background-image: url(../img/riderbgm.png); background-position: right top; } .rider_hero_2 { background-image: url(../img/riderbg2m.png); height: 700px; background-position: center top; } .rider_foot .hero_text .form-group { width: 100%; } .navreqdoc .choice_box .choice_box_left { width: 100%; } .nav-tabs > li > a { padding: 10px 20px; } .logiin { display: none; } .rider_sec_1 .download img { width: 120px; margin: 0 10px; } .mobhide { display: none; } .special, .bonus { text-align: center; } .rider_foot { height: 800px; } .rider_foot .main_title { padding-top: 50px; } .feature_boxs { margin-top: 0; } .rider_feat_box { padding-top: 30px; } .navbar-collapse.collapse { display: none !important; } .collapse.in { display: block !important; } .collapsing { -webkit-transition: none; transition: none; display: none; } #zabomenu { width: 95%; max-height: 270px !important; background: #fff; padding: 25px; float: right; border-radius: 5px; position: absolute; text-align: center; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); left: 25px; top: 12px; } .menu .nav > li > a { color: #000; } .menu .nav > li > a.main_btn { color: #fff; margin-top: 30px; } .navbar-toggle { margin-top: 23px; padding: 6px 0px 6px 6px; background: #000; z-index: 999999; } .sec_title { line-height: 32px; font-size: 18px; } h1 { line-height: 40px; font-size: 24px; letter-spacing: 2px; } .hero_2 { height: 350px; width: 350px; position: relative; float: right; } .hero_2_player_mob lottie-player{ height: 350px !important; width: 350px !important; } .hero_1 { height: 470px; width: 300px; margin-top: 370px; } .hero_text h1 { line-height: 45px; font-size: 30px; } .hero_form.flex { display: block; } .hero_form .form-group { width: 100%; } .works_mob .works_content { margin-top: 50px; } .drive_leaf { height: 100px; width: 75px; } .feature_boxs { text-align: center; } .feature_boxs img { margin: 0 auto; } .map_form.flex { display: block; } .map_form_arrow { display: none; } .map .map_form .input { padding: 0; } .map .map_form .input .form-control { margin-bottom: 15px; } .map_button { text-align: center; } .choice_boxs .choice_box img { float: none; margin: 0 auto; } .choice_boxs .choice_box { padding: 0 0 0 10px; text-align: center; border: none; height: auto; } .choice_boxs .choice_box .choice_box_right { float: none; margin-top: 30px; } .choice_boxs .choice_box .choice_box_right button { margin-top: 30px; } .choice_boxs .choice_box h4 { float: none; } .main_btn { padding: 10px 20px; font-size: 14px; font-weight: 400; } .choice_boxs { padding: 40px 0; } .choice_boxs .choice_box p { float: none; } .drive .drive_boxes.flex { display: block; } .drive .drive_boxes { text-align: center; } .transport .round { width: 150px; height: 150px; margin-left: 0; margin-top: -40px; } .drive_tabs .nav img { width: 40px; display: block; margin: 0 auto; } .drive_tabs .nav .sec_title { font-size: 18px; } .drive .drive_box:first-child { margin-left: 15px; } .drive .drive_box { margin-bottom: 30px; } .car_content { padding: 0 30px; } .mobile_bg { position: relative; margin-top: -250px; float: right; background-size: 100% 100%; height: 430px; width: 350px; } .learn_more .row { margin-bottom: 30px; } .footer_bg { background-image: url(../img/img_footer_mob.png); height: auto; text-align: center; } .footer .container { margin-top: 80px; } .footer .footer_bottom .terms { text-align: center; } .login { padding-top: 70px; } .login .login_logo img { width: 150px; margin-bottom: 20px; margin-top: 50px; } } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .navbar-toggle { border: none; } .navbar-toggle span.icon-bar { transition: all 0.15s; } .navbar-toggle span:nth-child(2) { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggle span:nth-child(3) { opacity: 0; } .navbar-toggle span:nth-child(4) { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggle.collapsed span:nth-child(2), .navbar-toggle.collapsed span:nth-child(4) { transform: rotate(0); } .navbar-toggle.collapsed span:nth-child(3) { opacity: 1; } .ridercloud1 { background-image: url(../img/ridercloud2.png); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 70px; width: 525px; position: absolute; top: 97px; right: 59px; z-index: 999; animation: cloud 8s ease-in-out infinite; } .ridercloud2 { background-image: url(../img/ridercloud1.png); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 25px; width: 208px; position: absolute; top: 247px; right: 60px; z-index: 999; animation: cloud2 8s ease-in-out infinite; } @keyframes cloud { 0% { transform: translatex(0px); } 50% { transform: translatex(-50px); } 100% { transform: translatex(0px); } } @keyframes cloud2 { 0% { transform: translatex(0px); } 50% { transform: translatex(50px); } 100% { transform: translatex(0px); } } @media screen and (max-width: 1120px) { .ridercloud1, .ridercloud2 { display: none; } } .download_content_pp img { width: 130px; margin-right: 15px; }