.l1-head{font-family:FFSuperGroteskWebProMedium;font-size:60px;font-weight:300;line-height:84px;letter-spacing:.3em;text-transform:uppercase;} .l2-head{font-family:FFSuperGroteskWebProMedium;font-size:47px;font-weight:300;line-height:55px;letter-spacing:.3em;text-transform:uppercase;} .l3-head{font-family:FFSuperGroteskWebProMedium;font-size:36px;font-weight:300;line-height:44px;letter-spacing:.3em;text-transform:uppercase;} .l1-subhead{font-family:FFSuperGroteskWebProMedium;font-size:30px;font-weight:300;line-height:42px;letter-spacing:.3em;text-transform:uppercase;} .l2-subhead{font-family:FFSuperGroteskWebProMedium;font-size:23px;font-weight:300;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;} .l3-subhead{font-family:FFSuperGroteskWebProMedium;font-size:19px;font-weight:300;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;} .l4-subhead{font-family:FFSuperGroteskWebProMedium;font-size:16px;font-weight:300;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;} .l5-subhead{font-family:FFSuperGroteskWebProMedium;font-size:14px;font-weight:300;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;} .cta{font-family:FFSuperGroteskWebProMedium;font-size:12px;font-weight:300;line-height:1.2;letter-spacing:.3em;text-transform:uppercase;} .l1-body{font-family:FuturaPT-Book;font-size:22px;font-weight:normal;line-height:33px;letter-spacing:.005em;} .l2-body{font-family:FuturaPT-Book;font-size:16px;font-weight:normal;line-height:22px;letter-spacing:.02em;} .l3-body{font-family:FuturaPT-Book;font-size:14px;font-weight:normal;line-height:16.8px;letter-spacing:.01em;} .l1-detail-sg{font-family:FFSuperGroteskWebProMedium;font-size:10px;font-weight:normal;line-height:28.4px;letter-spacing:.2em;text-transform:uppercase;} .l2-detail-sg{font-family:FFSuperGroteskWebProMedium;font-size:9px;font-weight:normal;line-height:28.4px;letter-spacing:.2em;text-transform:uppercase;} .l1-detail-ft{font-family:FuturaPT-Book;font-size:12px;font-weight:normal;line-height:22.8px;letter-spacing:.02em;} .l2-detail-ft{font-family:FuturaPT-Book;font-size:10px;font-weight:normal;line-height:22.8px;letter-spacing:.02em;} .l3-detail-ft{font-family:FuturaPT-Book;font-size:14px;font-weight:normal;line-height:22.8px;letter-spacing:.02em;} .bold-red{font-weight:bold;color:#F30024;} .wrapper-padding{padding-right:10%;padding-left:10%;box-sizing:border-box;} .top-bottom-padding{padding-top:40px;padding-bottom:40px;} .basic-table{width:100%;border-collapse:collapse;} .basic-table td{border:1px solid #ccc;padding:6px;font-size:14px;color:#444;} .basic-table th{text-align:center;padding:6px;font-size:14px;color:#444;} .tour-style-pane .items{justify-content:space-around;} .tour-style-pane .items a{flex:0 0 12%;text-align:center;padding:150px 2% 50px 2%;background-repeat:no-repeat;background-position:center 30px;} .tour-style-pane .items a.day_tours{background-image:url('/a/i/nav-day_tours.svg');} .tour-style-pane .items a.touring{background-image:url('/a/i/nav-touring.svg');} .tour-style-pane .items a.road{background-image:url('/a/i/nav-road.svg');} .tour-style-pane .items a.trails{background-image:url('/a/i/nav-trails.svg');} .tour-style-pane .items a.epic{background-image:url('/a/i/nav-epic.svg');} .tour-style-pane .items a.gravel{background-image:url('/a/i/nav-gravel.svg');} .tour-style-pane .items a.weekenders{background-image:url('/a/i/nav-weekenders.svg');} .tour-style-pane .items a.custom{background-image:url('/a/i/nav-custom.svg');} .tour-style-pane .items a:hover{background-color:#EAE4D7;color:#333;} .tour-style-pane .items a h1{font-family:FFSuperGroteskWebProMedium;font-size:16px;font-weight:300;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;} .tour-style-pane .items a div{font-family:FuturaPT-Book;font-size:13px;margin:0;padding:0;line-height:1.2;} #quick-payment-form .errors,
#paymentform .error{padding:20px;background-color:#fffadd;color:#745118;} #quick-payment-form .success{padding:20px;background-color:#cfe8fb;color:#1f0ba3;} body{background-color:#f5f5f5;padding:0;margin:0;font-family:"Arial",sans-serif;font-size:10px;color:#444;} h2{font-size:20px;font-weight:100;line-height:38px;color:#37383a;} a{color:#F30024;text-decoration:none;} a:hover{text-decoration:underline;} .logo{text-align:center;padding-top:18px;padding-bottom:0px;background-color:#fff;border-bottom:1px solid #d4d4d4;} .logo img{width:214px;} .submit-panel{margin-top:20px;margin-bottom:60px;} .invoice-panel{font-size:13px;text-align:left;padding:20px 0 0 0;color:#666;} .invoice-panel h2{font-size:16px;color:#414042;border-bottom:1px solid #dedede;line-height:1.4;padding-bottom:5px;} .invoice-panel h2.mobile{display:none;} .invoice-panel .description{max-width:240px;} .invoice-panel .invoice-line,
.invoice-panel .grand-total,
.invoice-panel .deposit{border-bottom:1px solid #dedede;padding:10px 0;display:flex;justify-content:space-between;flex-wrap:wrap;line-height:1.5;align-items:baseline;} .invoice-panel .invoice-line .quantity-amount,
.invoice-panel .deposit .action{flex:0 0 100%;} .invoice-panel .quantity-amount{font-size:11px;} .invoice-panel .grand-total .value{font-size:20px;} #checkout-holder .coupon-code-panel{padding:10px 0;box-sizing:border-box;} #checkout-holder .coupon-code-panel a{font-size:13px;background-image:url('/a/i/dividers/divider_6.svg');background-repeat:no-repeat;background-size:24px;background-position:right center;color:#666;text-decoration:none;display:block;box-sizing:border-box;padding:10px 0;} #checkout-holder .coupon-code-panel a:hover{background-color:#e4e4e4;} #checkout-holder .coupon-code-panel form{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 0;border-top:1px dotted #ccc;} #checkout-holder .coupon-code-panel form input[type=text]{font-size:13px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid red;} #checkout-holder .coupon-code-panel form input[type=submit]{padding:3px 14px;margin-left:0px;-webkit-appearance:none;} #checkout-holder .coupon-code-panel .error{background:#fff;color:#F30024;font-size:12px;padding:10px;display:block;} #checkout-holder{padding:10px 0;font-size:1rem;} #checkout-holder > div{display:flex;justify-content:space-between;flex-wrap:wrap;margin:auto;max-width:1100px;align-items:flex-start;} #checkout-holder .checkout-section{flex-grow:1;padding-right:40px;max-width:740px;} #checkout-holder .invoice-section{flex:0 0 320px;} #checkout-holder input[type=email],
#checkout-holder input[type=text],
#checkout-holder input[type=password]{padding:6px 10px;box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2;color:#444;background-color:#fff;background-clip:padding-box;border:1px solid #ddd;border-radius:.25rem;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;} #checkout-holder input[type=email]:focus,
#checkout-holder input[type=text]:focus,
#checkout-holder input[type=password]:focus{border-color:#5cd1ff;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 0 0.2rem rgba(0, 157, 219, 0.25);} #checkout-holder input[type="submit"]{background-color:#F30024;display:block;margin-left:10px;padding:12px 30px;color:#fff;font-family:FFSuperGroteskWebProMedium;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2;letter-spacing:0.25em;border:none;cursor:pointer;-webkit-appearance:none;} #checkout-holder select{font-size:14px;font-family:sans-serif;color:#666;line-height:1.2;padding:.6em 1.4em .5em .8em;box-sizing:border-box;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0, 0, 0, 0.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom,#ffffff 0%,#e5e5e5 100%);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%;margin:0 10px;} #checkout-holder select::-ms-expand{display:none;} #checkout-holder select:hover{border-color:#888;} #checkout-holder select:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none;} #checkout-holder select option{font-weight:normal;} #checkout-holder .inactive{filter:blur(1px);opacity:0.45;color:#c5c3c3;} #checkout-holder .inactive h2{color:#999;} #checkout-holder .inactive textarea{border:1px solid #dedede;} #checkout-holder .inactive-link{color:#999;font-size:14px;align-self:center;} #checkout-holder .inactive-link:hover{text-decoration:none;} #checkout-holder .modal{border:1px solid #949494;} #checkout-holder .modal .add-rider{border-top:1px solid #ccc;} #checkout-holder .modal form div.firstname,
#checkout-holder .modal form div.surname{margin-right:0.3em;font-weight:bold;color:#444;font-size:18px;} .tour-link a{font-size:12px;padding-left:14px;background-image:url('/a/i/back-icon.svg');background-repeat:no-repeat;background-position:left center;background-size:12px;} .login-panel{padding-top:25px;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:30px 38px 38px 30px;grid-column-gap:30px;} .login-panel input[type=text],
.login-panel input[type=password]{display:block;width:100%;} .set-password,
.pickup-panel,
.requests-panel,
.agreements-panel,
.riders-panel,
.single-supplements-panel,
.bike-choices-panel{background-color:#fff;border:1px solid #dedede;} #checkout-holder input[type=text],
#checkout-holder input[type=email],
#checkout-holder input[type=password]{font-size:1.0625rem;} .login-panel .legend{grid-column-start:1;grid-row-start:1;grid-row-end:5;border-right:1px solid #ccc;margin:0;} .login-panel h2{margin:0;font-family:FFSuperGroteskWebProMedium;font-size:23px;font-weight:300;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:#444;font-size:16px;letter-spacing:0.1em;} .login-panel .message{font-size:14px;color:#999;align-self:center;} .login-panel div.tour-dates,
.login-panel div.tour-name{font-size:14px;margin-bottom:20px;color:#999;} .login-panel input[type=email],
.login-panel input[type=password]{display:block;width:100%;margin:5px 0;padding:9px 10px;} .login-panel .pre{font-size:20px;} .login-panel .legend{font-size:12px;color:#999;} .login-panel .error{color:#F30024;font-size:14px;padding-left:11px;} .login-panel form{display:flex;justify-content:space-between;align-items:center;} .login-panel form + div{font-size:11px;color:#666;} .login-panel div{font-size:1rem;} .login-panel .hint{line-height:1.4;padding-top:5px;} .email-panel form{grid-row-start:2;} .email-panel .hint{grid-row-start:3;} .password-panel div.email{align-self:center;padding-left:11px;} .customer-panel .customer{grid-row-start:1;grid-row-end:3;} .customer-panel .customer > div{font-size:14px;margin-bottom:10px;color:#999;} .set-password h2,
.pickup-panel h2,
.requests-panel h2,
.agreements-panel h2,
.riders-panel h2,
.single-supplements-panel h2,
.bike-choices-panel h2{margin:0;padding-bottom:10px;border-bottom:1px dotted #ccc;font-family:FFSuperGroteskWebProMedium;font-size:19px;font-weight:300;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;color:#888;letter-spacing:0.15em;} .riders-panel{padding:30px;margin-top:20px;} .riders-panel .rider{padding:0;font-size:14px;border-bottom:1px solid #ccc;line-height:1.5;color:#666;position:relative;display:grid;grid-template-columns:90px 1fr 1fr 120px;grid-template-areas:"empty   name  name  controls" "idx     email date-of-birth controls" "idx     sex   height        controls";grid-template-rows:40px 32px 40px;} .riders-panel .rider .rider-idx{grid-area:idx;align-self:start;font-size:55px;line-height:1;text-align:center;color:#ccc;} .riders-panel .rider .name{grid-area:name;align-self:end;font-size:18px;color:#444;font-weight:bold;} .riders-panel .rider .date-of-birth{grid-area:date-of-birth;align-self:center;} .riders-panel .rider .email{grid-area:email;align-self:center;} .riders-panel .rider .sex{grid-area:sex;align-self:start;} .riders-panel .rider .height{grid-area:height;align-self:start;} .riders-panel .rider .controls{grid-area:controls;display:grid;align-items:center;align-content:center;border-left:1px dotted #ccc;text-align:right;} .riders-panel .rider .controls a{padding:15px 10px;color:#F30024;background-position:center;background-repeat:no-repeat;margin:4px auto;} .riders-panel .rider .controls a.edit{color:#999;font-size:10px;text-transform:uppercase;position:relative;background-image:url('/a/i/icon-edit.svg');background-position:center 5px;padding-top:35px;background-size:35px;height:10px;width:40px;text-align:center;display:block;letter-spacing:1px;} .riders-panel .rider .controls a.edit:hover{background-color:#f0f8ff;border-radius:40px;text-decoration:none;} .riders-panel .rider .controls a.remove{position:absolute;top:-15px;right:-10px;opacity:0.5;} .riders-panel .rider .controls a.remove:hover{opacity:1;} .riders-panel .rider .controls a.remove img{width:21px;height:21px;} .riders-panel .missing{color:#aaa;font-size:12px;} .riders-panel .add-rider{background-image:url('/a/i/icon-add-rider.svg');background-size:55px;padding:25px 15px 16px 100px;background-repeat:no-repeat;background-position:20px center;display:flex;flex-wrap:wrap;align-items:center;} .riders-panel .add-rider span{padding-right:10px;} .riders-panel .add-rider a{background:#fff;color:#08c;font-size:12px;border:1px solid #08c;padding:6px 15px 6px 25px;text-decoration:none;margin-right:10px;background-image:url('/a/i/icon-cycling.svg');background-size:27px;background-repeat:no-repeat;background-position:left center;border-radius:4px;box-shadow:0 1px 3px #ccc;border:1px solid #ccc;color:#444;} .riders-panel .add-rider a.add-existing-rider{background-image:url('/a/i/icons/age-icon.svg');background-size:22px;background-position:4px 1px;padding:6px 15px 6px 27px;background-color:#edf8ff;} .riders-panel .add-rider a:hover{background-color:#b0e0e6;} .riders-panel .add-rider .select-existing{display:flex;flex-wrap:wrap;height:28px;box-sizing:border-box;margin:10px 0;} .riders-panel .new-rider,
.riders-panel .edit-rider{display:flex;flex-wrap:wrap;} .riders-panel .new-rider form,
.riders-panel .edit-rider form{flex-basis:460px;} .riders-panel .new-rider .rider-idx,
.riders-panel .edit-rider .rider-idx{font-size:56px;color:#ccc;flex-basis:90px;margin-top:35px;text-align:center;} .riders-panel .new-rider .rider-idx,
.riders-panel .edit-rider .rider-idx{color:#666;} .riders-panel .edit-rider + .rider{border-top:1px solid #ccc;} .riders-panel .errors{flex-basis:100%;color:#F30024;font-size:12px;} .riders-panel form{display:flex;flex-wrap:wrap;align-items:center;padding-top:17px;} .riders-panel form input{margin-top:5px;margin-bottom:5px;} .riders-panel form label{font-size:16px;} .riders-panel form div.float,
.riders-panel form label.float{position:relative;} .riders-panel form div.float span,
.riders-panel form label.float span{position:absolute;top:15px;left:8px;font-size:16px;color:#aaa;} .riders-panel form div.float ::-webkit-input-placeholder,
.riders-panel form label.float ::-webkit-input-placeholder{color:transparent;} .riders-panel form div.float :-moz-placeholder,
.riders-panel form label.float :-moz-placeholder{color:transparent;} .riders-panel form div.float ::-moz-placeholder,
.riders-panel form label.float ::-moz-placeholder{color:transparent;} .riders-panel form div.float :-ms-input-placeholder,
.riders-panel form label.float :-ms-input-placeholder{color:transparent;} .riders-panel form div.float input:focus + span,
.riders-panel form label.float input:focus + span{top:-14px;color:#444;font-size:13px;} .riders-panel form div.float input:not(:focus):not(:placeholder-shown) + span,
.riders-panel form label.float input:not(:focus):not(:placeholder-shown) + span{display:none;} .riders-panel form label.firstname{flex:0 0 auto;} .riders-panel form label.surname{flex-grow:1;} .riders-panel form .firstname input,
.riders-panel form .surname input,
.riders-panel form .email input{width:200px;} .riders-panel form div.date-of-birth{flex:0 0 100%;margin-top:12px;} .riders-panel form div.date-of-birth > div{padding-left:12px;display:inline;} .riders-panel form div.date-of-birth label{display:inline-block;} .riders-panel form div.date-of-birth input[type=text].day{width:60px;margin-right:10px;} .riders-panel form div.date-of-birth input[type=text].year{width:80px;margin-right:10px;} .riders-panel form label.email{flex:0 0 100%;} .riders-panel form .submit-control{flex:0 0 100%;display:flex;align-items:baseline;margin:20px 0 20px auto;text-transform:uppercase;font-size:13px;padding-right:15px;box-sizing:border-box;} .riders-panel form .submit-control input[type=submit]:hover{box-shadow:0 2px 3px #ccc;border:1px solid #F30024;} .riders-panel form .submit-control a{background-color:#fff;text-decoration:none;padding:12px 20px;box-sizing:border-box;box-shadow:0 2px 3px #ccc;border:1px solid #ccc;font-family:FFSuperGroteskWebProMedium;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2;letter-spacing:0.25em;} .riders-panel form .submit-control a:hover{border:1px solid #F30024;box-shadow:none;} .riders-panel form label > input,
.riders-panel form label > select{display:block;} .riders-panel form .height-control input{width:140px;} .riders-panel form .height-control label{display:inline-block;margin-top:0;} .riders-panel form div.height,
.riders-panel form div.sex,
.riders-panel form label{margin:12px 12px 0 0;} .set-password,
.pickup-panel,
.agreements-panel,
.requests-panel,
.single-supplements-panel,
.bike-choices-panel{padding:30px;font-size:14px;margin-top:20px;} .bike-choices-panel .rider-option,
.single-supplements-panel .rider-option{padding:10px 0;border-bottom:1px dotted #ccc;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;} .bike-choices-panel .rider-option .rider,
.single-supplements-panel .rider-option .rider{flex-grow:1;background-image:url(/a/i/icons/age-icon.svg);background-repeat:no-repeat;background-size:22px;background-position:4px 1px;padding:6px 0 6px 35px;} .bike-choices-panel .rider-option input[type="checkbox"],
.single-supplements-panel .rider-option input[type="checkbox"]{margin-right:10px;} #checkout-holder .pickup-panel input[type=text]{margin-right:10px;font-size:14px;background-image:url('/a/i/icons/icon-phone-2.svg');background-size:24px;background-position:4px 3px;padding-left:29px;background-repeat:no-repeat;} #checkout-holder .pickup-panel input[type=text].location{background-image:url('/a/i/icons/visited-icon.svg');} #checkout-holder .pickup-panel .rider-pickup{display:flex;justify-content:flex-start;flex-wrap:wrap;border-bottom:1px dotted #ccc;align-items:baseline;padding:15px 0;} #checkout-holder .pickup-panel .rider{background-image:url(/a/i/icons/age-icon.svg);background-size:22px;background-position:4px 1px;padding:6px 15px 6px 27px;background-repeat:no-repeat;margin-right:auto;} .requests-panel textarea{width:100%;height:100px;box-sizing:border-box;border:1px solid #dedede;font-size:14px;padding:10px 5px;font-family:inherit;} .set-password .password-fields .pwc{margin-left:10px;color:green;font-size:20px;} .set-password .password-fields .pw-error,
.set-password .password-fields .pwc-error{margin-left:10px;color:#F30024;} #checkout-holder .set-password .password-fields input[type=password]{font-size:14px;margin-bottom:15px;} .set-password .password-fields{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;} .set-password .password-fields label{flex-basis:40%;text-align:right;padding-right:10px;} .agreements-panel{font-size:13px;line-height:1.5em;color:#666;} .agreements-panel input[type=checkbox]{margin-left:40px;margin-right:10px;} .agreements-panel .consent-checkboxes p{display:grid;grid-template-columns:auto 1fr;} .quick-invoice-panel{background-color:#fff;padding:20px 5%;margin-top:20px;box-shadow:0 2px 4px #ccc;} .quick-invoice-panel .deposit,
.quick-invoice-panel .grand-total{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px dotted #ccc;line-height:2.5;} .quick-invoice-panel .deposit .label,
.quick-invoice-panel .grand-total .label,
.quick-invoice-panel .deposit .action,
.quick-invoice-panel .grand-total .action{color:#666;font-size:14px;} .quick-invoice-panel .deposit .action{line-height:1;padding-bottom:14px;flex:0 0 100%;} .payment{max-width:700px;background-color:#fff;border:1px solid #dedede;padding:30px;font-size:14px;margin:20px auto;}@media (max-width:800px){ .payment{padding:30px 20px;margin:20px 5%;}} .payment h1,
.payment h2{margin:0;font-family:FFSuperGroteskWebProMedium;font-size:23px;font-weight:300;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:#444;letter-spacing:0.1em;} .payment h2{font-size:19px;margin-top:20px;} .payment input[type="submit"]{background-color:#F30024;display:block;padding:12px 30px;color:#fff;font-family:FFSuperGroteskWebProMedium;font-size:11px;font-weight:300;text-transform:uppercase;line-height:1.2;letter-spacing:0.25em;border:none;cursor:pointer;-webkit-appearance:none;} .checkout-errors-panel{width:100%;color:#F30024;font-size:13px;padding:20px 0 0 0;box-sizing:border-box;line-height:1.5;} .checkout-errors-panel ul{max-width:740px;box-sizing:border-box;}@media (min-width:1060px){ .invoice-section{position:sticky;top:0;} .quick-invoice-panel{display:none;}}@media (min-width:1060px) and (max-width:1199px){ .checkout-errors-panel{padding-left:5%;} .checkout-errors-panel ul{max-width:680px;margin-right:auto;} #checkout-holder{padding:10px 20px;} #checkout-holder > div{} #checkout-holder .checkout-section{max-width:680px;padding-right:30px;} #checkout-holder .invoice-section{flex:0 0 300px;} #checkout-holder .pickup-panel .rider{flex:0 0 100%;}}@media (max-width:1059px){ .checkout-errors-panel{margin:auto;} .checkout-errors-panel ul{margin:auto;text-align:left;} .quick-invoice-panel{display:block;opacity:.95;} #checkout-holder{padding:10px 5%;} #checkout-holder .checkout-section{padding-right:0;margin:auto;} #checkout-holder .pickup-panel .rider{flex:0 0 100%;} .login-panel{grid-column-gap:25px;} .password-panel .legend,
.email-panel .legend{padding-right:10px;} #checkout-holder .invoice-section{margin:20px auto;background-color:#fff;flex:0 0 100%;padding:20px;max-width:740px;box-sizing:border-box;} #checkout-holder .invoice-section h2{display:none;} #checkout-holder .invoice-section h2.mobile{display:block;} #checkout-holder .coupon-code-panel{width:100%;background-color:#f5f5f5;margin-top:20px;} #checkout-holder .coupon-code-panel form{border-top:none;background-color:#f5f5f5;} #checkout-holder .coupon-code-panel .error{background-color:inherit;} #checkout-holder .coupon-code-panel a{background-size:35px;padding:10px 20px;background-position:right 20px center;} #checkout-holder .coupon-code-panel a:hover{color:#F30024;background-color:inherit;} .riders-panel .rider{grid-template-columns:90px 1fr 1fr 100px;} #checkout-holder .submit-panel{flex:0 0 100%;margin:20px auto;padding-bottom:30px;} #checkout-holder .submit-panel input[type="submit"]{margin:auto;}}@media (max-width:700px){ #checkout-holder{padding:10px 0;box-sizing:border-box;} #checkout-holder .quick-invoice-panel,
#checkout-holder .login-panel{padding-left:5%;padding-right:5%;box-sizing:border-box;} #checkout-holder .quick-invoice-panel > div{align-items:baseline;} #checkout-holder select{font-size:1.0625rem;} #checkout-holder input[type="text"],
#checkout-holder input[type="email"],
#checkout-holder input[type="password"]{padding:10px 10px;} .tour-link{padding-left:5%;} .login-panel{grid-template-columns:1fr;grid-template-rows:auto;} .email-panel .hint{grid-row-start:2;} .email-panel form{grid-row-start:3;} .email-panel .hint,
.email-panel form{grid-column-start:1;} .password-panel .error{grid-row-start:3;} .login-panel .pre{font-size:24px;} .login-panel .hint{font-size:14px;} .login-panel .legend{grid-row-start:5;border-right:none;padding:30px 0 0 0;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:15px;} .login-panel .legend h2:nth-of-type(2){grid-column-start:2;grid-row-start:1;} #checkout-holder .password-panel form,
#checkout-holder .email-panel form{display:flex;flex-direction:column;align-items:stretch;} #checkout-holder .password-panel form input[type="password"],
#checkout-holder .email-panel form input[type="password"],
#checkout-holder .password-panel form input[type="email"],
#checkout-holder .email-panel form input[type="email"]{width:100%;} #checkout-holder .password-panel form input[type="submit"],
#checkout-holder .email-panel form input[type="submit"]{margin-left:0;margin-top:15px;margin-bottom:15px;width:100%;} .riders-panel form div.float span,
.riders-panel form label.float span{font-size:18px;top:20px;} .riders-panel form div.float input:focus + span,
.riders-panel form label.float input:focus + span{top:-15px;font-size:16px;} #checkout-holder .riders-panel form .date-of-birth select{margin-left:0;} #checkout-holder .riders-panel form .sex select{margin-left:0;} .riders-panel .new-rider form,
.riders-panel .edit-rider form{flex-direction:column;align-items:stretch;margin:auto;padding-top:0;} .riders-panel .new-rider form .surname,
.riders-panel .edit-rider form .surname,
.riders-panel .new-rider form .firstname,
.riders-panel .edit-rider form .firstname,
.riders-panel .new-rider form .email,
.riders-panel .edit-rider form .email{display:flex;} .riders-panel .new-rider form .surname input[type="text"],
.riders-panel .edit-rider form .surname input[type="text"],
.riders-panel .new-rider form .firstname input[type="text"],
.riders-panel .edit-rider form .firstname input[type="text"],
.riders-panel .new-rider form .email input[type="text"],
.riders-panel .edit-rider form .email input[type="text"]{width:100%;} .riders-panel .new-rider form .surname input[type="email"],
.riders-panel .edit-rider form .surname input[type="email"],
.riders-panel .new-rider form .firstname input[type="email"],
.riders-panel .edit-rider form .firstname input[type="email"],
.riders-panel .new-rider form .email input[type="email"],
.riders-panel .edit-rider form .email input[type="email"]{width:100%;} .riders-panel .new-rider form .date-of-birth,
.riders-panel .edit-rider form .date-of-birth{padding-top:15px;} .riders-panel .new-rider form .date-of-birth > span,
.riders-panel .edit-rider form .date-of-birth > span{display:block;} .riders-panel .new-rider form .date-of-birth div.dob-picker,
.riders-panel .edit-rider form .date-of-birth div.dob-picker{padding-left:0;padding-top:5px;} .riders-panel .new-rider form .date-of-birth input[type="text"].year,
.riders-panel .edit-rider form .date-of-birth input[type="text"].year,
.riders-panel .new-rider form .date-of-birth input[type="text"].day,
.riders-panel .edit-rider form .date-of-birth input[type="text"].day{margin-top:10px;} .riders-panel .new-rider form .errors,
.riders-panel .edit-rider form .errors{padding-left:14px;font-size:16px;line-height:2;} .riders-panel .new-rider .rider-idx,
.riders-panel .edit-rider .rider-idx{font-family:FFSuperGroteskWebProMedium;font-size:20px;font-weight:300;line-height:1.2;text-transform:uppercase;color:#888;letter-spacing:0.15em;margin-top:10px;text-align:right;flex:0 0 100%;box-sizing:border-box;padding:6px;} .riders-panel .new-rider .rider-idx::before,
.riders-panel .edit-rider .rider-idx::before{content:"Rider ";} .riders-panel{padding:30px 5%;} .riders-panel .rider .rider-idx{font-size:42px;} .riders-panel .rider{padding:20px 0 0 0;grid-template-columns:repeat(6,1fr);grid-template-rows:30px 25px 75px 45px;font-size:13px;} .riders-panel .rider .rider-idx{grid-row-start:1;grid-row-end:3;align-self:center;} .riders-panel .rider .name,
.riders-panel .rider .email{grid-column:2 / span 5;padding-left:5px;box-sizing:border-box;} .riders-panel .rider .name{align-self:end;} .riders-panel .rider .date-of-birth{grid-column:1 / span 2;grid-row-start:3;text-align:center;align-self:center;} .riders-panel .rider .date-of-birth::after{display:block;text-align:center;content:"Date of Birth";color:#999;font-size:11px;} .riders-panel .rider .height{text-align:center;align-self:center;grid-row-start:3;grid-row-end:4;grid-column:3 / span 2;border-left:1px dotted #ccc;border-right:1px dotted #ccc;} .riders-panel .rider .height::after{display:block;text-align:center;content:"Height";color:#999;font-size:11px;} .riders-panel .rider .sex{text-align:center;align-self:center;grid-row-start:3;grid-row-end:4;grid-column:5 / span 2;} .riders-panel .rider .sex::after{display:block;text-align:center;content:"Sex";color:#999;font-size:11px;} .riders-panel .rider .date-of-birth,
.riders-panel .rider .height,
.riders-panel .rider .sex{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:15px 0;} .riders-panel .rider .controls{border-left:none;grid-row-start:4;grid-column:1 / span 6;} .riders-panel .rider .controls a.edit{background-position:left center;background-size:28px;padding:10px 0 10px 29px;font-size:14px;border-radius:0;text-transform:inherit;} .riders-panel .rider .controls a.edit:hover{background-color:#edf8ff;border-radius:0;} .riders-panel .add-rider{align-items:flex-start;background-image:none;padding:25px 0 20px 0;flex-direction:column;} .riders-panel .add-rider span{padding-right:0;} .riders-panel .add-rider span.inactive-link{display:block;width:100%;line-height:2;} .riders-panel .add-rider a{font-size:16px;margin-top:10px;margin-right:0;align-self:stretch;padding:10px 10px 10px 30px;background-size:32px;} .riders-panel .add-rider .select-existing{flex-basis:100%;align-self:stretch;height:100%;} .riders-panel .add-rider .select-existing a.add-existing-rider{width:100%;display:block;box-sizing:border-box;margin-top:15px;padding:10px 10px 10px 30px;background-size:30px;background-position:1px 3px;flex-wrap:none;} .customer-panel{padding-top:40px;font-size:18px;overflow:hidden;} .login-panel .error,
.password-panel div.email{padding-left:0;} .password-panel form,
.email-panel form{justify-content:flex-start;} .bike-choices-panel .rider-option{box-sizing:border-box;} .bike-choices-panel .rider-option .rider{flex:0 0 100%;font-size:16px;box-sizing:border-box;background-size:26px;background-position:0px 1px;padding:6px 0 6px 26px;} .bike-choices-panel .rider-option .bike-hire{flex:0 0 100%;} .bike-choices-panel .rider-option select{margin-left:0;} .single-supplements-panel .rider-option{background-image:url(/a/i/icons/age-icon.svg);background-repeat:no-repeat;background-size:38px;background-position:right;padding:10px 33px 10px 0;} .single-supplements-panel .rider-option .rider{flex:0 0 100%;font-size:16px;background-image:none;padding-left:22px;} .single-supplements-panel .rider-option .single-supplement{font-size:16px;padding-bottom:10px;} .single-supplements-panel .rider-option input[type="checkbox"]{margin-right:10px;margin-left:0px;} #checkout-holder .bike-choices-panel .rider-option select{margin-bottom:10px;} #checkout-holder .pickup-panel input[type="text"]{font-size:16px;} #checkout-holder .pickup-panel .rider-pickup .rider{flex:0 0 auto;} #checkout-holder .pickup-panel .rider-pickup,
#checkout-holder .pickup-panel .pickup-fields{display:flex;flex-wrap:wrap;align-items:stretch;flex-direction:column;} #checkout-holder .pickup-panel input[type="text"]{margin-top:15px;} .requests-panel textarea{font-size:16px;} #checkout-holder .set-password .password-fields{padding-top:10px;display:grid;position:relative;grid-template-columns:1fr 1fr;grid-template-rows:24px 54px 24px 54px;} #checkout-holder .set-password .password-fields label,
#checkout-holder .set-password .password-fields input{grid-column-start:1;text-align:left;} #checkout-holder .set-password .password-fields input[type=password]{font-size:16px;grid-column-end:3;} #checkout-holder .set-password .password-fields .pw-error{grid-row-start:1;grid-column-start:2;text-align:right;} #checkout-holder .set-password .password-fields .pwc-error{grid-row-start:3;grid-column-start:2;text-align:right;} #checkout-holder .set-password .password-fields .pwc{position:absolute;bottom:20px;right:7px;} .agreements-panel input[type="checkbox"]{margin-left:0;} .quick-invoice-panel{background-color:inherit;opacity:1;padding:0;margin-top:0;box-shadow:none;} .quick-invoice-panel .label{font-size:16px;} .quick-invoice-panel .value{font-size:20px;}}@media (max-width:480px){ .login-panel .legend{display:block;} #checkout-holder .coupon-code-panel a{background-size:27px;} #checkout-holder .riders-panel form div.sex select{margin-left:0;}}@media (max-width:400px){ #checkout-holder .bike-choices-panel .rider-option .bike-hire{flex:0 0 100%;} #checkout-holder .bike-choices-panel .rider-option .bike-hire select{font-size:14px;max-width:280px;margin:0 0 10px 0;padding:0.6em 1.2em 0.5em 0.5em;}}