/*Colours*/
/*Button hovers*/
/*BG colours*/
/* Single side border-radius*/
/*Border colour*/
/*Box shadow*/
body {
    color: #364149;
    font-family: "adelle-sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    box-sizing: border-box;
}

legend {
    padding: 0;
    display: table;
}

fieldset {
    border: 0;
    padding: 0.01em 0 0 0;
    margin: 0;
    min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
}

p {
    margin: 0 0 0.8em 0;
}

a {
    color: #35b4ea;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: underline;
}

a.selected {
    font-weight: 700;
}

strong {
    font-weight: 700;
}

ul, ol, figure {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

header {
    overflow: hidden;
}

nav {
    margin: 0;
}

input, textarea {
    box-sizing: border-box;
}

h1, h2, h3, h4 {
    margin: 0;
}

label {
    cursor: pointer;
}

input[type="search"] {
    -webkit-appearance: none;
}

/*Images*/
.image {
    width: 100%;
}

/*Background colours*/
.whisper {
    background-color: #f3f3f3;
    color: #364149;
}

.inverted {
    background-color: white;
}

.muted {
    background-color: #dfe4e6;
    color: #364149;
}

.vibrant {
    background-color: #d63130;
}

.police {
    background-color: #1B4080;
}

.contrast {
    background-color: #364149;
}

.night {
    background-color: black;
}

.moonlight {
    background-color: #131514;
    color: white;
}

.day {
    background-color: #cdecef;
}

.morning {
    background-color: #cdecef;
}

.texture {
    background-image: url(../../../../../assets/img/houses.png);
}

.spring {
    background-color: #678189;
}

.pattern {
    background-image: url(../../../../../assets/img/bikes-red.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.contrast, .night, .vibrant, .morning, .moonlight, .texture, .spring {
    color: white;
}

.vibrant a {
    color: white;
}

.contrast .formUnit-label, .night .formUnit-label, .vibrant .formUnit-label, .morning .formUnit-label, .moonlight .formUnit-label, .texture .formUnit-label, .spring .formUnit-label {
    color: white;
}

.contrast small, .night small, .vibrant small, .morning small, .moonlight small, .texture small, .spring small {
    color: #f3f3f3;
}

.quietList {
    list-style: none;
}

.inlineList-item {
    display: inline-block;
    list-style: none;
    padding-left: 0em;
    padding-right: 0em;
}

.demo {
    background-image: url(../../../../../assets/img/iphone5s-cut.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 50%;
}

/*Background images*/
/*bike strip*/
.rideRace {
    padding-bottom: 2em;
    background-image: url(../../../../../assets/img/bikes-red-no-name2@2x.png);
    background-position: bottom left;
    background-size: 200%;
    background-repeat: no-repeat;
}

.muted.rideRace {
    background-image: url(../../../../../assets/img/bikes-grey-2@2x.png);
}

#map {
    height: 700px;
}

div.error span {
    color: #d63130;
}

div.error input {
    border-color: #d63130;
}

div.error label {
    color: #d63130;
}

.vibrant div.error span {
    color: #fff;
}

.vibrant div.error input {
    border-color: #fff;
}

.vibrant div.error label {
    color: #fff;
}

@media (min-width: 38em) {

    .rideRace {
        background-size: 130%;
        padding-bottom: 3em;
    }

    /*bikes*/
    .ride {
        background-image: url(../../../../../assets/img/Icons/Black-bike-rotated.svg);
        background-repeat: no-repeat;
    }

    .ride--rb {
        background-position: right bottom;
    }

    .ride--lb {
        background-position: left bottom;
    }

    .solo {
        background-image: url(../../../../../assets/img/red-bike.svg);
        background-position: bottom left;
        background-repeat: no-repeat;
    }

    /*arrow*/
    .pointer {
        background-image: url(../../../../../assets/img/arrows.png);
        background-image: url(../../../../../assets/img/arrows.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 2.3em;
        padding-top: 1em;
        margin-bottom: 1em;
    }

    .pointer--bright {
        background-image: url(../../../../../assets/img/arrows-red.png);
        background-image: url(../../../../../assets/img/arrows-red.svg);
    }
}

.frame {
    margin: 0 auto;
    max-width: 63em;
    clear: both;
}

.frame--slim {
    max-width: 26em;
}

.frame--middle {
    max-width: 44em;
}

.frame-tandem, .frame-primary, .frame-secondary, .frame-super, .frame-mini {
    box-sizing: border-box;
}

@media (min-width: 44em) {
    .frame:before, .frame:after {
        content: ' ';
        display: table;
    }

    .frame:after {
        clear: both;
    }

    .frame-tandem {
        width: 50%;
        float: left;
        display: block;
    }

    .frame-secondary {
        width: 33.33%;
        float: left;
        display: block;
    }

    .frame-primary {
        width: 66.66%;
        float: left;
        display: block;
    }

    .frame-super {
        width: 75%;
        float: left;
        display: block;
    }

    .frame-mini {
        width: 25%;
        float: left;
        display: block;
    }
}

.tabular {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.tabular-item {
    margin: auto;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
}

@media all and (min-width: 42em) {
    .tabular-item {
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        text-align: left;
        padding-bottom: 0;
    }

    .item-tiny {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right;
    }

    .item-small {
        -webkit-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5;
    }

    .item-large {
        -webkit-flex: 2.2;
        -ms-flex: 2.2;
        flex: 2.2;
    }
}

.logo {
    background-color: white;
    overflow: hidden;
    border-bottom: 2px solid #d63130;
}

.logo-branding {
    float: left;
}

.menu {
    float: right;
    margin-top: 0.8em;
}

.menu-icon {
    display: block;
}

.menu-text {
    color: black;
    text-transform: uppercase;
    font-size: 0.8em;
}

.menu-text:focus, .menu-text:hover {
    text-decoration: none;
}

@media (min-width: 60em) {
    .menu {
        display: none;
    }
}

.mainMenu {
    background-color: white;
    padding: 1em;
}

.mainMenu-item {
    list-style: none;
    display: block;
}

.mainMenu-link {
    color: #d63130;
}

.policeMenu-link {
    color: #1B4080;
}

.mainMenu-link.selected {
    font-weight: 700;
}

.secondNav-link {
    color: #dfe4e6;
}

.secondNav-item {
    padding: 0.7em 0;
}

@media (min-width: 60em) {
    .mainMenu {
        position: absolute;
        top: 1.25em;
        right: 0;
        padding: 0;
    }

    .mainMenu-item {
        display: inline-block;
        padding: 0.8em;
    }

    .secondNav {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .secondNav-item {
        padding: 0.15em 0;
    }
}

@media (max-width: 59.99em) {
    .mainMenu-item {
        padding: 0.7em 0;
    }

    .is-capable .main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: white;
        transition: all 0.2s;
    }

    .is-capable .nav {
        position: absolute;
        top: 0;
        right: 0;
        width: 80%;
        z-index: 1;
        height: 100%;
        overflow-y: auto;
        background-color: black;
    }

    .is-capable .mainMenu {
        background-color: white;
    }

    .is-toggling .main {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        overflow: hidden;
    }

    .is-toggling .logo {
        border-right: 1px solid #dfe4e6;
    }
}

.subnav-item {
    padding: 0.6em 1em;
}

.subnav-link {
    color: white;
    font-size: 1em;
}

@media (max-width: 43.9em) {
    .subnav {
        padding: 0.8em 0 1em 0;
    }
}

@media (min-width: 44em) {
    .subnav-item {
        display: inline-block;
    }
}

button.delete {
    float: right;
    font-size: 1.5em;
    line-height: 1.5em;
    border: none;
    background: none;
    margin-right: 0;
    padding-right: 0;
    color: #d63130;
    cursor: pointer;
}

.button i {
    margin-left: 1em;
}

.button {
    font-family: "adelle-sans", sans-serif;
    font-weight: 100;
    font-size: 0.78em;
    font-weight: 100;
    border-radius: 25px;
    border: none;
    padding: 0.7em 2.5em;
    margin: 0.3em 0;
    cursor: pointer;
    background: transparent;
}

/*Colours*/
.button--cycleplan {
    /*background-image: url('../img/cycleplan-twenty.png');*/
    background-image: url('../img/cycleplan.png');
    width: 552px;
    height: 50px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    display: block;
    max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -9999px;
}

.button--member {
    background-image: url('../img/cycleplan-member.png');
}

.button--twentyfive {
    background-image: url('../img/cycleplan-twentyfive.png');
}

.button--accent {
    background-color: #39c464;
    color: white;
}

.button--accent:hover, .button--accent:focus {
    background-color: #139d47;
}

.button--primary {
    background-color: #d63130;
    color: white;
}

.button--primary:hover, .button--primary:focus {
    background-color: #9a1f1c;
}

.button--contrast {
    background-color: #364149;
    color: white;
}

.button--contrast:hover, .button--contrast:focus {
    background-color: #242c31;
}

.button--muted {
    background-color: #dfe4e6;
    color: #364149;
}

.button--muted:hover, .button--muted:focus {
    background-color: #a1a6a9;
}

.button--inverse {
    background-color: white;
    color: #d63130;
    font-weight: 700;
}

.button--inverse:hover, .button--inverse:focus {
    background-color: #9a1f1c;
    color: white;
}

.button--other {
    background-color: #35b4ea;
    color: white;
}

.button--other:hover, .button--other:focus {
    background-color: #2883aa;
}

.button--danger {
    background-color: black;
    color: white;
    background-repeat: no-repeat;
    background-position: 0.7em 50%;
    text-indent: 1.5em;
    background-image: url('data:image/svg+xml;utf8,<svg width="45px" height="45px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Exclamation in triangle</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Exclamation-in-triangle" sketch:type="MSArtboardGroup"><g id="Triangle-11-+-!" sketch:type="MSLayerGroup" transform="translate(20.000000, 22.000000)"><polygon id="Triangle-11" stroke="#F5BC38" stroke-width="1.39999998" sketch:type="MSShapeGroup" points="10 0 20 17 0 17 "></polygon><text id="!" sketch:type="MSTextLayer" font-family="Adelle Web" font-size="9" font-weight="normal" fill="#F5BC38"><tspan x="9" y="13">!</tspan></text></g></g></g></svg>');
}

.button--danger:hover, .button--danger:focus {
    ackground-color: #2883aa;
}

/*Modals*/
.modal {
    display: none;
}

/*Outlined buttons*/
.button--outlineAccent {
    border: 1px solid #39c464;
    color: #39c464;
}

.button--outlineAccent:hover, .button--outlineAccent:focus {
    border: 1px solid #139d47;
    color: #139d47;
}

.button--outlinePrimary {
    border: 1px solid #d63130;
    color: #d63130;
}

.button--outlinePrimary:hover, .button--outlinePrimary:focus {
    border: 1px solid #9a1f1c;
    color: #9a1f1c;
}

.button--outlineContrast {
    border: 1px solid #364149;
    color: #364149;
}

.button--outlineContrast:hover, .button--outlineContrast:focus {
    border: 1px solid black;
    color: black;
}

.button--outlineMuted {
    border: 1px solid #dfe4e6;
    color: #364149;
}

.button--outlineMuted:hover, .button--outlineMuted:focus {
    border: 1px solid #a1a6a9;
    color: #a1a6a9;
}

.button--outlineInverse {
    border: 1px solid white;
    color: white;
}

.button--outlineOther {
    border: 1px solid #35b4ea;
    color: #35b4ea;
}

.button--outlineOther:hover, .button--outlineOther:focus {
    border: 1px solid #2883aa;
    color: #2883aa;
}

.button--outlineDanger {
    border: 1px solid black;
    color: black;
    background-repeat: no-repeat;
    background-position: 0.4em 50%;
    text-indent: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Exclamation in triangle</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Exclamation-in-triangle" sketch:type="MSArtboardGroup"><g id="Triangle-11-+-!" sketch:type="MSLayerGroup" transform="translate(20.000000, 22.000000)"><polygon id="Triangle-11" stroke="#F5BC38" stroke-width="1.39999998" sketch:type="MSShapeGroup" points="10 0 20 17 0 17 "></polygon><text id="!" sketch:type="MSTextLayer" font-family="Adelle Web" font-size="9" font-weight="normal" fill="#F5BC38"><tspan x="9" y="13">!</tspan></text></g></g></g></svg>');
}

.button--outlineDanger:hover, .button--outlineDanger:focus {
    border: 1px solid #364149;
    color: #364149;
}

.button--outlinePrint {
    border: 1px solid #dfe4e6;
    color: #364149;
    background-repeat: no-repeat;
    background-position: 0.6em 50%;
    text-indent: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Notebook</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Notebook" sketch:type="MSArtboardGroup"><g id="Rectangle-410-+-Rectangle-416" sketch:type="MSLayerGroup" transform="translate(21.000000, 20.000000)"><path d="M2,17 L2,17.991212 C2,19.6544098 3.34320226,21 5.00012623,21 L15.9998738,21 C17.6660385,21 19,19.6529197 19,17.991212 L19,3.00878799 C19,1.34559019 17.6567977,0 15.9998738,0 L5.00012623,0 C3.33689966,0 2.00470574,1.34233349 2.00001244,3 L2.00001155,3 L1.0093689,3 C0.443353176,3 0,3.44771525 0,4 C0,4.55613518 0.451909848,5 1.0093689,5 L2,5 L2,7 L1.0093689,7 C0.443353176,7 0,7.44771525 0,8 C0,8.55613518 0.451909848,9 1.0093689,9 L2,9 L2,9 L2,11 L2,11 L1.0093689,11 C0.443353176,11 0,11.4477153 0,12 C0,12.5561352 0.451909848,13 1.0093689,13 L2,13 L2,15 L1.0093689,15 C0.443353176,15 0,15.4477153 0,16 C0,16.5561352 0.451909848,17 1.0093689,17 L2,17 Z" id="Rectangle-410" stroke="%23D63330" stroke-width="2" sketch:type="MSShapeGroup"></path><rect id="Rectangle-416" fill="%23D63330" sketch:type="MSShapeGroup" x="5" y="5" width="11" height="4" rx="1"></rect></g></g></g></svg>');
}

.button--outlinePrint:hover, .button--outlinePrint:focus {
    border: 1px solid #2883aa;
    color: #2883aa;
}

.button--outlineTransfer {
    border: 1px solid #dfe4e6;
    color: #364149;
    background-repeat: no-repeat;
    background-position: 0em 50%;
    text-indent: 1.4em;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Arrows back forth</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Arrows-back-forth" sketch:type="MSArtboardGroup" fill="%23D63330"><path d="M25,36 L25,40 L17,34 L25,28 L25,32 L34,32 L34,36 L25,36 Z M36,29 L36,33 L44,27 L36,21 L36,25 L27,25 L27,29 L36,29 L36,29 Z" id="Triangle-12" sketch:type="MSShapeGroup"></path></g></g></svg>');
}

.button--outlineTransfer:hover, .button--outlineTransfer:focus {
    border: 1px solid #2883aa;
    color: #2883aa;
}

.button--outlineAdd {
    border: 1px solid #dfe4e6;
    color: #364149;
    background-repeat: no-repeat;
    background-position: 0em 50%;
    text-indent: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Fingerprint sm red</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Fingerprint-sm-red" sketch:type="MSArtboardGroup" fill="%23D63330"><g id="Group-29" sketch:type="MSLayerGroup" transform="translate(22.000000, 20.000000)"><path d="M2.67341603,14.0219317 C4.10232899,17.1046634 6.41925634,19.5907903 9.19215111,19.7623415 C11.469435,19.8996098 12.8759057,18.8540488 13.4669298,17.5504781 C13.7871686,16.8437854 14.4482072,16.7750829 14.1169488,17.9457561 C14.0036624,18.3455415 12.7204225,20.9017366 9.07147361,20.6795122 C5.2666384,20.4482732 2.9968801,17.1569756 1.77102248,14.3381268 C1.25847908,13.1614439 0.583195745,11.0425951 1.76658779,10.6078439 C2.95212998,10.1730927 3.56519318,11.753522 4.36814201,13.5953756 C5.94447504,17.2120195 8.44161232,18.0651317 9.52529089,18.1054244 C10.6308742,18.1425756 12.0674471,17.4387512 12.1529158,16.0024195 C12.2574671,14.2188878 10.8667194,13.763922 10.8667194,13.763922 C10.8667194,13.763922 12.3198216,16.0219512 10.3869659,16.9704 C8.14260627,18.0711415 5.85860319,15.3820488 5.11800888,12.7393951 C4.87235357,11.8608781 5.49885524,11.7163707 6.06703393,12.9347122 C6.63575016,14.1561951 7.73179211,16.1293073 9.18986657,16.2174049 C10.4056453,16.2918439 10.5706698,15.3358829 10.0854065,14.3113561 C9.62581067,13.3478829 8.65205883,12.6633171 7.48304596,12.2083512 C1.69281056,9.96876099 1.18738955,8.40130733 0.752251751,7.81071221 C0.45042362,7.39836099 0.299912709,6.61094636 0.697691546,6.63553172 C0.970895727,6.6534244 1.16239398,6.95172684 1.66647115,7.59818538 C2.57880917,8.76817562 4.58974245,9.96275123 7.44783715,11.1484488 C10.0923945,12.2427707 11.8403368,13.2761756 13.2490921,14.2217561 C14.6562347,15.1673366 15.0648987,15.9339903 14.9470433,16.1889951 C14.8066113,16.4946732 14.0295987,15.9548878 13.8983048,15.8771707 C13.7643232,15.8012293 13.3469242,15.5179512 13.2288,16.3470244 C13.1118853,17.1777366 11.9764686,19.2776 9.53174135,19.1284488 C6.24133094,18.9286244 4.27729793,15.7251512 3.42623935,13.8936781 C3.01824728,13.0211707 2.40128692,11.3657561 2.05497744,11.4955122 C1.70866796,11.6282732 2.52599597,13.7073756 2.67341603,14.0219317" id="Fill-30" sketch:type="MSShapeGroup"></path><path d="M1.14559589,10.4929756 C0.952888172,10.4929756 0.781950779,10.3506537 0.75050475,10.1528781 L0.712608252,9.5766244 C0.676727526,9.35440001 0.767034073,9.1417366 0.98487174,9.10526831 C1.20311256,9.0679805 1.38574143,9.30727806 1.42430985,9.53100489 L1.54203088,10.0194342 C1.5788523,10.2401561 1.4308947,10.4496781 1.21225072,10.4884683 C1.19061478,10.4914732 1.16723184,10.4929756 1.14559589,10.4929756" id="Fill-32" sketch:type="MSShapeGroup"></path><path d="M9.24496431,14.7004878 C8.76588271,14.2934634 8.2119488,13.9458537 7.9071642,13.3597659 C7.58531275,12.7333854 6.90344456,12.6051317 7.13015162,13.3701464 C7.35578361,14.1383025 8.02596032,14.8556488 8.72220767,15.2270244 C9.41885817,15.5984 9.72592731,15.1046439 9.24496431,14.7004878" id="Fill-33" sketch:type="MSShapeGroup"></path><path d="M11.5765396,11.2986927 C8.7764991,9.98965855 5.77286573,8.80997075 4.29812756,7.95767806 C2.82271748,7.10524879 1.69872349,5.1582244 1.5409558,4.24856587 C1.44634895,3.70277075 0.708979864,2.96001953 0.769184229,4.32833172 C0.827910361,5.69896587 2.05242413,7.88146343 4.12530878,8.89492684 C6.19510259,9.90757075 10.6554666,11.6088781 12.725126,12.8825366 C14.7500353,14.1247805 15.3734461,14.885561 15.6027065,14.543961 C15.8557529,14.1622049 14.3788646,12.6051317 11.5765396,11.2986927" id="Fill-34" sketch:type="MSShapeGroup"></path><path d="M4.83150061,7.4990244 C7.42431982,9.22314148 11.2747115,9.72044879 14.6473653,12.2770537 C15.0483694,12.5798634 15.791517,12.8378732 15.206809,11.9160586 C14.5692878,10.9120195 11.5226513,9.37365855 9.39507207,8.59143416 C8.22659674,8.16037075 2.95669906,6.43488782 3.22990325,3.06286831 C3.36536307,1.38655611 5.1080644,1.33137562 5.53809558,1.36866343 C5.97135199,1.40226343 7.90447651,1.90926831 9.13046851,3.81231221 C10.3583419,5.71235123 10.7729188,7.18200977 9.30248098,7.05826343 C7.83083367,6.9353366 5.01493578,4.1754927 5.07514014,3.43506343 C5.1239218,2.83845855 6.43430743,3.13594148 8.31905344,5.79512197 C9.08692786,6.8793366 9.23071953,5.96298538 9.04580613,5.54680977 C8.79343158,4.97479026 7.46651663,2.38581465 5.42763132,2.21658538 C3.90303642,2.08819514 3.73317411,3.48122928 4.67306099,4.74368782 C5.43797895,5.77272197 7.55897334,7.76003904 9.40085061,7.9143805 C10.1396979,7.97707318 10.7519548,7.66757075 11.0359098,7.06946343 C11.4581466,7.85769757 12.1529158,9.28720001 12.2963043,9.22081953 C12.4595817,9.14856587 12.7369518,9.31547318 12.3528802,8.04932684 C11.967196,6.79724879 11.0861697,5.16204879 10.7248091,4.51545367 C10.4408541,3.96446831 10.0266804,3.35966831 9.44748212,2.71320977 C8.77058617,1.97715123 7.66943759,0.884741477 6.29306906,0.586848794 C3.39533086,-0.0477268153 2.26219872,1.90339514 2.16678555,3.08308294 C2.0985181,3.91297562 2.54870699,5.98156099 4.83150061,7.4990244" id="Fill-36" sketch:type="MSShapeGroup"></path></g></g></g></svg>');
}

.button--outlineAdd:hover, .button--outlineAdd:focus {
    border: 1px solid #2883aa;
    color: #2883aa;
}

.button--outlineOptions {
    border: 1px solid #dfe4e6;
    color: #364149;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    text-indent: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg width="30px" height="30px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch --> <title>Adjust slider</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Adjust-slider" sketch:type="MSArtboardGroup" fill="#D8342C"> <path d="M45.2307692,23.3132848 L45.2307692,12 L42.4615385,12 L42.4615385,23.3132848 C40.8481952,23.8835199 39.6923077,25.4221585 39.6923077,27.2307692 C39.6923077,29.0393799 40.8481952,30.5780186 42.4615385,31.1482536 L42.4615385,48 L45.2307692,48 L45.2307692,31.1482536 C46.8441125,30.5780186 48,29.0393799 48,27.2307692 C48,25.4221585 46.8441125,23.8835199 45.2307692,23.3132848 Z M31.3846154,34.3902079 L31.3846154,12 L28.6153846,12 L28.6153846,34.3902079 C27.0020413,34.9604429 25.8461538,36.4990816 25.8461538,38.3076923 C25.8461538,40.116303 27.0020413,41.6549417 28.6153846,42.2251767 L28.6153846,48 L31.3846154,48 L31.3846154,42.2251767 C32.9979587,41.6549417 34.1538462,40.116303 34.1538462,38.3076923 C34.1538462,36.4990816 32.9979587,34.9604429 31.3846154,34.3902079 L31.3846154,34.3902079 Z M17.5384615,17.7748233 L17.5384615,12 L14.7692308,12 L14.7692308,17.7748233 C13.1558875,18.3450583 12,19.883697 12,21.6923077 C12,23.5009184 13.1558875,25.0395571 14.7692308,25.6097921 L14.7692308,48 L17.5384615,48 L17.5384615,25.6097921 C19.1518048,25.0395571 20.3076923,23.5009184 20.3076923,21.6923077 C20.3076923,19.883697 19.1518048,18.3450583 17.5384615,17.7748233 L17.5384615,17.7748233 Z" id="Rectangle-153" sketch:type="MSShapeGroup"></path> </g> </g> </svg>');
}

.button--outlineAdd:hover, .button--outlineAdd:focus {
    border: 1px solid #2883aa;
    color: #2883aa;
}

div.spacing a.button {
    display: inline-block;
}

/*Bold buttons*/
.button--bold {
    font-weight: 700;
}

/*Sizes*/
.button--med {
    font-size: 0.9em;
    padding: 0.7em 2em;
}

.button--lg {
    font-size: 1em;
    padding: 0.8em 2.2em;
}

.button--cta {
    font-size: 1.1em;
    font-weight: 400;
    padding: 0.8em 2.7em;
}

.pump {
    padding: 1em;
}

@media (min-width: 63em) {
    .pump {
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 0;
        padding-right: 0;
    }
}

.pump--full {
    padding-left: 1em;
    padding-right: 1em;
}

.pump--super {
    padding-top: 3em;
    padding-bottom: 3em;
}

.pump--end {
    padding-bottom: 2em;
}

.stack {
    display: block;
    clear: both;
}

.separate {
    border-bottom: 1px solid #dfe4e6;
}

.separate--both {
    border-top: 1px solid #dfe4e6;
}

.split {
    border-bottom: 1px solid #d63130;
    margin-bottom: 0.5em;
}

.separate:last-child {
    border-bottom: none;
}

.divide {
    border-left: 1px solid #d63130;
}

.u-alignCenter {
    text-align: center;
}

.u-alignRight {
    text-align: right;
}

.u-nfbc {
    overflow: hidden;
}

@media (min-width: 44em) {
    .u-floatRight {
        float: right;
    }

    .u-floatLeft {
        float: left;
        display: block;
    }
}

.form {
    width: 100%;
}

.formUnit ::-webkit-input-placeholder {
    font-family: "adelle-sans", serif;
    color: #C7C7C7;
    font-weight: 100;
}

.formUnit .formUnit-label {
    display: block;
    text-align: left;
}

.formUnit .formUnit-check {
    margin-right: 1em;
    margin-left: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.formUnit .formUnit-field {
    font-family: "adelle-sans", serif;
    font-size: 0.9em;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    padding: 0.5em;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

.formUnit .formUnit-field:focus {
    outline: 1px solid #364149;
}

@media (max-width: 44em) {
    .formUnit .formUnit-field {
        width: 100%;
    }
}

.formUnit .formUnit-select {
    font-family: "adelle-sans", serif;
    font-size: 0.9em;
    font-weight: 100;
    color: #364149;
    border: 1px solid #c7c7c7;
    background: white;
    margin-right: 1em;
    padding: 0.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

@media (min-width: 44em) {
    .form {
        display: table;
    }

    .formUnit {
        display: table-row;
    }

    .formUnit .formUnit-label {
        display: table-cell;
        width: 14em;
        vertical-align: middle;
    }

    .formUnit .formUnit-select {
        display: table-cell;
    }

    .formUnit .formUnit-field {
        display: table-cell;
        width: 100%;
    }
}

.formUnit .formUnit-legend {
    margin-bottom: 0.5em;
    text-align: left;
}

.formUnit .formUnit-option {
    margin-right: 0.5em;
}

.formUnit .formUnit-datalist:hover {
    background-color: #d63130;
}

/*For inputs like checkbox*/
.formUnit.formUnit--solo {
    margin-left: 8em;
}

/*Form with more than one item on a line*/
.formUnit.formUnit--combo .formUnit-field {
    width: auto;
    margin-right: 1em;
}

/*Alternative form*/
.formUnit.formUnit--alternative {
    display: block;
    width: 100%;
}

.formUnit--alternative .formUnit-label {
    color: black;
    display: inline-block;
    margin: 0;
    color: #364149;
    width: auto;
}

.vibrant .formUnit--alternative .formUnit-label {
    color: #fff;
}

.formUnit--alternative .formUnit-field {
    padding: 0.8em;
    margin-top: 0.3em;
    margin-bottom: 1em;
    width: 100%;
    display: block;
}

.formUnit--alternative .formUnit-check {
    margin-right: 0.8em;
    margin-left: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: block;
    float: left;
}

.formUnit--alternative .formUnit-legend {
    margin-right: 1em;
    margin-left: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: block;
    float: left;
}

/*Form validation*/
.card_details, #delivery_details, .stolen, .collapsed-form {
    display: none;
}

.formUnit--card {
    background-repeat: no-repeat;
    background-position: right;
}

.formUnit--card.visa {
    background-image: url('/assets/img/Icons/visa.png');
}

.formUnit--card.mastercard {
    background-image: url('/assets/img/Icons/mastercard.png');
}

.formUnit--card.american-express {
    background-image: url('/assets/img/Icons/amex.png');
}

.formUnit--validation:valid {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Green check</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Green-check" sketch:type="MSArtboardGroup" fill="#3AC46E"><path d="M30.3702357,34.0217735 L26.8740721,34.0217735 L26.8740721,37.9339992 L30.3702357,37.9339992 L30.3702357,37.9649431 L33.8703269,37.9649431 L33.8703269,21.9974992 L30.3702357,21.9974992 L30.3702357,34.0217735 Z" id="Rectangle-269" sketch:type="MSShapeGroup" transform="translate(30.500000, 30.000000) rotate(-320.000000) translate(-30.500000, -30.000000) "></path></g></g></svg>');
}

.formUnit--validation:valid.focus {
    outline: 1px solid #364149;
}

.formUnit--validation:invalid:focus {
    border: 1px solid #d63130;
    outline: 1px solid white;
}

.disabled {
    display: none;
}

ul.pagination li {
    display: inline-block;
    margin-right: 10px;
}

.search {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 55em;
}

.search .search-field {
    font-family: "adelle-sans", serif;
    font-weight: 100;
    font-size: 1.1em;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0.93em;
    border: 1px solid #c7c7c7;
    margin: 0.5em 0;
    width: 100%;
}

.search .search-field:focus {
    outline: 1px solid #364149;
}

.search .search-submit {
    background-color: #364149;
    padding: 0px 2em;
    height: 59px;
    width: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: none;
    margin-top: 1em;
    margin-bottom: 2em;
    cursor: pointer;
}

.search .search-submit:hover {
    background-color: #242c31;
}

@media (min-width: 32em) {
    .search .search-submit {
        width: auto;
        top: 0.8em;
        right: -0.05em;
        position: absolute;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        margin: 0;
    }
}

.search--primary .search-submit {
    background-color: #d63130;
}

.search--primary .search-submit:hover {
    background-color: #9a1f1c;
}

table.table {
    border-collapse: collapse;
    width: 100%;
}

table.table thead {
    color: #d63130;
    border-bottom: 1px solid #B0C3CA;
}

table.table tfoot {
    border-top: 1px solid #B0C3CA;
}

table.table tr {
    border-bottom: 1px solid #B0C3CA;
}

table.table tr:nth-child(even) {
    background-color: #f3f3f3;
}

table.table tr:last-child {
    border-bottom: none;
}

table.table th {
    font-weight: 300;
    text-align: left;
    vertical-align: top;
    padding: 0.5em;
}

table.table td {
    font-weight: 100;
    text-align: left;
    padding: 0.5em;
}

.brick {
    text-align: center;
    background-color: white;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0px;
    box-shadow: 0px 0px 6px 2px rgba(223, 223, 223, 0.9);
}

@media (min-width: 44em) {
    .brick {
        margin-top: 2.2em;
    }
}

.brick .brick-content {
    padding: 1em;
}

.brick .brick-image {
    width: 100%;
    border: 1px solid #ebe9e9;
}

.brick .brick-banner {
    position: relative;
    background-color: white;
}

.brick .brick-tag {
    font-size: 1.6em;
    color: #d63130;
    position: absolute;
    bottom: 0;
    background-color: white;
    padding: 0.1em 0.5em 0.3em 0.5em;
    border-top-right-radius: 5px;
    text-align: left;
}

.brick .brick-title {
    display: inline-block;
    padding-bottom: 0.1em;
    margin-bottom: 1em;
}

.brick .button {
    margin: 1.5em auto;
    display: block;
}

@media (min-width: 44em) {
    .brick--emerge {
        position: relative;
        z-index: 1;
        margin-top: 0em;
    }
}

.simpleBlock-description {
    font-size: 1.3em;
    font-weight: 100;
    text-align: center;
    margin: 0.5em 0;
}

.simpleBlock-step {
    display: block;
    color: white;
    background-color: #d63130;
    border-radius: 10em;
    width: 1.5em;
    margin: 0 auto;
}

.miniBrick {
    overflow: hidden;
}

.miniBrick-preview {
    float: left;
    margin-right: 1em;
}

.miniBrick-title {
    margin: 0;
}

#home-testimonials .citation {
    padding: 0 0 1em 0;
}

#home-testimonials .citation-source {
    margin-bottom: 0;
}

#home-testimonials .heading--soft {
    font-size: 1em;
}

#home-testimonials .heading--shy {
    font-size: 0.66667em;
}

#home-testimonials .citation-quote {
    font-size: 0.8em;
}

.citation {
    text-align: center;
    font-size: 1.1em;
    padding: 1em;
}

@media (min-width: 55em) {
    .citation {
        padding-top: 2em;
    }
}

.citation-quote {
    font-style: italic;
    margin: 0;
}

.citation-source {
    margin-bottom: 0.8em;
}

.feedback {
    background-image: url(../../../../../assets/img/arrow.png);
    background-position: left 0.5em;
    background-repeat: no-repeat;
    text-indent: 3em;
}

.feedback .feedback-message {
    font-size: 1.45em;
    margin: 0;
}

.feedback .feedback-description {
    color: #97a1a1;
    margin: 0;
}

.step {
    color: #364149;
    background-color: #f3f3f3;
    border: 1px solid #ebe9e9;
    box-sizing: border-box;
    padding: 0.5em;
}

.step--current {
    background-color: #d63130;
    color: white;
}

.step-top {
    text-transform: uppercase;
    margin: 0;
}

.step-description {
    margin: 0;
    font-size: 1.45em;
}

.gallery {
    margin: 0.5em 0;
}

.gallery .gallery-mainImage {
    width: 99%;
}

.gallery-list {
    overflow: hidden;
}

.gallery-thumb {
    width: 32%;
    margin: 0.5%;
    display: block;
    float: left;
}

.uploader {
    margin: 0.3em 0;
    position: relative;
}

.uploader-image {
    width: 100%;
}

.uploader-action {
    display: none;
}

.uploader-button {
    position: absolute;
    bottom: 2.5em;
    left: 50%;
    margin-left: -6.38em;
}

.link {
    color: #d63130;
    background-repeat: no-repeat;
    display: inline-block;
}

.link--next {
    background-position: right center;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Arrow right red</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Arrow-right-red" sketch:type="MSArtboardGroup" fill="#D8342C"><path d="M34.7777778,35 L36,35 L36,24 L25,24 L25,25.2222222 L34.7777778,25.2222222 L34.7777778,35 Z" id="Rectangle-311" sketch:type="MSShapeGroup" transform="translate(30.500000, 29.500000) scale(-1, 1) rotate(-135.000000) translate(-30.500000, -29.500000) "></path></g></g></svg>');
    padding-right: 2.5em;
}

.link--prev {
    background-position: left center;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Arrow left dark</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Arrow-left-dark" sketch:type="MSArtboardGroup" fill="#D8342C"><path d="M34.7777778,35 L36,35 L36,24 L25,24 L25,25.2222222 L34.7777778,25.2222222 L34.7777778,35 Z" id="Rectangle-311" sketch:type="MSShapeGroup" transform="translate(30.500000, 29.500000) rotate(-135.000000) translate(-30.500000, -29.500000) "></path></g></g></svg>');
    padding-left: 2.5em;
}

.copy {
    margin: 0 0 0.8em 0;
}

.copy--statement {
    font-size: 1.2em;
    font-weight: 300;
}

.copy--impact {
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: 300;
}

.copy--attention {
    font-size: 1.4em;
    font-style: italic;
}

.copy--beacon {
    color: #d63130;
}

.copy--mouse {
    font-size: 0.8em;
    line-height: 1;
}

.copy--squeak {
    font-size: 0.8em;
    text-transform: uppercase;
}

.copy--loud {
    font-size: 2em;
    font-family: "adelle", serif;
    font-weight: 700;
    color: #364149;
    border-bottom: 1px solid #d63130;
    display: inline-block;
    margin-bottom: 0.3em;
}

.copy--louder {
    font-size: 2.5em;
    font-family: "adelle", serif;
    font-weight: 700;
    color: #364149;
    border-bottom: 1px solid #d63130;
    display: inline-block;
    margin-bottom: 0.3em;
}

.copy-highlight {
    background-image: url(../img/Icons/Sketched-circle.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.heading {
    font-family: 'adelle-sans', sans-serif;
    font-size: 1.5em;
    font-weight: 100;
    margin-bottom: 0.2em;
    color: #d63130;
}

.heading strong {
    font-weight: 700;
}

.heading--raise {
    font-size: 1.2em;
}

.heading--shout {
    font-size: 3.4em;
    font-family: "adelle", serif;
    color: #d63130;
    display: block;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 25em) {
    .heading--shout {
        font-size: 2.3em;
        margin-bottom: 0.3em;
    }
}

.heading--soft {
    font-size: 1.7em;
    font-weight: 400;
    color: #364149;
}

.heading--texture {
    font-weight: 300;
    font-size: 1.6em;
    color: #364149;
    border-bottom: 1px solid #d63130;
    padding-bottom: 0.2em;
    display: inline-block;
    margin-bottom: 0.5em;
}

.brick-title .heading--texture {
    font-size: 1.4em;
}

.heading--shy {
    text-transform: uppercase;
    color: #97a1a1;
    font-size: 1em;
    font-weight: 400;
}

.heading--mouse {
    text-transform: uppercase;
    color: #97a1a1;
    font-size: 0.9em;
    font-weight: 700;
}

.heading--inverse {
    color: white;
}

.heading--whisper {
    font-weight: 700;
    font-size: 0.9em;
    color: #97a1a1;
}

.notification {
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Duplicates</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Duplicates" sketch:type="MSArtboardGroup" fill="%23CCCFD0"><path d="M43.0877193,42.1474888 C45.8036509,42.1036465 48,39.8789076 48,37.1408928 L48,11.0072553 C48,8.233949 45.7641011,6 43.00598,6 L24.1343709,6 C21.3809048,6 19.1403509,8.24182456 19.1403509,11.0072553 L19.1403509,16.667326 C19.1675458,16.666887 19.1947928,16.6666667 19.2220902,16.6666667 L22.2105263,16.6666667 L22.2105263,10.9693327 C22.2105263,9.8612453 23.1011497,8.96296296 24.2068005,8.96296296 L42.9335503,8.96296296 C44.0360621,8.96296296 44.9298246,9.86745404 44.9298246,10.9693327 L44.9298246,37.1788154 C44.9298246,38.234902 44.1208309,39.1004131 43.0877193,39.1793215 L43.0877193,42.1474888 L43.0877193,42.1474888 Z M13,22.8591072 C13,20.0936764 15.2405539,17.8518519 17.99402,17.8518519 L36.8656291,17.8518519 C39.6237502,17.8518519 41.8596491,20.0858009 41.8596491,22.8591072 L41.8596491,48.9927447 C41.8596491,51.7581754 39.6190952,54 36.8656291,54 L17.99402,54 C15.2358989,54 13,51.766051 13,48.9927447 L13,22.8591072 Z M16.0701754,22.8211846 C16.0701754,21.7130971 16.9607989,20.8148148 18.0664497,20.8148148 L36.7931995,20.8148148 C37.8957113,20.8148148 38.7894737,21.7193059 38.7894737,22.8211846 L38.7894737,49.0306673 C38.7894737,50.1387547 37.8988503,51.037037 36.7931995,51.037037 L18.0664497,51.037037 C16.9639379,51.037037 16.0701754,50.132546 16.0701754,49.0306673 L16.0701754,22.8211846 Z" id="Rectangle-130" sketch:type="MSShapeGroup"></path></g></g></svg>');
    background-repeat: no-repeat;
    background-position: 0.5em 50%;
    background-color: white;
    padding: 2em 2em 2em 5em;
    overflow: hidden;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
}

@media (min-width: 44em) {
    .notification {
        background-position: 3em 50%;
        padding: 2em 10em;
        background-image: url('data:image/svg+xml;utf8,<svg width="90px" height="90px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Duplicates</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Duplicates" sketch:type="MSArtboardGroup" fill="%23CCCFD0"><path d="M43.0877193,42.1474888 C45.8036509,42.1036465 48,39.8789076 48,37.1408928 L48,11.0072553 C48,8.233949 45.7641011,6 43.00598,6 L24.1343709,6 C21.3809048,6 19.1403509,8.24182456 19.1403509,11.0072553 L19.1403509,16.667326 C19.1675458,16.666887 19.1947928,16.6666667 19.2220902,16.6666667 L22.2105263,16.6666667 L22.2105263,10.9693327 C22.2105263,9.8612453 23.1011497,8.96296296 24.2068005,8.96296296 L42.9335503,8.96296296 C44.0360621,8.96296296 44.9298246,9.86745404 44.9298246,10.9693327 L44.9298246,37.1788154 C44.9298246,38.234902 44.1208309,39.1004131 43.0877193,39.1793215 L43.0877193,42.1474888 L43.0877193,42.1474888 Z M13,22.8591072 C13,20.0936764 15.2405539,17.8518519 17.99402,17.8518519 L36.8656291,17.8518519 C39.6237502,17.8518519 41.8596491,20.0858009 41.8596491,22.8591072 L41.8596491,48.9927447 C41.8596491,51.7581754 39.6190952,54 36.8656291,54 L17.99402,54 C15.2358989,54 13,51.766051 13,48.9927447 L13,22.8591072 Z M16.0701754,22.8211846 C16.0701754,21.7130971 16.9607989,20.8148148 18.0664497,20.8148148 L36.7931995,20.8148148 C37.8957113,20.8148148 38.7894737,21.7193059 38.7894737,22.8211846 L38.7894737,49.0306673 C38.7894737,50.1387547 37.8988503,51.037037 36.7931995,51.037037 L18.0664497,51.037037 C16.9639379,51.037037 16.0701754,50.132546 16.0701754,49.0306673 L16.0701754,22.8211846 Z" id="Rectangle-130" sketch:type="MSShapeGroup"></path></g></g></svg>');
    }
}

.notification-message {
    font-weight: 700;
    font-size: 1.2em;
    margin: 0.1em 0;
}

.notification-description {
    font-size: 1em;
    margin: 0.1em 0;
}

.notification--accent {
    border-color: #39c464;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Green check lg</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Green-check-lg" sketch:type="MSArtboardGroup" fill="%233AC46E"><path d="M29.2519654,38.9943009 L21.7285804,38.9943009 L21.7285804,47.4535828 L29.2519654,47.4535828 L29.2519654,47.4653123 L36.820102,47.4653123 L36.820102,13.049772 L29.2519654,13.049772 L29.2519654,38.9943009 Z" id="Rectangle-269" sketch:type="MSShapeGroup" transform="translate(29.543749, 30.298147) rotate(-320.000000) translate(-29.543749, -30.298147) "></path></g></g></svg>');
}

@media (min-width: 44em) {
    .notification--accent {
        background-image: url('data:image/svg+xml;utf8,<svg width="110px" height="110px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Green check lg</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Green-check-lg" sketch:type="MSArtboardGroup" fill="%233AC46E"><path d="M29.2519654,38.9943009 L21.7285804,38.9943009 L21.7285804,47.4535828 L29.2519654,47.4535828 L29.2519654,47.4653123 L36.820102,47.4653123 L36.820102,13.049772 L29.2519654,13.049772 L29.2519654,38.9943009 Z" id="Rectangle-269" sketch:type="MSShapeGroup" transform="translate(29.543749, 30.298147) rotate(-320.000000) translate(-29.543749, -30.298147) "></path></g></g></svg>');
    }
}

.notification--warning {
    border-color: #ff7e1f;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Orange flag</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Orange-flag" sketch:type="MSArtboardGroup" fill="%23FF6C00"><path d="M15,14.7597692 C15,14.0255309 15.5873089,13.4303133 16.3231707,13.4303133 C17.0539377,13.4303133 17.6463415,14.0180149 17.6463415,14.7597692 L17.6463415,47.6705441 C17.6463415,48.4047823 17.0590325,49 16.3231707,49 C15.5924037,49 15,48.4122984 15,47.6705441 L15,14.7597692 Z M18.7804878,14.943917 C18.7804878,14.943917 21.7641531,10.0658754 26.7195122,11.1599077 C31.9259194,12.2539401 31.8756996,17.8218442 36.1707317,18.7279262 C40.6001484,19.5339401 46,14.943917 46,14.943917 L46,31.2151566 C46,31.2151566 42.586695,35.923268 36.9268293,34.9991659 C31.4013481,33.7598491 30.1797582,28.069565 26.7195122,27.4311474 C22.9506248,26.5775834 18.7804878,31.2151566 18.7804878,31.2151566 L18.7804878,14.943917 Z" id="Rectangle-110" sketch:type="MSShapeGroup" transform="translate(30.500000, 30.000000) rotate(-19.000000) translate(-30.500000, -30.000000) "></path></g></g></svg>');
}

@media (min-width: 44em) {
    .notification--warning {
        background-image: url('data:image/svg+xml;utf8,<svg width="100px" height="100px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Orange flag</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Orange-flag" sketch:type="MSArtboardGroup" fill="%23FF6C00"><path d="M15,14.7597692 C15,14.0255309 15.5873089,13.4303133 16.3231707,13.4303133 C17.0539377,13.4303133 17.6463415,14.0180149 17.6463415,14.7597692 L17.6463415,47.6705441 C17.6463415,48.4047823 17.0590325,49 16.3231707,49 C15.5924037,49 15,48.4122984 15,47.6705441 L15,14.7597692 Z M18.7804878,14.943917 C18.7804878,14.943917 21.7641531,10.0658754 26.7195122,11.1599077 C31.9259194,12.2539401 31.8756996,17.8218442 36.1707317,18.7279262 C40.6001484,19.5339401 46,14.943917 46,14.943917 L46,31.2151566 C46,31.2151566 42.586695,35.923268 36.9268293,34.9991659 C31.4013481,33.7598491 30.1797582,28.069565 26.7195122,27.4311474 C22.9506248,26.5775834 18.7804878,31.2151566 18.7804878,31.2151566 L18.7804878,14.943917 Z" id="Rectangle-110" sketch:type="MSShapeGroup" transform="translate(30.500000, 30.000000) rotate(-19.000000) translate(-30.500000, -30.000000) "></path></g></g></svg>');
    }
}

.notification--flat {
    border-color: #52b6cb;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Question mark</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Question-mark" sketch:type="MSArtboardGroup" fill="%233AACC4"><path d="M30.2083551,37.8396065 L30.2083551,32.988766 C38.0355285,32.092415 42.0034706,27.5579336 42.0034706,20.8616647 C42.0034706,12.3726937 36.0787351,10 28.8494708,10 C24.6097519,10 20.6961652,10.9490775 17,12.3199672 L17,22.0216483 L23.6313552,21.5471095 L24.1205536,18.1726118 C24.2292643,17.4344404 24.2836197,17.3289873 24.8271734,17.1180812 C25.7512147,16.7489955 26.8926775,16.4853629 28.4689832,16.4853629 C31.2411071,16.4853629 32.8717683,18.1198852 32.8717683,21.1252973 C32.8717683,27.2415745 26.7296114,27.8742928 22.0006941,28.2433785 L22.0006941,37.8396065 L30.2083551,37.8396065 Z M30.5435466,45.0572822 C30.5435466,42.3605682 28.9534136,40.9328961 25.8828119,40.9328961 C22.7025459,40.9328961 21.1672451,42.3605682 21.1672451,45.0572822 C21.1672451,47.806873 22.7025459,49.1816684 25.8828119,49.1816684 C29.0082457,49.1816684 30.5435466,47.7539963 30.5435466,45.0572822 L30.5435466,45.0572822 Z" id="?" sketch:type="MSShapeGroup"></path></g></g></svg>');
}

@media (min-width: 44em) {
    .notification--flat {
        background-image: url('data:image/svg+xml;utf8,<svg width="100px" height="100px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Question mark</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Question-mark" sketch:type="MSArtboardGroup" fill="%233AACC4"><path d="M30.2083551,37.8396065 L30.2083551,32.988766 C38.0355285,32.092415 42.0034706,27.5579336 42.0034706,20.8616647 C42.0034706,12.3726937 36.0787351,10 28.8494708,10 C24.6097519,10 20.6961652,10.9490775 17,12.3199672 L17,22.0216483 L23.6313552,21.5471095 L24.1205536,18.1726118 C24.2292643,17.4344404 24.2836197,17.3289873 24.8271734,17.1180812 C25.7512147,16.7489955 26.8926775,16.4853629 28.4689832,16.4853629 C31.2411071,16.4853629 32.8717683,18.1198852 32.8717683,21.1252973 C32.8717683,27.2415745 26.7296114,27.8742928 22.0006941,28.2433785 L22.0006941,37.8396065 L30.2083551,37.8396065 Z M30.5435466,45.0572822 C30.5435466,42.3605682 28.9534136,40.9328961 25.8828119,40.9328961 C22.7025459,40.9328961 21.1672451,42.3605682 21.1672451,45.0572822 C21.1672451,47.806873 22.7025459,49.1816684 25.8828119,49.1816684 C29.0082457,49.1816684 30.5435466,47.7539963 30.5435466,45.0572822 L30.5435466,45.0572822 Z" id="?" sketch:type="MSShapeGroup"></path></g></g></svg>');
    }
}

.notification--accentBold {
    border: none;
    background-color: #e4fbe8;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Green check in circle</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Green-check-in-circle" sketch:type="MSArtboardGroup"><g id="Oval-52-+-Rectangle-269" sketch:type="MSLayerGroup" transform="translate(8.000000, 6.000000)"><circle id="Oval-52" stroke="%233AC46E" stroke-width="2" sketch:type="MSShapeGroup" cx="20.5" cy="27.5" r="20.5"></circle><path d="M25.6675612,29.5091556 L17.6632808,29.5091556 L17.6632808,38.5091556 L25.6675612,38.5091556 L25.6675612,38.5216348 L33.7194538,38.5216348 L33.7194538,1.90625021 L25.6675612,1.90625021 L25.6675612,29.5091556 Z" id="Rectangle-269" fill="%2336424A" sketch:type="MSShapeGroup" transform="translate(25.977996, 20.257143) rotate(-320.000000) translate(-25.977996, -20.257143) "></path></g></g></g></svg>');
}

@media (min-width: 44em) {
    .notification--accentBold {
        background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Green check in circle</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Green-check-in-circle" sketch:type="MSArtboardGroup"><g id="Oval-52-+-Rectangle-269" sketch:type="MSLayerGroup" transform="translate(8.000000, 6.000000)"><circle id="Oval-52" stroke="%233AC46E" stroke-width="2" sketch:type="MSShapeGroup" cx="20.5" cy="27.5" r="20.5"></circle><path d="M25.6675612,29.5091556 L17.6632808,29.5091556 L17.6632808,38.5091556 L25.6675612,38.5091556 L25.6675612,38.5216348 L33.7194538,38.5216348 L33.7194538,1.90625021 L25.6675612,1.90625021 L25.6675612,29.5091556 Z" id="Rectangle-269" fill="%2336424A" sketch:type="MSShapeGroup" transform="translate(25.977996, 20.257143) rotate(-320.000000) translate(-25.977996, -20.257143) "></path></g></g></g></svg>');
    }
}

.notification--attentionBold {
    border: none;
    padding: 2em 5em;
    background-color: #f9fbe4;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Exclamation in circle yellow</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Exclamation-in-circle-yellow" sketch:type="MSArtboardGroup"><g id="Oval-52-+-Rectangle-269" sketch:type="MSLayerGroup" transform="translate(10.000000, 5.000000)"><circle id="Oval-52" stroke="%23E9CB3A" stroke-width="2" sketch:type="MSShapeGroup" cx="20.5" cy="29.5" r="20.5"></circle><path d="M24.514,30.828 L25.483,10.821 L25.483,0.732 L16.306,0.732 L16.306,10.821 L17.332,30.828 L24.514,30.828 Z M25.825,38.238 C25.825,35.331 24.172,33.792 20.923,33.792 C17.617,33.792 16.021,35.331 16.021,38.238 C16.021,41.202 17.617,42.684 20.923,42.684 C24.229,42.684 25.825,41.145 25.825,38.238 L25.825,38.238 Z" id="!" fill="%2336424A" sketch:type="MSShapeGroup"></path></g></g></g></svg>');
}

@media (min-width: 44em) {
    .notification--attentionBold {
        padding: 2em 10em;
        background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Exclamation in circle yellow</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Exclamation-in-circle-yellow" sketch:type="MSArtboardGroup"><g id="Oval-52-+-Rectangle-269" sketch:type="MSLayerGroup" transform="translate(10.000000, 5.000000)"><circle id="Oval-52" stroke="%23E9CB3A" stroke-width="2" sketch:type="MSShapeGroup" cx="20.5" cy="29.5" r="20.5"></circle><path d="M24.514,30.828 L25.483,10.821 L25.483,0.732 L16.306,0.732 L16.306,10.821 L17.332,30.828 L24.514,30.828 Z M25.825,38.238 C25.825,35.331 24.172,33.792 20.923,33.792 C17.617,33.792 16.021,35.331 16.021,38.238 C16.021,41.202 17.617,42.684 20.923,42.684 C24.229,42.684 25.825,41.145 25.825,38.238 L25.825,38.238 Z" id="!" fill="%2336424A" sketch:type="MSShapeGroup"></path></g></g></g></svg>');
    }
}

.notification--warningBold {
    border: none;
    padding: 2em 5em;
    background-color: #fbe5e4;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Exclamation in circle red</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Exclamation-in-circle-red" sketch:type="MSArtboardGroup"><g id="Oval-52-+-Rectangle-269" sketch:type="MSLayerGroup" transform="translate(10.000000, 5.000000)"><circle id="Oval-52" stroke="#D63330" stroke-width="2" sketch:type="MSShapeGroup" cx="20.5" cy="29.5" r="20.5"></circle><path d="M24.514,30.828 L25.483,10.821 L25.483,0.732 L16.306,0.732 L16.306,10.821 L17.332,30.828 L24.514,30.828 Z M25.825,38.238 C25.825,35.331 24.172,33.792 20.923,33.792 C17.617,33.792 16.021,35.331 16.021,38.238 C16.021,41.202 17.617,42.684 20.923,42.684 C24.229,42.684 25.825,41.145 25.825,38.238 L25.825,38.238 Z" id="!" fill="#36424A" sketch:type="MSShapeGroup"></path></g></g></g></svg>');
}

@media (min-width: 44em) {
    .notification--warningBold {
        padding: 2em 10em;
        background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Exclamation in circle red</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Exclamation-in-circle-red" sketch:type="MSArtboardGroup"><g id="Oval-52-+-Rectangle-269" sketch:type="MSLayerGroup" transform="translate(10.000000, 5.000000)"><circle id="Oval-52" stroke="#D63330" stroke-width="2" sketch:type="MSShapeGroup" cx="20.5" cy="29.5" r="20.5"></circle><path d="M24.514,30.828 L25.483,10.821 L25.483,0.732 L16.306,0.732 L16.306,10.821 L17.332,30.828 L24.514,30.828 Z M25.825,38.238 C25.825,35.331 24.172,33.792 20.923,33.792 C17.617,33.792 16.021,35.331 16.021,38.238 C16.021,41.202 17.617,42.684 20.923,42.684 C24.229,42.684 25.825,41.145 25.825,38.238 L25.825,38.238 Z" id="!" fill="#36424A" sketch:type="MSShapeGroup"></path></g></g></g></svg>');
    }
}

.textTag {
    padding: 1em 4.5em 0em 1.5em;
    border-top-right-radius: 5px;
    display: inline-block;
    margin-top: 1em;
}

.video {
    position: relative;
    background-color: #000;
    overflow: hidden;
    display: block;
}

.video-item {
    width: 100%;
}

.video-image {
    position: relative;
    z-index: 0;
    width: 100%;
}

.video-details {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    max-width: 20em;
}

.video-overlay, .video-details {
    color: white;
}

.video:before {
    content: '';
    background-color: #050505;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0.5;
}

.tooltip {
    position: relative;
}

.tooltip-input {
    display: none;
}

.tooltip-content {
    color: #364149;
    text-align: center;
    font-size: 0.9em;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #d63130;
    padding: 0.5em;
    margin-bottom: 1em;
    height: 4em;
    overflow: auto;
}

.tooltip-input:not(checked) ~ .tooltip-content {
    display: none;
}

.tooltip-input:checked ~ .tooltip-content {
    display: inline-block;
    position: absolute;
    top: -5.5em;
}

.slab {
    padding: 2em 1em;
    background-color: #d63130;
    color: white;
}

@media (min-width: 44em) {
    .slab {
        padding: 4em 5em;
    }
}

.tiles {
    overflow: hidden;
}

.tile-item {
    width: 16%;
    margin: 0.2em;
    box-sizing: border-box;
    float: left;
    display: block;
}

.tile-image {
    width: 100%;
}

.box-content {
    width: 50%;
    float: left;
    padding: 0.5em;
    box-sizing: border-box;
}

.centerpiece {
    background-image: url(../../../../../assets/img/bikes.jpg);
    height: 258px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.centerpiece-item {
    max-width: 50%;
}

.banner {
    background-image: url(http://placehold.it/800x400);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 4px solid #d63130;
}

.banner-title {
    padding-top: 8em;
    margin-bottom: 0.5em;
    text-align: center;
}

.pop {
    background-color: white;
    border-top-right-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    border-top-left-radius: 0.25em;
    border: 1px solid #ebe9e9;
    position: relative;
    margin-top: 3em;
}

.pop-link {
    overflow: hidden;
    background-image: url('data:image/svg+xml;utf8,<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"><title>Red X</title><desc>Created with Sketch.</desc><defs></defs><g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g id="Red-X" sketch:type="MSArtboardGroup" fill="%23364149"><path d="M32.7569725,30.2407934 L36.9449005,25.2498153 L34.263675,23 L30.4724502,27.5182058 L26.6812254,23 L24,25.2498153 L28.1879279,30.2407934 L24,35.2317716 L26.6812254,37.4815869 L30.4724502,32.9633811 L34.263675,37.4815869 L36.9449005,35.2317716 L32.7569725,30.2407934 Z" id="Rectangle-273" sketch:type="MSShapeGroup"></path></g></g></svg>');
    background-repeat: no-repeat;
    background-position: 100% 48%;
    padding-right: 2.5em;
    color: #364149;
    position: absolute;
    right: 0;
    top: 0.5em;
}

.pop-title {
    margin-left: 1.5em;
    margin-top: 1.8em;
}

.summary-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.summary-item {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.summary-middle {
    width: 50%;
    border-bottom: 1px dotted #f3f3f3;
    margin-bottom: 0.3em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 1em;
    -webkit-flex: 2 auto;
    -ms-flex: 2 auto;
    flex: 2 auto;
}

.summary-total {
    font-weight: 700;
}

.modal-link {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 1em;
}

@media (max-width: 44em) {
    .hidden-md {
        display: none;
    }

    .modal-link {
        position: relative;
        right: inherit;
        bottom: inherit;
        margin: 1em;
    }
}

@media (max-width: 25em) {
    .hidden-sm {
        display: none;
    }
}

#cookies {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    opacity: 0.9;
    width: 100%;
}