*,:after,:before {
    box-sizing: border-box
}

.auctiongrid
{
   flex-wrap:wrap; 
   display:flex;
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

body {
    line-height: 1.4;
    color: #102e3b
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(141,220,214,.5);
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto
}

a {
    color: inherit
}

::-moz-selection {
    background: #06b2a5;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #06b2a5;
    color: #fff;
    text-shadow: none
}

body {
    font-size: .75em
}

@media only screen and (min-width: 45em) {
    body {
        font-size:.875em
    }
}

@media only screen and (min-width: 65em) {
    body {
        font-size:1em
    }
}

.wrapper {
    max-width: 90em;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 1em
}

@media only screen and (min-width: 45em) {
    .wrapper {
        padding:0 2em
    }
}

.wrapper--narrow {
    max-width: 65em
}

.global-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.main {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-preferred-size: auto
}

.site-footer,.site-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.env--staging:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000 url(../images/dev-mode.svg) repeat-x
}

.grid {
    letter-spacing: -.31em;
    margin-left: -2.4em;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif
}

.grid>* * {
    font-family: work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif
}

.grid>* .grid {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif
}

.grid--center {
    text-align: center
}

.grid--center .grid__col {
    text-align: left
}

.grid--reverse {
    direction: rtl
}

.grid--reverse .grid__col {
    direction: ltr
}

.grid--spaced {
    margin-bottom: -2.4em
}

.grid--spaced>.grid__col {
    margin-bottom: 2.4em
}

.grid--spaced.grid--tight {
    margin-bottom: -1.2em
}

.grid--spaced.grid--tight>.grid__col {
    margin-bottom: 1.2em
}

.grid--align-mid .grid__col {
    vertical-align: middle
}

.grid--align-bottom .grid__col {
    vertical-align: bottom
}

.grid--stagger-align .grid__col:nth-of-type(1n) {
    text-align: right
}

.grid--stagger-align .grid__col:nth-of-type(2n) {
    text-align: left
}

.grid--tight {
    margin-left: -1em
}

.grid--tight .grid__col {
    padding: 0.7em
}

.grid--tight .item {
    margin-bottom: 1em
}

.grid--gutterless {
    margin-left: 0
}

.grid--gutterless .grid__col {
    padding-left: 0
}

.grid--pixelgutter {
    margin-left: 1px
}

.grid--pixelgutter .grid__col {
    padding-left: 1px;
    margin-bottom: 1px
}

.grid__col {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    position: relative;
    padding-left: 2.4em;
}

.xs-1-2 {
    width: 50%
}

.xs-push-1-2 {
    left: 50%
}

.grid--reverse .xs-push-1-2 {
    left: auto;
    right: 50%
}

.xs-1-3 {
    width: 33.3333333333%
}

.xs-push-1-3 {
    left: 33.3333333333%
}

.grid--reverse .xs-push-1-3 {
    left: auto;
    right: 33.3333333333%
}

.xs-1-4 {
    width: 25%
}

.xs-push-1-4 {
    left: 25%
}

.grid--reverse .xs-push-1-4 {
    left: auto;
    right: 25%
}

.xs-1-5 {
    width: 20%
}

.xs-push-1-5 {
    left: 20%
}

.grid--reverse .xs-push-1-5 {
    left: auto;
    right: 20%
}

.xs-1-6 {
    width: 16.6666666667%
}

.xs-push-1-6 {
    left: 16.6666666667%
}

.grid--reverse .xs-push-1-6 {
    left: auto;
    right: 16.6666666667%
}

.xs-1-7 {
    width: 14.2857142857%
}

.xs-push-1-7 {
    left: 14.2857142857%
}

.grid--reverse .xs-push-1-7 {
    left: auto;
    right: 14.2857142857%
}

.xs-1-8 {
    width: 12.5%
}

.xs-push-1-8 {
    left: 12.5%
}

.grid--reverse .xs-push-1-8 {
    left: auto;
    right: 12.5%
}

.xs-1-9 {
    width: 11.1111111111%
}

.xs-push-1-9 {
    left: 11.1111111111%
}

.grid--reverse .xs-push-1-9 {
    left: auto;
    right: 11.1111111111%
}

.xs-1-10 {
    width: 10%
}

.xs-push-1-10 {
    left: 10%
}

.grid--reverse .xs-push-1-10 {
    left: auto;
    right: 10%
}

.xs-1-11 {
    width: 9.0909090909%
}

.xs-push-1-11 {
    left: 9.0909090909%
}

.grid--reverse .xs-push-1-11 {
    left: auto;
    right: 9.0909090909%
}

.xs-1-12 {
    width: 8.3333333333%
}

.xs-push-1-12 {
    left: 8.3333333333%
}

.grid--reverse .xs-push-1-12 {
    left: auto;
    right: 8.3333333333%
}

.xs-2-3 {
    width: 66.6666666667%
}

.xs-push-2-3 {
    left: 66.6666666667%
}

.grid--reverse .xs-push-2-3 {
    left: auto;
    right: 66.6666666667%
}

.xs-2-4 {
    width: 50%
}

.xs-push-2-4 {
    left: 50%
}

.grid--reverse .xs-push-2-4 {
    left: auto;
    right: 50%
}

.xs-2-5 {
    width: 40%
}

.xs-push-2-5 {
    left: 40%
}

.grid--reverse .xs-push-2-5 {
    left: auto;
    right: 40%
}

.xs-2-6 {
    width: 33.3333333333%
}

.xs-push-2-6 {
    left: 33.3333333333%
}

.grid--reverse .xs-push-2-6 {
    left: auto;
    right: 33.3333333333%
}

.xs-2-7 {
    width: 28.5714285714%
}

.xs-push-2-7 {
    left: 28.5714285714%
}

.grid--reverse .xs-push-2-7 {
    left: auto;
    right: 28.5714285714%
}

.xs-2-8 {
    width: 25%
}

.xs-push-2-8 {
    left: 25%
}

.grid--reverse .xs-push-2-8 {
    left: auto;
    right: 25%
}

.xs-2-9 {
    width: 22.2222222222%
}

.xs-push-2-9 {
    left: 22.2222222222%
}

.grid--reverse .xs-push-2-9 {
    left: auto;
    right: 22.2222222222%
}

.xs-2-10 {
    width: 20%
}

.xs-push-2-10 {
    left: 20%
}

.grid--reverse .xs-push-2-10 {
    left: auto;
    right: 20%
}

.xs-2-11 {
    width: 18.1818181818%
}

.xs-push-2-11 {
    left: 18.1818181818%
}

.grid--reverse .xs-push-2-11 {
    left: auto;
    right: 18.1818181818%
}

.xs-2-12 {
    width: 16.6666666667%
}

.xs-push-2-12 {
    left: 16.6666666667%
}

.grid--reverse .xs-push-2-12 {
    left: auto;
    right: 16.6666666667%
}

.xs-3-4 {
    width: 75%
}

.xs-push-3-4 {
    left: 75%
}

.grid--reverse .xs-push-3-4 {
    left: auto;
    right: 75%
}

.xs-3-5 {
    width: 60%
}

.xs-push-3-5 {
    left: 60%
}

.grid--reverse .xs-push-3-5 {
    left: auto;
    right: 60%
}

.xs-3-6 {
    width: 50%
}

.xs-push-3-6 {
    left: 50%
}

.grid--reverse .xs-push-3-6 {
    left: auto;
    right: 50%
}

.xs-3-7 {
    width: 42.8571428571%
}

.xs-push-3-7 {
    left: 42.8571428571%
}

.grid--reverse .xs-push-3-7 {
    left: auto;
    right: 42.8571428571%
}

.xs-3-8 {
    width: 37.5%
}

.xs-push-3-8 {
    left: 37.5%
}

.grid--reverse .xs-push-3-8 {
    left: auto;
    right: 37.5%
}

.xs-3-9 {
    width: 33.3333333333%
}

.xs-push-3-9 {
    left: 33.3333333333%
}

.grid--reverse .xs-push-3-9 {
    left: auto;
    right: 33.3333333333%
}

.xs-3-10 {
    width: 30%
}

.xs-push-3-10 {
    left: 30%
}

.grid--reverse .xs-push-3-10 {
    left: auto;
    right: 30%
}

.xs-3-11 {
    width: 27.2727272727%
}

.xs-push-3-11 {
    left: 27.2727272727%
}

.grid--reverse .xs-push-3-11 {
    left: auto;
    right: 27.2727272727%
}

.xs-3-12 {
    width: 25%
}

.xs-push-3-12 {
    left: 25%
}

.grid--reverse .xs-push-3-12 {
    left: auto;
    right: 25%
}

.xs-4-5 {
    width: 80%
}

.xs-push-4-5 {
    left: 80%
}

.grid--reverse .xs-push-4-5 {
    left: auto;
    right: 80%
}

.xs-4-6 {
    width: 66.6666666667%
}

.xs-push-4-6 {
    left: 66.6666666667%
}

.grid--reverse .xs-push-4-6 {
    left: auto;
    right: 66.6666666667%
}

.xs-4-7 {
    width: 57.1428571429%
}

.xs-push-4-7 {
    left: 57.1428571429%
}

.grid--reverse .xs-push-4-7 {
    left: auto;
    right: 57.1428571429%
}

.xs-4-8 {
    width: 50%
}

.xs-push-4-8 {
    left: 50%
}

.grid--reverse .xs-push-4-8 {
    left: auto;
    right: 50%
}

.xs-4-9 {
    width: 44.4444444444%
}

.xs-push-4-9 {
    left: 44.4444444444%
}

.grid--reverse .xs-push-4-9 {
    left: auto;
    right: 44.4444444444%
}

.xs-4-10 {
    width: 40%
}

.xs-push-4-10 {
    left: 40%
}

.grid--reverse .xs-push-4-10 {
    left: auto;
    right: 40%
}

.xs-4-11 {
    width: 36.3636363636%
}

.xs-push-4-11 {
    left: 36.3636363636%
}

.grid--reverse .xs-push-4-11 {
    left: auto;
    right: 36.3636363636%
}

.xs-4-12 {
    width: 33.3333333333%
}

.xs-push-4-12 {
    left: 33.3333333333%
}

.grid--reverse .xs-push-4-12 {
    left: auto;
    right: 33.3333333333%
}

.xs-5-6 {
    width: 83.3333333333%
}

.xs-push-5-6 {
    left: 83.3333333333%
}

.grid--reverse .xs-push-5-6 {
    left: auto;
    right: 83.3333333333%
}

.xs-5-7 {
    width: 71.4285714286%
}

.xs-push-5-7 {
    left: 71.4285714286%
}

.grid--reverse .xs-push-5-7 {
    left: auto;
    right: 71.4285714286%
}

.xs-5-8 {
    width: 62.5%
}

.xs-push-5-8 {
    left: 62.5%
}

.grid--reverse .xs-push-5-8 {
    left: auto;
    right: 62.5%
}

.xs-5-9 {
    width: 55.5555555556%
}

.xs-push-5-9 {
    left: 55.5555555556%
}

.grid--reverse .xs-push-5-9 {
    left: auto;
    right: 55.5555555556%
}

.xs-5-10 {
    width: 50%
}

.xs-push-5-10 {
    left: 50%
}

.grid--reverse .xs-push-5-10 {
    left: auto;
    right: 50%
}

.xs-5-11 {
    width: 45.4545454545%
}

.xs-push-5-11 {
    left: 45.4545454545%
}

.grid--reverse .xs-push-5-11 {
    left: auto;
    right: 45.4545454545%
}

.xs-5-12 {
    width: 41.6666666667%
}

.xs-push-5-12 {
    left: 41.6666666667%
}

.grid--reverse .xs-push-5-12 {
    left: auto;
    right: 41.6666666667%
}

.xs-6-7 {
    width: 85.7142857143%
}

.xs-push-6-7 {
    left: 85.7142857143%
}

.grid--reverse .xs-push-6-7 {
    left: auto;
    right: 85.7142857143%
}

.xs-6-8 {
    width: 75%
}

.xs-push-6-8 {
    left: 75%
}

.grid--reverse .xs-push-6-8 {
    left: auto;
    right: 75%
}

.xs-6-9 {
    width: 66.6666666667%
}

.xs-push-6-9 {
    left: 66.6666666667%
}

.grid--reverse .xs-push-6-9 {
    left: auto;
    right: 66.6666666667%
}

.xs-6-10 {
    width: 60%
}

.xs-push-6-10 {
    left: 60%
}

.grid--reverse .xs-push-6-10 {
    left: auto;
    right: 60%
}

.xs-6-11 {
    width: 54.5454545455%
}

.xs-push-6-11 {
    left: 54.5454545455%
}

.grid--reverse .xs-push-6-11 {
    left: auto;
    right: 54.5454545455%
}

.xs-6-12 {
    width: 50%
}

.xs-push-6-12 {
    left: 50%
}

.grid--reverse .xs-push-6-12 {
    left: auto;
    right: 50%
}

.xs-7-8 {
    width: 87.5%
}

.xs-push-7-8 {
    left: 87.5%
}

.grid--reverse .xs-push-7-8 {
    left: auto;
    right: 87.5%
}

.xs-7-9 {
    width: 77.7777777778%
}

.xs-push-7-9 {
    left: 77.7777777778%
}

.grid--reverse .xs-push-7-9 {
    left: auto;
    right: 77.7777777778%
}

.xs-7-10 {
    width: 70%
}

.xs-push-7-10 {
    left: 70%
}

.grid--reverse .xs-push-7-10 {
    left: auto;
    right: 70%
}

.xs-7-11 {
    width: 63.6363636364%
}

.xs-push-7-11 {
    left: 63.6363636364%
}

.grid--reverse .xs-push-7-11 {
    left: auto;
    right: 63.6363636364%
}

.xs-7-12 {
    width: 58.3333333333%
}

.xs-push-7-12 {
    left: 58.3333333333%
}

.grid--reverse .xs-push-7-12 {
    left: auto;
    right: 58.3333333333%
}

.xs-8-9 {
    width: 88.8888888889%
}

.xs-push-8-9 {
    left: 88.8888888889%
}

.grid--reverse .xs-push-8-9 {
    left: auto;
    right: 88.8888888889%
}

.xs-8-10 {
    width: 80%
}

.xs-push-8-10 {
    left: 80%
}

.grid--reverse .xs-push-8-10 {
    left: auto;
    right: 80%
}

.xs-8-11 {
    width: 72.7272727273%
}

.xs-push-8-11 {
    left: 72.7272727273%
}

.grid--reverse .xs-push-8-11 {
    left: auto;
    right: 72.7272727273%
}

.xs-8-12 {
    width: 66.6666666667%
}

.xs-push-8-12 {
    left: 66.6666666667%
}

.grid--reverse .xs-push-8-12 {
    left: auto;
    right: 66.6666666667%
}

.xs-9-10 {
    width: 90%
}

.xs-push-9-10 {
    left: 90%
}

.grid--reverse .xs-push-9-10 {
    left: auto;
    right: 90%
}

.xs-9-11 {
    width: 81.8181818182%
}

.xs-push-9-11 {
    left: 81.8181818182%
}

.grid--reverse .xs-push-9-11 {
    left: auto;
    right: 81.8181818182%
}

.xs-9-12 {
    width: 75%
}

.xs-push-9-12 {
    left: 75%
}

.grid--reverse .xs-push-9-12 {
    left: auto;
    right: 75%
}

.xs-10-11 {
    width: 90.9090909091%
}

.xs-push-10-11 {
    left: 90.9090909091%
}

.grid--reverse .xs-push-10-11 {
    left: auto;
    right: 90.9090909091%
}

.xs-10-12 {
    width: 83.3333333333%
}

.xs-push-10-12 {
    left: 83.3333333333%
}

.grid--reverse .xs-push-10-12 {
    left: auto;
    right: 83.3333333333%
}

.xs-11-12 {
    width: 91.6666666667%
}

.xs-push-11-12 {
    left: 91.6666666667%
}

.grid--reverse .xs-push-11-12 {
    left: auto;
    right: 91.6666666667%
}

@media only screen and (min-width: 0em) {
    .xs-nopush {
        left:0
    }

    .xs-1-1 {
        width: 100%;
        display: block
    }

    .xs-fr {
        float: right
    }

    .xs-fl {
        float: left;
        margin-right: 2.4em
    }
}

@media only screen and (min-width: 25em) {
    .s-1-2 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-2 {
        left:50%
    }

    .grid--reverse .s-push-1-2 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-3 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-3 {
        left:33.3333333333%
    }

    .grid--reverse .s-push-1-3 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-4 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-4 {
        left:25%
    }

    .grid--reverse .s-push-1-4 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-5 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-5 {
        left:20%
    }

    .grid--reverse .s-push-1-5 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-6 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-6 {
        left:16.6666666667%
    }

    .grid--reverse .s-push-1-6 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-7 {
        width:14.2857142857%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-7 {
        left:14.2857142857%
    }

    .grid--reverse .s-push-1-7 {
        left: auto;
        right: 14.2857142857%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-8 {
        width:12.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-8 {
        left:12.5%
    }

    .grid--reverse .s-push-1-8 {
        left: auto;
        right: 12.5%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-9 {
        width:11.1111111111%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-9 {
        left:11.1111111111%
    }

    .grid--reverse .s-push-1-9 {
        left: auto;
        right: 11.1111111111%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-10 {
        width:10%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-10 {
        left:10%
    }

    .grid--reverse .s-push-1-10 {
        left: auto;
        right: 10%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-11 {
        width:9.0909090909%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-11 {
        left:9.0909090909%
    }

    .grid--reverse .s-push-1-11 {
        left: auto;
        right: 9.0909090909%
    }
}

@media only screen and (min-width: 25em) {
    .s-1-12 {
        width:8.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-1-12 {
        left:8.3333333333%
    }

    .grid--reverse .s-push-1-12 {
        left: auto;
        right: 8.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-3 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-3 {
        left:66.6666666667%
    }

    .grid--reverse .s-push-2-3 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-4 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-4 {
        left:50%
    }

    .grid--reverse .s-push-2-4 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-5 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-5 {
        left:40%
    }

    .grid--reverse .s-push-2-5 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-6 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-6 {
        left:33.3333333333%
    }

    .grid--reverse .s-push-2-6 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-7 {
        width:28.5714285714%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-7 {
        left:28.5714285714%
    }

    .grid--reverse .s-push-2-7 {
        left: auto;
        right: 28.5714285714%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-8 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-8 {
        left:25%
    }

    .grid--reverse .s-push-2-8 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-9 {
        width:22.2222222222%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-9 {
        left:22.2222222222%
    }

    .grid--reverse .s-push-2-9 {
        left: auto;
        right: 22.2222222222%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-10 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-10 {
        left:20%
    }

    .grid--reverse .s-push-2-10 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-11 {
        width:18.1818181818%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-11 {
        left:18.1818181818%
    }

    .grid--reverse .s-push-2-11 {
        left: auto;
        right: 18.1818181818%
    }
}

@media only screen and (min-width: 25em) {
    .s-2-12 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-2-12 {
        left:16.6666666667%
    }

    .grid--reverse .s-push-2-12 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-4 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-4 {
        left:75%
    }

    .grid--reverse .s-push-3-4 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-5 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-5 {
        left:60%
    }

    .grid--reverse .s-push-3-5 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-6 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-6 {
        left:50%
    }

    .grid--reverse .s-push-3-6 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-7 {
        width:42.8571428571%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-7 {
        left:42.8571428571%
    }

    .grid--reverse .s-push-3-7 {
        left: auto;
        right: 42.8571428571%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-8 {
        width:37.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-8 {
        left:37.5%
    }

    .grid--reverse .s-push-3-8 {
        left: auto;
        right: 37.5%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-9 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-9 {
        left:33.3333333333%
    }

    .grid--reverse .s-push-3-9 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-10 {
        width:30%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-10 {
        left:30%
    }

    .grid--reverse .s-push-3-10 {
        left: auto;
        right: 30%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-11 {
        width:27.2727272727%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-11 {
        left:27.2727272727%
    }

    .grid--reverse .s-push-3-11 {
        left: auto;
        right: 27.2727272727%
    }
}

@media only screen and (min-width: 25em) {
    .s-3-12 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-3-12 {
        left:25%
    }

    .grid--reverse .s-push-3-12 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-5 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-5 {
        left:80%
    }

    .grid--reverse .s-push-4-5 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-6 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-6 {
        left:66.6666666667%
    }

    .grid--reverse .s-push-4-6 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-7 {
        width:57.1428571429%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-7 {
        left:57.1428571429%
    }

    .grid--reverse .s-push-4-7 {
        left: auto;
        right: 57.1428571429%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-8 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-8 {
        left:50%
    }

    .grid--reverse .s-push-4-8 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-9 {
        width:44.4444444444%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-9 {
        left:44.4444444444%
    }

    .grid--reverse .s-push-4-9 {
        left: auto;
        right: 44.4444444444%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-10 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-10 {
        left:40%
    }

    .grid--reverse .s-push-4-10 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-11 {
        width:36.3636363636%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-11 {
        left:36.3636363636%
    }

    .grid--reverse .s-push-4-11 {
        left: auto;
        right: 36.3636363636%
    }
}

@media only screen and (min-width: 25em) {
    .s-4-12 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-4-12 {
        left:33.3333333333%
    }

    .grid--reverse .s-push-4-12 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-6 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-6 {
        left:83.3333333333%
    }

    .grid--reverse .s-push-5-6 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-7 {
        width:71.4285714286%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-7 {
        left:71.4285714286%
    }

    .grid--reverse .s-push-5-7 {
        left: auto;
        right: 71.4285714286%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-8 {
        width:62.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-8 {
        left:62.5%
    }

    .grid--reverse .s-push-5-8 {
        left: auto;
        right: 62.5%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-9 {
        width:55.5555555556%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-9 {
        left:55.5555555556%
    }

    .grid--reverse .s-push-5-9 {
        left: auto;
        right: 55.5555555556%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-10 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-10 {
        left:50%
    }

    .grid--reverse .s-push-5-10 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-11 {
        width:45.4545454545%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-11 {
        left:45.4545454545%
    }

    .grid--reverse .s-push-5-11 {
        left: auto;
        right: 45.4545454545%
    }
}

@media only screen and (min-width: 25em) {
    .s-5-12 {
        width:41.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-5-12 {
        left:41.6666666667%
    }

    .grid--reverse .s-push-5-12 {
        left: auto;
        right: 41.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-6-7 {
        width:85.7142857143%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-6-7 {
        left:85.7142857143%
    }

    .grid--reverse .s-push-6-7 {
        left: auto;
        right: 85.7142857143%
    }
}

@media only screen and (min-width: 25em) {
    .s-6-8 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-6-8 {
        left:75%
    }

    .grid--reverse .s-push-6-8 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 25em) {
    .s-6-9 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-6-9 {
        left:66.6666666667%
    }

    .grid--reverse .s-push-6-9 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-6-10 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-6-10 {
        left:60%
    }

    .grid--reverse .s-push-6-10 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 25em) {
    .s-6-11 {
        width:54.5454545455%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-6-11 {
        left:54.5454545455%
    }

    .grid--reverse .s-push-6-11 {
        left: auto;
        right: 54.5454545455%
    }
}

@media only screen and (min-width: 25em) {
    .s-6-12 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-6-12 {
        left:50%
    }

    .grid--reverse .s-push-6-12 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 25em) {
    .s-7-8 {
        width:87.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-7-8 {
        left:87.5%
    }

    .grid--reverse .s-push-7-8 {
        left: auto;
        right: 87.5%
    }
}

@media only screen and (min-width: 25em) {
    .s-7-9 {
        width:77.7777777778%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-7-9 {
        left:77.7777777778%
    }

    .grid--reverse .s-push-7-9 {
        left: auto;
        right: 77.7777777778%
    }
}

@media only screen and (min-width: 25em) {
    .s-7-10 {
        width:70%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-7-10 {
        left:70%
    }

    .grid--reverse .s-push-7-10 {
        left: auto;
        right: 70%
    }
}

@media only screen and (min-width: 25em) {
    .s-7-11 {
        width:63.6363636364%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-7-11 {
        left:63.6363636364%
    }

    .grid--reverse .s-push-7-11 {
        left: auto;
        right: 63.6363636364%
    }
}

@media only screen and (min-width: 25em) {
    .s-7-12 {
        width:58.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-7-12 {
        left:58.3333333333%
    }

    .grid--reverse .s-push-7-12 {
        left: auto;
        right: 58.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-8-9 {
        width:88.8888888889%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-8-9 {
        left:88.8888888889%
    }

    .grid--reverse .s-push-8-9 {
        left: auto;
        right: 88.8888888889%
    }
}

@media only screen and (min-width: 25em) {
    .s-8-10 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-8-10 {
        left:80%
    }

    .grid--reverse .s-push-8-10 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 25em) {
    .s-8-11 {
        width:72.7272727273%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-8-11 {
        left:72.7272727273%
    }

    .grid--reverse .s-push-8-11 {
        left: auto;
        right: 72.7272727273%
    }
}

@media only screen and (min-width: 25em) {
    .s-8-12 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-8-12 {
        left:66.6666666667%
    }

    .grid--reverse .s-push-8-12 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-9-10 {
        width:90%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-9-10 {
        left:90%
    }

    .grid--reverse .s-push-9-10 {
        left: auto;
        right: 90%
    }
}

@media only screen and (min-width: 25em) {
    .s-9-11 {
        width:81.8181818182%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-9-11 {
        left:81.8181818182%
    }

    .grid--reverse .s-push-9-11 {
        left: auto;
        right: 81.8181818182%
    }
}

@media only screen and (min-width: 25em) {
    .s-9-12 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-9-12 {
        left:75%
    }

    .grid--reverse .s-push-9-12 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 25em) {
    .s-10-11 {
        width:90.9090909091%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-10-11 {
        left:90.9090909091%
    }

    .grid--reverse .s-push-10-11 {
        left: auto;
        right: 90.9090909091%
    }
}

@media only screen and (min-width: 25em) {
    .s-10-12 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-10-12 {
        left:83.3333333333%
    }

    .grid--reverse .s-push-10-12 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 25em) {
    .s-11-12 {
        width:91.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 25em) {
    .s-push-11-12 {
        left:91.6666666667%
    }

    .grid--reverse .s-push-11-12 {
        left: auto;
        right: 91.6666666667%
    }
}

@media only screen and (min-width: 25em) {
    .s-nopush {
        left:0
    }

    .s-1-1 {
        width: 100%;
        display: block
    }

    .s-fr {
        float: right
    }

    .s-fl {
        float: left;
        margin-right: 2.4em
    }
}

@media only screen and (min-width: 45em) {
    .m-1-2 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-2 {
        left:50%
    }

    .grid--reverse .m-push-1-2 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-3 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-3 {
        left:33.3333333333%
    }

    .grid--reverse .m-push-1-3 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-4 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-4 {
        left:25%
    }

    .grid--reverse .m-push-1-4 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-5 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-5 {
        left:20%
    }

    .grid--reverse .m-push-1-5 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-6 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-6 {
        left:16.6666666667%
    }

    .grid--reverse .m-push-1-6 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-7 {
        width:14.2857142857%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-7 {
        left:14.2857142857%
    }

    .grid--reverse .m-push-1-7 {
        left: auto;
        right: 14.2857142857%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-8 {
        width:12.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-8 {
        left:12.5%
    }

    .grid--reverse .m-push-1-8 {
        left: auto;
        right: 12.5%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-9 {
        width:11.1111111111%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-9 {
        left:11.1111111111%
    }

    .grid--reverse .m-push-1-9 {
        left: auto;
        right: 11.1111111111%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-10 {
        width:10%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-10 {
        left:10%
    }

    .grid--reverse .m-push-1-10 {
        left: auto;
        right: 10%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-11 {
        width:9.0909090909%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-11 {
        left:9.0909090909%
    }

    .grid--reverse .m-push-1-11 {
        left: auto;
        right: 9.0909090909%
    }
}

@media only screen and (min-width: 45em) {
    .m-1-12 {
        width:8.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-1-12 {
        left:8.3333333333%
    }

    .grid--reverse .m-push-1-12 {
        left: auto;
        right: 8.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-3 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-3 {
        left:66.6666666667%
    }

    .grid--reverse .m-push-2-3 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-4 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-4 {
        left:50%
    }

    .grid--reverse .m-push-2-4 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-5 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-5 {
        left:40%
    }

    .grid--reverse .m-push-2-5 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-6 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-6 {
        left:33.3333333333%
    }

    .grid--reverse .m-push-2-6 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-7 {
        width:28.5714285714%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-7 {
        left:28.5714285714%
    }

    .grid--reverse .m-push-2-7 {
        left: auto;
        right: 28.5714285714%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-8 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-8 {
        left:25%
    }

    .grid--reverse .m-push-2-8 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-9 {
        width:22.2222222222%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-9 {
        left:22.2222222222%
    }

    .grid--reverse .m-push-2-9 {
        left: auto;
        right: 22.2222222222%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-10 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-10 {
        left:20%
    }

    .grid--reverse .m-push-2-10 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-11 {
        width:18.1818181818%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-11 {
        left:18.1818181818%
    }

    .grid--reverse .m-push-2-11 {
        left: auto;
        right: 18.1818181818%
    }
}

@media only screen and (min-width: 45em) {
    .m-2-12 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-2-12 {
        left:16.6666666667%
    }

    .grid--reverse .m-push-2-12 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-4 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-4 {
        left:75%
    }

    .grid--reverse .m-push-3-4 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-5 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-5 {
        left:60%
    }

    .grid--reverse .m-push-3-5 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-6 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-6 {
        left:50%
    }

    .grid--reverse .m-push-3-6 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-7 {
        width:42.8571428571%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-7 {
        left:42.8571428571%
    }

    .grid--reverse .m-push-3-7 {
        left: auto;
        right: 42.8571428571%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-8 {
        width:37.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-8 {
        left:37.5%
    }

    .grid--reverse .m-push-3-8 {
        left: auto;
        right: 37.5%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-9 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-9 {
        left:33.3333333333%
    }

    .grid--reverse .m-push-3-9 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-10 {
        width:30%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-10 {
        left:30%
    }

    .grid--reverse .m-push-3-10 {
        left: auto;
        right: 30%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-11 {
        width:27.2727272727%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-11 {
        left:27.2727272727%
    }

    .grid--reverse .m-push-3-11 {
        left: auto;
        right: 27.2727272727%
    }
}

@media only screen and (min-width: 45em) {
    .m-3-12 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-3-12 {
        left:25%
    }

    .grid--reverse .m-push-3-12 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-5 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-5 {
        left:80%
    }

    .grid--reverse .m-push-4-5 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-6 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-6 {
        left:66.6666666667%
    }

    .grid--reverse .m-push-4-6 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-7 {
        width:57.1428571429%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-7 {
        left:57.1428571429%
    }

    .grid--reverse .m-push-4-7 {
        left: auto;
        right: 57.1428571429%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-8 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-8 {
        left:50%
    }

    .grid--reverse .m-push-4-8 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-9 {
        width:44.4444444444%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-9 {
        left:44.4444444444%
    }

    .grid--reverse .m-push-4-9 {
        left: auto;
        right: 44.4444444444%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-10 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-10 {
        left:40%
    }

    .grid--reverse .m-push-4-10 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-11 {
        width:36.3636363636%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-11 {
        left:36.3636363636%
    }

    .grid--reverse .m-push-4-11 {
        left: auto;
        right: 36.3636363636%
    }
}

@media only screen and (min-width: 45em) {
    .m-4-12 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-4-12 {
        left:33.3333333333%
    }

    .grid--reverse .m-push-4-12 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-6 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-6 {
        left:83.3333333333%
    }

    .grid--reverse .m-push-5-6 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-7 {
        width:71.4285714286%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-7 {
        left:71.4285714286%
    }

    .grid--reverse .m-push-5-7 {
        left: auto;
        right: 71.4285714286%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-8 {
        width:62.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-8 {
        left:62.5%
    }

    .grid--reverse .m-push-5-8 {
        left: auto;
        right: 62.5%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-9 {
        width:55.5555555556%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-9 {
        left:55.5555555556%
    }

    .grid--reverse .m-push-5-9 {
        left: auto;
        right: 55.5555555556%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-10 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-10 {
        left:50%
    }

    .grid--reverse .m-push-5-10 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-11 {
        width:45.4545454545%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-11 {
        left:45.4545454545%
    }

    .grid--reverse .m-push-5-11 {
        left: auto;
        right: 45.4545454545%
    }
}

@media only screen and (min-width: 45em) {
    .m-5-12 {
        width:41.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-5-12 {
        left:41.6666666667%
    }

    .grid--reverse .m-push-5-12 {
        left: auto;
        right: 41.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-6-7 {
        width:85.7142857143%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-6-7 {
        left:85.7142857143%
    }

    .grid--reverse .m-push-6-7 {
        left: auto;
        right: 85.7142857143%
    }
}

@media only screen and (min-width: 45em) {
    .m-6-8 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-6-8 {
        left:75%
    }

    .grid--reverse .m-push-6-8 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 45em) {
    .m-6-9 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-6-9 {
        left:66.6666666667%
    }

    .grid--reverse .m-push-6-9 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-6-10 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-6-10 {
        left:60%
    }

    .grid--reverse .m-push-6-10 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 45em) {
    .m-6-11 {
        width:54.5454545455%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-6-11 {
        left:54.5454545455%
    }

    .grid--reverse .m-push-6-11 {
        left: auto;
        right: 54.5454545455%
    }
}

@media only screen and (min-width: 45em) {
    .m-6-12 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-6-12 {
        left:50%
    }

    .grid--reverse .m-push-6-12 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 45em) {
    .m-7-8 {
        width:87.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-7-8 {
        left:87.5%
    }

    .grid--reverse .m-push-7-8 {
        left: auto;
        right: 87.5%
    }
}

@media only screen and (min-width: 45em) {
    .m-7-9 {
        width:77.7777777778%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-7-9 {
        left:77.7777777778%
    }

    .grid--reverse .m-push-7-9 {
        left: auto;
        right: 77.7777777778%
    }
}

@media only screen and (min-width: 45em) {
    .m-7-10 {
        width:70%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-7-10 {
        left:70%
    }

    .grid--reverse .m-push-7-10 {
        left: auto;
        right: 70%
    }
}

@media only screen and (min-width: 45em) {
    .m-7-11 {
        width:63.6363636364%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-7-11 {
        left:63.6363636364%
    }

    .grid--reverse .m-push-7-11 {
        left: auto;
        right: 63.6363636364%
    }
}

@media only screen and (min-width: 45em) {
    .m-7-12 {
        width:58.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-7-12 {
        left:58.3333333333%
    }

    .grid--reverse .m-push-7-12 {
        left: auto;
        right: 58.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-8-9 {
        width:88.8888888889%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-8-9 {
        left:88.8888888889%
    }

    .grid--reverse .m-push-8-9 {
        left: auto;
        right: 88.8888888889%
    }
}

@media only screen and (min-width: 45em) {
    .m-8-10 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-8-10 {
        left:80%
    }

    .grid--reverse .m-push-8-10 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 45em) {
    .m-8-11 {
        width:72.7272727273%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-8-11 {
        left:72.7272727273%
    }

    .grid--reverse .m-push-8-11 {
        left: auto;
        right: 72.7272727273%
    }
}

@media only screen and (min-width: 45em) {
    .m-8-12 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-8-12 {
        left:66.6666666667%
    }

    .grid--reverse .m-push-8-12 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-9-10 {
        width:90%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-9-10 {
        left:90%
    }

    .grid--reverse .m-push-9-10 {
        left: auto;
        right: 90%
    }
}

@media only screen and (min-width: 45em) {
    .m-9-11 {
        width:81.8181818182%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-9-11 {
        left:81.8181818182%
    }

    .grid--reverse .m-push-9-11 {
        left: auto;
        right: 81.8181818182%
    }
}

@media only screen and (min-width: 45em) {
    .m-9-12 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-9-12 {
        left:75%
    }

    .grid--reverse .m-push-9-12 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 45em) {
    .m-10-11 {
        width:90.9090909091%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-10-11 {
        left:90.9090909091%
    }

    .grid--reverse .m-push-10-11 {
        left: auto;
        right: 90.9090909091%
    }
}

@media only screen and (min-width: 45em) {
    .m-10-12 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-10-12 {
        left:83.3333333333%
    }

    .grid--reverse .m-push-10-12 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 45em) {
    .m-11-12 {
        width:91.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 45em) {
    .m-push-11-12 {
        left:91.6666666667%
    }

    .grid--reverse .m-push-11-12 {
        left: auto;
        right: 91.6666666667%
    }
}

@media only screen and (min-width: 45em) {
    .m-nopush {
        left:0
    }

    .m-1-1 {
        width: 100%;
        display: block
    }

    .m-fr {
        float: right
    }

    .m-fl {
        float: left;
        margin-right: 2.4em
    }
}

@media only screen and (min-width: 65em) {
    .l-1-2 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-2 {
        left:50%
    }

    .grid--reverse .l-push-1-2 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-3 {
        
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-3 {
        left:33.3333333333%
    }

    .grid--reverse .l-push-1-3 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-4 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-4 {
        left:25%
    }

    .grid--reverse .l-push-1-4 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-5 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-5 {
        left:20%
    }

    .grid--reverse .l-push-1-5 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-6 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-6 {
        left:16.6666666667%
    }

    .grid--reverse .l-push-1-6 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-7 {
        width:14.2857142857%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-7 {
        left:14.2857142857%
    }

    .grid--reverse .l-push-1-7 {
        left: auto;
        right: 14.2857142857%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-8 {
        width:12.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-8 {
        left:12.5%
    }

    .grid--reverse .l-push-1-8 {
        left: auto;
        right: 12.5%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-9 {
        width:11.1111111111%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-9 {
        left:11.1111111111%
    }

    .grid--reverse .l-push-1-9 {
        left: auto;
        right: 11.1111111111%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-10 {
        width:10%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-10 {
        left:10%
    }

    .grid--reverse .l-push-1-10 {
        left: auto;
        right: 10%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-11 {
        width:9.0909090909%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-11 {
        left:9.0909090909%
    }

    .grid--reverse .l-push-1-11 {
        left: auto;
        right: 9.0909090909%
    }
}

@media only screen and (min-width: 65em) {
    .l-1-12 {
        width:8.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-1-12 {
        left:8.3333333333%
    }

    .grid--reverse .l-push-1-12 {
        left: auto;
        right: 8.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-3 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-3 {
        left:66.6666666667%
    }

    .grid--reverse .l-push-2-3 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-4 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-4 {
        left:50%
    }

    .grid--reverse .l-push-2-4 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-5 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-5 {
        left:40%
    }

    .grid--reverse .l-push-2-5 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-6 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-6 {
        left:33.3333333333%
    }

    .grid--reverse .l-push-2-6 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-7 {
        width:28.5714285714%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-7 {
        left:28.5714285714%
    }

    .grid--reverse .l-push-2-7 {
        left: auto;
        right: 28.5714285714%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-8 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-8 {
        left:25%
    }

    .grid--reverse .l-push-2-8 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-9 {
        width:22.2222222222%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-9 {
        left:22.2222222222%
    }

    .grid--reverse .l-push-2-9 {
        left: auto;
        right: 22.2222222222%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-10 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-10 {
        left:20%
    }

    .grid--reverse .l-push-2-10 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-11 {
        width:18.1818181818%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-11 {
        left:18.1818181818%
    }

    .grid--reverse .l-push-2-11 {
        left: auto;
        right: 18.1818181818%
    }
}

@media only screen and (min-width: 65em) {
    .l-2-12 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-2-12 {
        left:16.6666666667%
    }

    .grid--reverse .l-push-2-12 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-4 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-4 {
        left:75%
    }

    .grid--reverse .l-push-3-4 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-5 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-5 {
        left:60%
    }

    .grid--reverse .l-push-3-5 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-6 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-6 {
        left:50%
    }

    .grid--reverse .l-push-3-6 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-7 {
        width:42.8571428571%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-7 {
        left:42.8571428571%
    }

    .grid--reverse .l-push-3-7 {
        left: auto;
        right: 42.8571428571%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-8 {
        width:37.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-8 {
        left:37.5%
    }

    .grid--reverse .l-push-3-8 {
        left: auto;
        right: 37.5%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-9 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-9 {
        left:33.3333333333%
    }

    .grid--reverse .l-push-3-9 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-10 {
        width:30%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-10 {
        left:30%
    }

    .grid--reverse .l-push-3-10 {
        left: auto;
        right: 30%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-11 {
        width:27.2727272727%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-11 {
        left:27.2727272727%
    }

    .grid--reverse .l-push-3-11 {
        left: auto;
        right: 27.2727272727%
    }
}

@media only screen and (min-width: 65em) {
    .l-3-12 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-3-12 {
        left:25%
    }

    .grid--reverse .l-push-3-12 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-5 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-5 {
        left:80%
    }

    .grid--reverse .l-push-4-5 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-6 {
        width:49.6%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-6 {
        left:66.6666666667%
    }

    .grid--reverse .l-push-4-6 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-7 {
        width:57.1428571429%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-7 {
        left:57.1428571429%
    }

    .grid--reverse .l-push-4-7 {
        left: auto;
        right: 57.1428571429%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-8 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-8 {
        left:50%
    }

    .grid--reverse .l-push-4-8 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-9 {
        width:44.4444444444%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-9 {
        left:44.4444444444%
    }

    .grid--reverse .l-push-4-9 {
        left: auto;
        right: 44.4444444444%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-10 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-10 {
        left:40%
    }

    .grid--reverse .l-push-4-10 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-11 {
        width:36.3636363636%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-11 {
        left:36.3636363636%
    }

    .grid--reverse .l-push-4-11 {
        left: auto;
        right: 36.3636363636%
    }
}

@media only screen and (min-width: 65em) {
    .l-4-12 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-4-12 {
        left:33.3333333333%
    }

    .grid--reverse .l-push-4-12 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-6 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-6 {
        left:83.3333333333%
    }

    .grid--reverse .l-push-5-6 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-7 {
        width:71.4285714286%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-7 {
        left:71.4285714286%
    }

    .grid--reverse .l-push-5-7 {
        left: auto;
        right: 71.4285714286%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-8 {
        width:62.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-8 {
        left:62.5%
    }

    .grid--reverse .l-push-5-8 {
        left: auto;
        right: 62.5%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-9 {
        width:55.5555555556%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-9 {
        left:55.5555555556%
    }

    .grid--reverse .l-push-5-9 {
        left: auto;
        right: 55.5555555556%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-10 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-10 {
        left:50%
    }

    .grid--reverse .l-push-5-10 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-11 {
        width:45.4545454545%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-11 {
        left:45.4545454545%
    }

    .grid--reverse .l-push-5-11 {
        left: auto;
        right: 45.4545454545%
    }
}

@media only screen and (min-width: 65em) {
    .l-5-12 {
        width:41.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-5-12 {
        left:41.6666666667%
    }

    .grid--reverse .l-push-5-12 {
        left: auto;
        right: 41.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-6-7 {
        width:85.7142857143%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-6-7 {
        left:85.7142857143%
    }

    .grid--reverse .l-push-6-7 {
        left: auto;
        right: 85.7142857143%
    }
}

@media only screen and (min-width: 65em) {
    .l-6-8 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-6-8 {
        left:75%
    }

    .grid--reverse .l-push-6-8 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 65em) {
    .l-6-9 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-6-9 {
        left:66.6666666667%
    }

    .grid--reverse .l-push-6-9 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-6-10 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-6-10 {
        left:60%
    }

    .grid--reverse .l-push-6-10 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 65em) {
    .l-6-11 {
        width:54.5454545455%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-6-11 {
        left:54.5454545455%
    }

    .grid--reverse .l-push-6-11 {
        left: auto;
        right: 54.5454545455%
    }
}

@media only screen and (min-width: 65em) {
    .l-6-12 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-6-12 {
        left:50%
    }

    .grid--reverse .l-push-6-12 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 65em) {
    .l-7-8 {
        width:87.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-7-8 {
        left:87.5%
    }

    .grid--reverse .l-push-7-8 {
        left: auto;
        right: 87.5%
    }
}

@media only screen and (min-width: 65em) {
    .l-7-9 {
        width:77.7777777778%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-7-9 {
        left:77.7777777778%
    }

    .grid--reverse .l-push-7-9 {
        left: auto;
        right: 77.7777777778%
    }
}

@media only screen and (min-width: 65em) {
    .l-7-10 {
        width:70%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-7-10 {
        left:70%
    }

    .grid--reverse .l-push-7-10 {
        left: auto;
        right: 70%
    }
}

@media only screen and (min-width: 65em) {
    .l-7-11 {
        width:63.6363636364%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-7-11 {
        left:63.6363636364%
    }

    .grid--reverse .l-push-7-11 {
        left: auto;
        right: 63.6363636364%
    }
}

@media only screen and (min-width: 65em) {
    .l-7-12 {
        width:58.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-7-12 {
        left:58.3333333333%
    }

    .grid--reverse .l-push-7-12 {
        left: auto;
        right: 58.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-8-9 {
        width:88.8888888889%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-8-9 {
        left:88.8888888889%
    }

    .grid--reverse .l-push-8-9 {
        left: auto;
        right: 88.8888888889%
    }
}

@media only screen and (min-width: 65em) {
    .l-8-10 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-8-10 {
        left:80%
    }

    .grid--reverse .l-push-8-10 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 65em) {
    .l-8-11 {
        width:72.7272727273%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-8-11 {
        left:72.7272727273%
    }

    .grid--reverse .l-push-8-11 {
        left: auto;
        right: 72.7272727273%
    }
}

@media only screen and (min-width: 65em) {
    .l-8-12 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-8-12 {
        left:66.6666666667%
    }

    .grid--reverse .l-push-8-12 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-9-10 {
        width:90%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-9-10 {
        left:90%
    }

    .grid--reverse .l-push-9-10 {
        left: auto;
        right: 90%
    }
}

@media only screen and (min-width: 65em) {
    .l-9-11 {
        width:81.8181818182%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-9-11 {
        left:81.8181818182%
    }

    .grid--reverse .l-push-9-11 {
        left: auto;
        right: 81.8181818182%
    }
}

@media only screen and (min-width: 65em) {
    .l-9-12 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-9-12 {
        left:75%
    }

    .grid--reverse .l-push-9-12 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 65em) {
    .l-10-11 {
        width:90.9090909091%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-10-11 {
        left:90.9090909091%
    }

    .grid--reverse .l-push-10-11 {
        left: auto;
        right: 90.9090909091%
    }
}

@media only screen and (min-width: 65em) {
    .l-10-12 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-10-12 {
        left:83.3333333333%
    }

    .grid--reverse .l-push-10-12 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 65em) {
    .l-11-12 {
        width:91.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 65em) {
    .l-push-11-12 {
        left:91.6666666667%
    }

    .grid--reverse .l-push-11-12 {
        left: auto;
        right: 91.6666666667%
    }
}

@media only screen and (min-width: 65em) {
    .l-nopush {
        left:0
    }

    .l-1-1 {
        width: 100%;
        display: block
    }

    .l-fr {
        float: right
    }

    .l-fl {
        float: left;
        margin-right: 2.4em
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-2 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-2 {
        left:50%
    }

    .grid--reverse .xl-push-1-2 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-3 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-3 {
        left:33.3333333333%
    }

    .grid--reverse .xl-push-1-3 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-4 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-4 {
        left:25%
    }

    .grid--reverse .xl-push-1-4 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-5 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-5 {
        left:20%
    }

    .grid--reverse .xl-push-1-5 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-6 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-6 {
        left:16.6666666667%
    }

    .grid--reverse .xl-push-1-6 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-7 {
        width:14.2857142857%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-7 {
        left:14.2857142857%
    }

    .grid--reverse .xl-push-1-7 {
        left: auto;
        right: 14.2857142857%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-8 {
        width:12.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-8 {
        left:12.5%
    }

    .grid--reverse .xl-push-1-8 {
        left: auto;
        right: 12.5%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-9 {
        width:11.1111111111%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-9 {
        left:11.1111111111%
    }

    .grid--reverse .xl-push-1-9 {
        left: auto;
        right: 11.1111111111%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-10 {
        width:10%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-10 {
        left:10%
    }

    .grid--reverse .xl-push-1-10 {
        left: auto;
        right: 10%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-11 {
        width:9.0909090909%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-11 {
        left:9.0909090909%
    }

    .grid--reverse .xl-push-1-11 {
        left: auto;
        right: 9.0909090909%
    }
}

@media only screen and (min-width: 95em) {
    .xl-1-12 {
        width:8.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-1-12 {
        left:8.3333333333%
    }

    .grid--reverse .xl-push-1-12 {
        left: auto;
        right: 8.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-3 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-3 {
        left:66.6666666667%
    }

    .grid--reverse .xl-push-2-3 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-4 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-4 {
        left:50%
    }

    .grid--reverse .xl-push-2-4 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-5 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-5 {
        left:40%
    }

    .grid--reverse .xl-push-2-5 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-6 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-6 {
        left:33.3333333333%
    }

    .grid--reverse .xl-push-2-6 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-7 {
        width:28.5714285714%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-7 {
        left:28.5714285714%
    }

    .grid--reverse .xl-push-2-7 {
        left: auto;
        right: 28.5714285714%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-8 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-8 {
        left:25%
    }

    .grid--reverse .xl-push-2-8 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-9 {
        width:22.2222222222%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-9 {
        left:22.2222222222%
    }

    .grid--reverse .xl-push-2-9 {
        left: auto;
        right: 22.2222222222%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-10 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-10 {
        left:20%
    }

    .grid--reverse .xl-push-2-10 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-11 {
        width:18.1818181818%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-11 {
        left:18.1818181818%
    }

    .grid--reverse .xl-push-2-11 {
        left: auto;
        right: 18.1818181818%
    }
}

@media only screen and (min-width: 95em) {
    .xl-2-12 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-2-12 {
        left:16.6666666667%
    }

    .grid--reverse .xl-push-2-12 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-4 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-4 {
        left:75%
    }

    .grid--reverse .xl-push-3-4 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-5 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-5 {
        left:60%
    }

    .grid--reverse .xl-push-3-5 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-6 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-6 {
        left:50%
    }

    .grid--reverse .xl-push-3-6 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-7 {
        width:42.8571428571%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-7 {
        left:42.8571428571%
    }

    .grid--reverse .xl-push-3-7 {
        left: auto;
        right: 42.8571428571%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-8 {
        width:37.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-8 {
        left:37.5%
    }

    .grid--reverse .xl-push-3-8 {
        left: auto;
        right: 37.5%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-9 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-9 {
        left:33.3333333333%
    }

    .grid--reverse .xl-push-3-9 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-10 {
        width:30%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-10 {
        left:30%
    }

    .grid--reverse .xl-push-3-10 {
        left: auto;
        right: 30%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-11 {
        width:27.2727272727%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-11 {
        left:27.2727272727%
    }

    .grid--reverse .xl-push-3-11 {
        left: auto;
        right: 27.2727272727%
    }
}

@media only screen and (min-width: 95em) {
    .xl-3-12 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-3-12 {
        left:25%
    }

    .grid--reverse .xl-push-3-12 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-5 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-5 {
        left:80%
    }

    .grid--reverse .xl-push-4-5 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-6 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-6 {
        left:66.6666666667%
    }

    .grid--reverse .xl-push-4-6 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-7 {
        width:57.1428571429%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-7 {
        left:57.1428571429%
    }

    .grid--reverse .xl-push-4-7 {
        left: auto;
        right: 57.1428571429%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-8 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-8 {
        left:50%
    }

    .grid--reverse .xl-push-4-8 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-9 {
        width:44.4444444444%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-9 {
        left:44.4444444444%
    }

    .grid--reverse .xl-push-4-9 {
        left: auto;
        right: 44.4444444444%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-10 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-10 {
        left:40%
    }

    .grid--reverse .xl-push-4-10 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-11 {
        width:36.3636363636%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-11 {
        left:36.3636363636%
    }

    .grid--reverse .xl-push-4-11 {
        left: auto;
        right: 36.3636363636%
    }
}

@media only screen and (min-width: 95em) {
    .xl-4-12 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-4-12 {
        left:33.3333333333%
    }

    .grid--reverse .xl-push-4-12 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-6 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-6 {
        left:83.3333333333%
    }

    .grid--reverse .xl-push-5-6 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-7 {
        width:71.4285714286%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-7 {
        left:71.4285714286%
    }

    .grid--reverse .xl-push-5-7 {
        left: auto;
        right: 71.4285714286%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-8 {
        width:62.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-8 {
        left:62.5%
    }

    .grid--reverse .xl-push-5-8 {
        left: auto;
        right: 62.5%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-9 {
        width:55.5555555556%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-9 {
        left:55.5555555556%
    }

    .grid--reverse .xl-push-5-9 {
        left: auto;
        right: 55.5555555556%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-10 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-10 {
        left:50%
    }

    .grid--reverse .xl-push-5-10 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-11 {
        width:45.4545454545%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-11 {
        left:45.4545454545%
    }

    .grid--reverse .xl-push-5-11 {
        left: auto;
        right: 45.4545454545%
    }
}

@media only screen and (min-width: 95em) {
    .xl-5-12 {
        width:41.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-5-12 {
        left:41.6666666667%
    }

    .grid--reverse .xl-push-5-12 {
        left: auto;
        right: 41.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-6-7 {
        width:85.7142857143%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-6-7 {
        left:85.7142857143%
    }

    .grid--reverse .xl-push-6-7 {
        left: auto;
        right: 85.7142857143%
    }
}

@media only screen and (min-width: 95em) {
    .xl-6-8 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-6-8 {
        left:75%
    }

    .grid--reverse .xl-push-6-8 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 95em) {
    .xl-6-9 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-6-9 {
        left:66.6666666667%
    }

    .grid--reverse .xl-push-6-9 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-6-10 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-6-10 {
        left:60%
    }

    .grid--reverse .xl-push-6-10 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 95em) {
    .xl-6-11 {
        width:54.5454545455%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-6-11 {
        left:54.5454545455%
    }

    .grid--reverse .xl-push-6-11 {
        left: auto;
        right: 54.5454545455%
    }
}

@media only screen and (min-width: 95em) {
    .xl-6-12 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-6-12 {
        left:50%
    }

    .grid--reverse .xl-push-6-12 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 95em) {
    .xl-7-8 {
        width:87.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-7-8 {
        left:87.5%
    }

    .grid--reverse .xl-push-7-8 {
        left: auto;
        right: 87.5%
    }
}

@media only screen and (min-width: 95em) {
    .xl-7-9 {
        width:77.7777777778%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-7-9 {
        left:77.7777777778%
    }

    .grid--reverse .xl-push-7-9 {
        left: auto;
        right: 77.7777777778%
    }
}

@media only screen and (min-width: 95em) {
    .xl-7-10 {
        width:70%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-7-10 {
        left:70%
    }

    .grid--reverse .xl-push-7-10 {
        left: auto;
        right: 70%
    }
}

@media only screen and (min-width: 95em) {
    .xl-7-11 {
        width:63.6363636364%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-7-11 {
        left:63.6363636364%
    }

    .grid--reverse .xl-push-7-11 {
        left: auto;
        right: 63.6363636364%
    }
}

@media only screen and (min-width: 95em) {
    .xl-7-12 {
        width:58.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-7-12 {
        left:58.3333333333%
    }

    .grid--reverse .xl-push-7-12 {
        left: auto;
        right: 58.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-8-9 {
        width:88.8888888889%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-8-9 {
        left:88.8888888889%
    }

    .grid--reverse .xl-push-8-9 {
        left: auto;
        right: 88.8888888889%
    }
}

@media only screen and (min-width: 95em) {
    .xl-8-10 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-8-10 {
        left:80%
    }

    .grid--reverse .xl-push-8-10 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 95em) {
    .xl-8-11 {
        width:72.7272727273%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-8-11 {
        left:72.7272727273%
    }

    .grid--reverse .xl-push-8-11 {
        left: auto;
        right: 72.7272727273%
    }
}

@media only screen and (min-width: 95em) {
    .xl-8-12 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-8-12 {
        left:66.6666666667%
    }

    .grid--reverse .xl-push-8-12 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-9-10 {
        width:90%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-9-10 {
        left:90%
    }

    .grid--reverse .xl-push-9-10 {
        left: auto;
        right: 90%
    }
}

@media only screen and (min-width: 95em) {
    .xl-9-11 {
        width:81.8181818182%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-9-11 {
        left:81.8181818182%
    }

    .grid--reverse .xl-push-9-11 {
        left: auto;
        right: 81.8181818182%
    }
}

@media only screen and (min-width: 95em) {
    .xl-9-12 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-9-12 {
        left:75%
    }

    .grid--reverse .xl-push-9-12 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 95em) {
    .xl-10-11 {
        width:90.9090909091%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-10-11 {
        left:90.9090909091%
    }

    .grid--reverse .xl-push-10-11 {
        left: auto;
        right: 90.9090909091%
    }
}

@media only screen and (min-width: 95em) {
    .xl-10-12 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-10-12 {
        left:83.3333333333%
    }

    .grid--reverse .xl-push-10-12 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 95em) {
    .xl-11-12 {
        width:91.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 95em) {
    .xl-push-11-12 {
        left:91.6666666667%
    }

    .grid--reverse .xl-push-11-12 {
        left: auto;
        right: 91.6666666667%
    }
}

@media only screen and (min-width: 95em) {
    .xl-nopush {
        left:0
    }

    .xl-1-1 {
        width: 100%;
        display: block
    }

    .xl-fr {
        float: right
    }

    .xl-fl {
        float: left;
        margin-right: 2.4em
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-2 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-2 {
        left:50%
    }

    .grid--reverse .xxl-push-1-2 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-3 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-3 {
        left:33.3333333333%
    }

    .grid--reverse .xxl-push-1-3 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-4 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-4 {
        left:25%
    }

    .grid--reverse .xxl-push-1-4 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-5 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-5 {
        left:20%
    }

    .grid--reverse .xxl-push-1-5 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-6 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-6 {
        left:16.6666666667%
    }

    .grid--reverse .xxl-push-1-6 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-7 {
        width:14.2857142857%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-7 {
        left:14.2857142857%
    }

    .grid--reverse .xxl-push-1-7 {
        left: auto;
        right: 14.2857142857%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-8 {
        width:12.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-8 {
        left:12.5%
    }

    .grid--reverse .xxl-push-1-8 {
        left: auto;
        right: 12.5%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-9 {
        width:11.1111111111%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-9 {
        left:11.1111111111%
    }

    .grid--reverse .xxl-push-1-9 {
        left: auto;
        right: 11.1111111111%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-10 {
        width:10%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-10 {
        left:10%
    }

    .grid--reverse .xxl-push-1-10 {
        left: auto;
        right: 10%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-11 {
        width:9.0909090909%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-11 {
        left:9.0909090909%
    }

    .grid--reverse .xxl-push-1-11 {
        left: auto;
        right: 9.0909090909%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-1-12 {
        width:8.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-1-12 {
        left:8.3333333333%
    }

    .grid--reverse .xxl-push-1-12 {
        left: auto;
        right: 8.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-3 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-3 {
        left:66.6666666667%
    }

    .grid--reverse .xxl-push-2-3 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-4 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-4 {
        left:50%
    }

    .grid--reverse .xxl-push-2-4 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-5 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-5 {
        left:40%
    }

    .grid--reverse .xxl-push-2-5 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-6 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-6 {
        left:33.3333333333%
    }

    .grid--reverse .xxl-push-2-6 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-7 {
        width:28.5714285714%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-7 {
        left:28.5714285714%
    }

    .grid--reverse .xxl-push-2-7 {
        left: auto;
        right: 28.5714285714%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-8 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-8 {
        left:25%
    }

    .grid--reverse .xxl-push-2-8 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-9 {
        width:22.2222222222%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-9 {
        left:22.2222222222%
    }

    .grid--reverse .xxl-push-2-9 {
        left: auto;
        right: 22.2222222222%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-10 {
        width:20%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-10 {
        left:20%
    }

    .grid--reverse .xxl-push-2-10 {
        left: auto;
        right: 20%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-11 {
        width:18.1818181818%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-11 {
        left:18.1818181818%
    }

    .grid--reverse .xxl-push-2-11 {
        left: auto;
        right: 18.1818181818%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-2-12 {
        width:16.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-2-12 {
        left:16.6666666667%
    }

    .grid--reverse .xxl-push-2-12 {
        left: auto;
        right: 16.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-4 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-4 {
        left:75%
    }

    .grid--reverse .xxl-push-3-4 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-5 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-5 {
        left:60%
    }

    .grid--reverse .xxl-push-3-5 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-6 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-6 {
        left:50%
    }

    .grid--reverse .xxl-push-3-6 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-7 {
        width:42.8571428571%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-7 {
        left:42.8571428571%
    }

    .grid--reverse .xxl-push-3-7 {
        left: auto;
        right: 42.8571428571%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-8 {
        width:37.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-8 {
        left:37.5%
    }

    .grid--reverse .xxl-push-3-8 {
        left: auto;
        right: 37.5%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-9 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-9 {
        left:33.3333333333%
    }

    .grid--reverse .xxl-push-3-9 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-10 {
        width:30%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-10 {
        left:30%
    }

    .grid--reverse .xxl-push-3-10 {
        left: auto;
        right: 30%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-11 {
        width:27.2727272727%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-11 {
        left:27.2727272727%
    }

    .grid--reverse .xxl-push-3-11 {
        left: auto;
        right: 27.2727272727%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-3-12 {
        width:25%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-3-12 {
        left:25%
    }

    .grid--reverse .xxl-push-3-12 {
        left: auto;
        right: 25%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-5 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-5 {
        left:80%
    }

    .grid--reverse .xxl-push-4-5 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-6 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-6 {
        left:66.6666666667%
    }

    .grid--reverse .xxl-push-4-6 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-7 {
        width:57.1428571429%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-7 {
        left:57.1428571429%
    }

    .grid--reverse .xxl-push-4-7 {
        left: auto;
        right: 57.1428571429%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-8 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-8 {
        left:50%
    }

    .grid--reverse .xxl-push-4-8 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-9 {
        width:44.4444444444%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-9 {
        left:44.4444444444%
    }

    .grid--reverse .xxl-push-4-9 {
        left: auto;
        right: 44.4444444444%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-10 {
        width:40%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-10 {
        left:40%
    }

    .grid--reverse .xxl-push-4-10 {
        left: auto;
        right: 40%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-11 {
        width:36.3636363636%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-11 {
        left:36.3636363636%
    }

    .grid--reverse .xxl-push-4-11 {
        left: auto;
        right: 36.3636363636%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-4-12 {
        width:33.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-4-12 {
        left:33.3333333333%
    }

    .grid--reverse .xxl-push-4-12 {
        left: auto;
        right: 33.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-6 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-6 {
        left:83.3333333333%
    }

    .grid--reverse .xxl-push-5-6 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-7 {
        width:71.4285714286%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-7 {
        left:71.4285714286%
    }

    .grid--reverse .xxl-push-5-7 {
        left: auto;
        right: 71.4285714286%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-8 {
        width:62.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-8 {
        left:62.5%
    }

    .grid--reverse .xxl-push-5-8 {
        left: auto;
        right: 62.5%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-9 {
        width:55.5555555556%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-9 {
        left:55.5555555556%
    }

    .grid--reverse .xxl-push-5-9 {
        left: auto;
        right: 55.5555555556%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-10 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-10 {
        left:50%
    }

    .grid--reverse .xxl-push-5-10 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-11 {
        width:45.4545454545%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-11 {
        left:45.4545454545%
    }

    .grid--reverse .xxl-push-5-11 {
        left: auto;
        right: 45.4545454545%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-5-12 {
        width:41.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-5-12 {
        left:41.6666666667%
    }

    .grid--reverse .xxl-push-5-12 {
        left: auto;
        right: 41.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-6-7 {
        width:85.7142857143%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-6-7 {
        left:85.7142857143%
    }

    .grid--reverse .xxl-push-6-7 {
        left: auto;
        right: 85.7142857143%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-6-8 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-6-8 {
        left:75%
    }

    .grid--reverse .xxl-push-6-8 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-6-9 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-6-9 {
        left:66.6666666667%
    }

    .grid--reverse .xxl-push-6-9 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-6-10 {
        width:60%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-6-10 {
        left:60%
    }

    .grid--reverse .xxl-push-6-10 {
        left: auto;
        right: 60%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-6-11 {
        width:54.5454545455%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-6-11 {
        left:54.5454545455%
    }

    .grid--reverse .xxl-push-6-11 {
        left: auto;
        right: 54.5454545455%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-6-12 {
        width:50%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-6-12 {
        left:50%
    }

    .grid--reverse .xxl-push-6-12 {
        left: auto;
        right: 50%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-7-8 {
        width:87.5%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-7-8 {
        left:87.5%
    }

    .grid--reverse .xxl-push-7-8 {
        left: auto;
        right: 87.5%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-7-9 {
        width:77.7777777778%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-7-9 {
        left:77.7777777778%
    }

    .grid--reverse .xxl-push-7-9 {
        left: auto;
        right: 77.7777777778%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-7-10 {
        width:70%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-7-10 {
        left:70%
    }

    .grid--reverse .xxl-push-7-10 {
        left: auto;
        right: 70%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-7-11 {
        width:63.6363636364%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-7-11 {
        left:63.6363636364%
    }

    .grid--reverse .xxl-push-7-11 {
        left: auto;
        right: 63.6363636364%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-7-12 {
        width:58.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-7-12 {
        left:58.3333333333%
    }

    .grid--reverse .xxl-push-7-12 {
        left: auto;
        right: 58.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-8-9 {
        width:88.8888888889%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-8-9 {
        left:88.8888888889%
    }

    .grid--reverse .xxl-push-8-9 {
        left: auto;
        right: 88.8888888889%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-8-10 {
        width:80%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-8-10 {
        left:80%
    }

    .grid--reverse .xxl-push-8-10 {
        left: auto;
        right: 80%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-8-11 {
        width:72.7272727273%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-8-11 {
        left:72.7272727273%
    }

    .grid--reverse .xxl-push-8-11 {
        left: auto;
        right: 72.7272727273%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-8-12 {
        width:66.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-8-12 {
        left:66.6666666667%
    }

    .grid--reverse .xxl-push-8-12 {
        left: auto;
        right: 66.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-9-10 {
        width:90%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-9-10 {
        left:90%
    }

    .grid--reverse .xxl-push-9-10 {
        left: auto;
        right: 90%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-9-11 {
        width:81.8181818182%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-9-11 {
        left:81.8181818182%
    }

    .grid--reverse .xxl-push-9-11 {
        left: auto;
        right: 81.8181818182%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-9-12 {
        width:75%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-9-12 {
        left:75%
    }

    .grid--reverse .xxl-push-9-12 {
        left: auto;
        right: 75%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-10-11 {
        width:90.9090909091%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-10-11 {
        left:90.9090909091%
    }

    .grid--reverse .xxl-push-10-11 {
        left: auto;
        right: 90.9090909091%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-10-12 {
        width:83.3333333333%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-10-12 {
        left:83.3333333333%
    }

    .grid--reverse .xxl-push-10-12 {
        left: auto;
        right: 83.3333333333%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-11-12 {
        width:91.6666666667%;
        display: inline-block
    }
}

@media only screen and (min-width: 120em) {
    .xxl-push-11-12 {
        left:91.6666666667%
    }

    .grid--reverse .xxl-push-11-12 {
        left: auto;
        right: 91.6666666667%
    }
}

@media only screen and (min-width: 120em) {
    .xxl-nopush {
        left:0
    }

    .xxl-1-1 {
        width: 100%;
        display: block
    }

    .xxl-fr {
        float: right
    }

    .xxl-fl {
        float: left;
        margin-right: 2.4em
    }
}

.grid--flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    /*display: flex*/
}

.grid--flex.grid--center {
    -ms-flex-pack: center;
    justify-content: center
}

.grid__col--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

body.grid-debug:before {
    position: fixed;
    top: 0;
    left: 0;
    font-size: .8em;
    opacity: .5;
    padding: .2em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    content: "xs";
    z-index: 10000;
    color: #fff;
    background-color: #000
}

@media only screen and (min-width: 0em) {
    body.grid-debug:before {
        content:"xs"
    }
}

@media only screen and (min-width: 25em) {
    body.grid-debug:before {
        content:"s"
    }
}

@media only screen and (min-width: 45em) {
    body.grid-debug:before {
        content:"m"
    }
}

@media only screen and (min-width: 65em) {
    body.grid-debug:before {
        content:"l"
    }
}

@media only screen and (min-width: 95em) {
    body.grid-debug:before {
        content:"xl"
    }
}

@media only screen and (min-width: 120em) {
    body.grid-debug:before {
        content:"xxl"
    }
}

body.grid-debug .grid {
    outline: 1px dotted red
}

body.grid-debug .grid__col {
    background-color: pink
}

.auction-logo {
    display: block;
    margin: 0 auto
}

.backbtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #06b2a5;
    text-decoration: none;
    margin-bottom: 1em
}

.backbtn>.icon {
    font-size: .8em;
    margin-right: .5em
}

.backbtn:focus,.backbtn:hover {
    text-decoration: underline
}

.box {
    padding: 1em;
    border-radius: 6px;
    background-color: #fff
}

.box,.btn {
    color: #102e3b
}

.btn {
    display: inline-block;
    padding: 1em 2em;
    border: 0 none;
    font-family: work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #8ddcd6;
    border-radius: 4em;
    transition: all .2s ease-in-out
}

.btn.is-active,.btn:focus,.btn:hover {
    color: #fff;
    background-color: #06b2a5
}

.btn:focus {
    outline: 0 none
}

.btn--secondary {
    border: 1px solid #06b2a5;
    background: #fff;
    color: #102e3b
}

.btn--secondary.is-active,.btn--secondary:focus,.btn--secondary:hover {
    color: #102e3b;
    border-color: #8ddcd6;
    background-color: #8ddcd6
}

.btn--ghost {
    background: transparent;
    color: #fff
}

.btn--ghost.is-active,.btn--ghost:focus,.btn--ghost:hover {
    color: #06b2a5;
    background: transparent
}

.btn--icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.btn--icon>.icon {
    margin-right: 1em
}

.btn--large {
    font-size: 1.25em
}

.btn--small {
    border-radius: 3em;
    padding: .75em 1em;
    font-size: .875em
}

.btn--small>.icon {
    font-size: .875em;
    width: 1em;
    height: 1em
}

.btn--center {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.chkrad-grp+.chkrad-grp {
    margin-top: 1.5em
}

.chkrad-grp>*+* {
    margin-top: .5em
}

.chkrad {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.chkrad__field {
    position: absolute;
    opacity: 0;
    float: left;
    width: 18px
}

.chkrad__icon {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding: .125em;
    width: 1.25em;
    height: 1.25em;
    margin-right: 1em;
    color: #708289;
    border: 1px solid;
    border-radius: 4px
}

.chkrad__icon>svg {
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.chkrad__label {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2em
}

.form-row--error .chkrad__label {
    border: 0;
    box-shadow: none;
    color: #b22e06
}

[type=checkbox]:checked+.chkrad__label .chkrad__icon {
    color: #06b2a5
}

[type=checkbox]:checked+.chkrad__label .chkrad__icon>svg {
    opacity: 1
}

.chkrad__label:hover .chkrad__icon,[type=checkbox]:focus+.chkrad__label .chkrad__icon {
    color: #06b2a5
}

.copy>*+* {
    margin-top: 1em
}

.custom-select {
    padding: 0;
    position: relative
}

.custom-select:after {
    content: "";
    background: transparent url(/umbraco/#/media/media/edit/1308?list=-1&page=1&filter=&orderBy=updateDate&orderDirection=desc) 50%;
    background-size: contain;
    position: absolute;
    font-size: 1.5em;
    top: 50%;
    width: .85em;
    height: .85em;
    margin: 0;
    right: .5em;
    z-index: 0;
    pointer-events: none;
    color: #708289;
    opacity: .5;
    transform: translateY(-50%)
}

.custom-select__field {
    background: none repeat scroll 0 0 transparent;
    outline: medium none;
    margin: 0;
    padding-right: 3em!important
}

.custom-select__field:focus {
    width: 100%
}

.form__row--error .custom-select__field,.form__row--error .custom-select__field:focus {
    border-color: #b22e06
}

.select-wrap:after,x:-o-prefocus {
    display: none
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .custom-select__field::-ms-expand {
        display: none
    }

    .custom-select__field:focus::-ms-value {
        background: transparent
    }
}

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden
    }

    .custom-select__field {
        width: 120%;
        width: calc(1 + em)
    }
}

.custom-select__field:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.fig,.fig>img {
    width: 100%
}

.fig>img {
    display: block
}

.fig__caption {
    padding-top: 1em;
    color: #708289
}

.flexible-media {
    height: 0;
    position: relative;
    width: 100%
}

.flexible-media>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.flexible-media--16x9 {
    padding-top: 56.25%
}

.flexible-media--4x3 {
    padding-top: 75%
}

.flexible-media--3x1 {
    padding-top: 33.33333%
}

.flexible-media--1x1 {
    padding-top: 100%
}

.flexspan {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flexspan>*+* {
    margin-left: .5em
}

.flexspan--start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flexspan--end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flexspan--top {
    -ms-flex-align: start;
    align-items: flex-start
}

.flexspan--bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.flexspan--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flexspan--vtoh {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: -1em 0 0
}

.flexspan--vtoh>* {
    margin-left: 0;
    margin-top: 1em
}

@media only screen and (min-width: 45em) {
    .flexspan--vtoh {
        -ms-flex-direction:row;
        flex-direction: row;
        text-align: initial;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 -1em
    }

    .flexspan--vtoh>* {
        margin-top: 0;
        margin-left: 1em
    }
}

.copy h1,.copy h2,.copy h3,.copy h4,.copy h5,.copy h6,.heading {
    line-height: 1.25;
    letter-spacing: -.02em
}

.copy h1>a,.copy h2>a,.copy h3>a,.copy h4>a,.copy h5>a,.copy h6>a,.heading>a {
    text-decoration: none
}

.copy h1>strong,.copy h2>strong,.copy h3>strong,.copy h4>strong,.copy h5>strong,.copy h6>strong,.heading>strong {
    display: block
}

.copy>h1,.heading--hero {
    font-size: 3.125em;
    margin-bottom: .25em;
    font-weight: 600
}

.copy>h2,.heading--title {
    font-size: 1.875em
}

.heading--general {
    font-size: 1.375em
}

.heading--listing {
    font-weight: 600
}

.copy>h1,.heading--padded {
    margin-bottom: 1em
}

.copy h1>time,.copy h2>time,.copy h3>time,.copy h4>time,.copy h5>time,.copy h6>time,.heading>time {
    color: #06b2a5
}

.icon {
    width: 1.5em;
    height: 1.5em
}

.icon>path,.icon>svg,.icon>use {
    fill: currentColor
}

.info-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1em
}

.info-list,.info-list__item {
    display: -ms-flexbox;
    display: flex
}

.info-list__item {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: .25em 0;
    margin-left: 1em;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.info-list__item--condensed {
    -ms-flex: 1 1 45%;
    flex: 1 1 45%
}

.info-list__heading {
    font-weight: 400;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}

.info-list__value {
    margin-left: 1em;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%
}

.info-list--main>* {
    padding: 1em 0;
    border-bottom: 1px solid #d7dcde
}

.logo {
    display: block;
    position: relative;
    width: 150px;
    z-index: 2
}

@media only screen and (min-width: 45em) {
    .logo {
        width:200px
    }
}

.meta {
    color: #708289
}

.nama-bar>a {
    display: block
}

.nama-bar img {
    display: block;
    width: 75%;
    max-width: 200px;
    margin: 0 auto
}

.nama {
    padding: .25em 1.25em
}

.nama>img {
    width: 100%;
    max-width: 45px
}

.nama--1 {
    background-color: #24a854
}

.nama--2 {
    background-color: #abca50
}

.nama--3 {
    background-color: #ffd400
}

.nama--4 {
    background-color: #e77d04
}

.nama--5 {
    background-color: #ad443c
}

.nama--U {
    background-color: #8f9599
}

.result-list {
    padding: 2em 0
}

.result-list__item+.result-list__item {
    margin-top: 1em
}

.section {
    padding: 2em 0
}

@media only screen and (min-width: 45em) {
    .section {
        padding:4em 0
    }
}

.section--alt {
    background: #e9f8f7
}

.section--invert {
    background: #102e3b;
    color: #fff
}

.section--highlight {
    background: #038480;
    color: #fff
}

.section--no-pad {
    padding: 0
}

.about-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column; 
    margin: 2.5em;
}

.about-box:before {
    content: "";
    height: 0;
    width: 100%;
    padding-top: 47.36842%;
    background: transparent url(/images/BMW.jpg) 50% no-repeat;
    background-size: cover
}

@media only screen and (min-width: 45em) {
    .about-box:before {
        width:50%;
        max-width: 50%;
        height: auto;
        padding-top: 0;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
}

@media only screen and (min-width: 45em) {
    .about-box {
        -ms-flex-direction:row;
        flex-direction: row
    }
}

.about-box__content {
    padding: 4em 4em 4em 1em
}

@media only screen and (min-width: 45em) {
    .about-box__content {
        padding:4em;
        max-width: 45em
    }
}

@media only screen and (min-width: 65em) {
    .about-box__content {
        padding:6em
    }
}

.auction-card {
    position: relative;
    padding: 1em 1.5em;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 6px -2px rgba(16,46,59,.4)
}

.auction-card__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1em
}

.auction-card__header a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid #d7dcde
}

.auction-card__header a:focus:after,.auction-card__header a:hover:after {
    border: 1px solid #06b2a5
}

.auction-card__footer {
    margin-left: -1em
}

.auction-card__footer>* {
    margin-left: 1em;
    white-space: nowrap
}

.auction-card__icon {
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    margin-top: .25em
}

.auction-card__stock {
    font-weight: 600
}

.hero {
   
    line-height: 1.25
}

.hero__inner {
   
}

.hero p {
    font-size: 1.25em;
    color: #8ddcd6
}

@media only screen and (min-width: 45em) {
    .lot-detail {
        padding-left:2em
    }
}

.lot-detail__logo {
    max-width: 40%
}

.lot-detail__auction-meta {
    font-size: 1.25em
}

.lot-detail__description {
    max-width: 24em
}

.lot-detail__description>*+* {
    margin-top: .5em
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em 0
}

@media only screen and (min-width: 45em) {
    .pagination {
        -ms-flex-pack:end;
        justify-content: flex-end
    }
}

.pagination>*+* {
    margin-left: .5em
}

.pagination>* {
    margin-top: .5em
}

.pagination__item {
    width: 3em;
    padding: 1em
}

.site-nav {
    font-size: 1.25em
}

.site-nav__nav {
    position: fixed;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    opacity: 0;
    background: #102e3b;
    transition: opacity .2s ease-in-out .2s,z-index 0s linear .4s
}

/* Open state */
.site-nav__nav.is-open {
    opacity: 1;
    z-index: 9999;
    transform: translateX(0);
    transition:
        transform .3s ease,
        opacity .2s ease;
}

.site-nav__link {
    color: white;
    font-size: 18px;
}

@media only screen and (min-width: 65em) {
    .site-nav__nav {
        position:static;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: auto;
        height: auto;
        opacity: 1;
        background: transparent
    }
}

.site-nav__toggle {
    position: relative;
    z-index: 100
}

.site-nav__link {
    display: block;
    font-size: 1.25em;
    padding: 1em 1.75em;
    font-weight: 600;
    text-decoration: none;
    transition: all .3s ease-in-out;
    transform: translateX(50%);
    opacity: 0
}

.is-open .site-nav__link {
    transform: translateX(0);
    opacity: 1
}

@media only screen and (min-width: 65em) {
    .site-nav__link {
        display:inline-block;
        transform: translateX(0);
        padding: 1em .75em;
        font-size: 1em;
        opacity: 1
    }
}

.site-nav__link:first-child {
    transition-delay: 50ms
}

@media only screen and (min-width: 65em) {
    .site-nav__link:first-child {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(2) {
    transition-delay: .1s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(2) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(3) {
    transition-delay: .15s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(3) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(4) {
    transition-delay: .2s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(4) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(5) {
    transition-delay: .25s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(5) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(6) {
    transition-delay: .3s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(6) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(7) {
    transition-delay: .35s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(7) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(8) {
    transition-delay: .4s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(8) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(9) {
    transition-delay: .45s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(9) {
        transition-delay:0s
    }
}

.site-nav__link:nth-child(10) {
    transition-delay: .5s
}

@media only screen and (min-width: 65em) {
    .site-nav__link:nth-child(10) {
        transition-delay:0s
    }
}

.site-nav__link.is-active,.site-nav__link:focus,.site-nav__link:hover {
    color: #06b2a5
}

@media only screen and (min-width: 0) and (max-width:64.99em) {
    .js-mobile-nav-open body {
        overflow-y:hidden;
        max-height: 100%
    }
}

.view-toggle__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .5em 1em;
    border: 0 none;
    font-family: work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    font-size: 1em;
    line-height: 1;
    color: #28434f;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    transition: all .2s ease-in-out;
    opacity: .5
}

.view-toggle__btn.is-active,.view-toggle__btn:focus,.view-toggle__btn:hover {
    opacity: 1
}

.view-toggle .icon {
    padding: .125em .25em;
    width: 2em;
    height: 1.75em;
    margin-right: .5em;
    border: 1px solid;
    border-radius: 4px;
    background: #fff
}

.filter {
    padding: 0
}

.filter__inner {
    padding: 1em 0 2em
}

.filter__toggle {
    transform: translateY(-50%)
}

.is-closed .filter__toggle {
    visibility: visible;
    transform: translateY(-50%)
}

.filter.is-closed {
    visibility: hidden;
    height: 0
}

::-webkit-input-placeholder {
    color: #708289
}

:-moz-placeholder,::-moz-placeholder {
    color: #708289
}

:-ms-input-placeholder {
    color: #708289
}

.form__row {
    overflow: visible
}

.form__row~.form__row {
    margin-top: 1.5em
}

.form__label {
    display: block;
    margin-bottom: .5em
}

.form__row--error .form__label {
    color: #b22e06
}

.form__label--inline {
    margin: 0
}

.form__field {
    background: #fff;
    box-shadow: none;
    border: 1px solid #d7dcde;
    border-radius: 6px;
    padding: .8em 1em;
    font-size: 16px;
    font-family: work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    color: #102e3b;
    width: 100%;
    transition: all .3s ease-in-out;
    -webkit-appearance: none
}

.form__field:focus,.form__field:hover {
    outline: none;
    border-color: #06b2a5
}

.form__field--textarea {
    resize: vertical
}

.form__field--file {
    color: #102e3b
}

.form__row--error .form__field,.form__row--error .form__field:focus {
    border-color: #b22e06
}

.form__error-msg {
    color: #b22e06;
    margin-top: .5em;
    display: none
}

.form__row--error .form__error-msg {
    display: block
}

.form__hp {
    display: none
}

.form__btn-align {
    margin-top: 1.5em
}

.lot-listing {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    margin:2em;
}

@media only screen and (min-width: 65em) {
    .lot-listing {
        -ms-flex-direction:row;
        flex-direction: row
    }
}

.lot-listing__nama {
    -ms-flex-order: -1;
    order: -1;
    margin-right: 1em;
    font-size: .8em;
    width: 4em;
    padding: .25em 1em .25em .25em
}

@media only screen and (min-width: 65em) {
    .lot-listing__nama {
        position:absolute;
        top: auto;
        left: 0;
        top: 1em;
        width: 3.5em;
        font-size: 1em;
        -ms-flex-order: initial;
        order: 0
    }
}

.lot-listing--condensed .lot-listing__nama {
    -ms-flex-order: -1;
    order: -1;
    position: static
}

.lot-listing__body,.lot-listing__fig {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.lot-listing__fig>img {
    display: none;
    margin: 2em 0
}

@media only screen and (min-width: 45em) {
    .lot-listing__fig {
        display:-ms-flexbox;
        display: flex;
        position: absolute;
        right: 0;
        width: 12em
    }

    .lot-listing__fig>img {
        display: block
    }
}

@media only screen and (min-width: 65em) {
    .lot-listing__fig {
        position:static;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        max-width: 20%
    }
}

@media only screen and (min-width: 95em) {
    .lot-listing__fig {
        max-width:16.5%
    }
}

@media only screen and (min-width: 45em) {
    .lot-listing--condensed .lot-listing__fig {
        width:auto
    }
}

.lot-listing--condensed .lot-listing__fig>img {
    display: none
}

@media only screen and (min-width: 65em) {
    .lot-listing--condensed .lot-listing__fig {
        position:absolute
    }
}

.lot-listing__imgs {
    color: #fff;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #06b2a5;
    padding: .25em .5em;
    bottom: 2.5em;
    left: 0
}

.lot-listing__imgs>.icon {
    margin-right: .5em
}

@media only screen and (min-width: 45em) {
    .lot-listing__imgs {
        position:absolute
    }
}

@media only screen and (min-width: 65em) {
    .lot-listing__imgs {
        bottom:1em
    }
}

.lot-listing--condensed .lot-listing__imgs {
    position: static
}

.lot-listing__body {
    padding: 1em 1.5em;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%
}

@media only screen and (min-width: 45em) {
    .lot-listing__body {
        max-width:70%
    }
}

@media only screen and (min-width: 65em) {
    .lot-listing__body {
        -ms-flex:0 1 60%;
        flex: 0 1 60%;
        padding: 2em
    }
}

.lot-listing--condensed .lot-listing__body {
    max-width: none;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    padding: 1em 1.5em
}

.lot-listing__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 1em;
    transform: translateX(-1.5em)
}

@media only screen and (min-width: 65em) {
    .lot-listing__header {
        transform:none
    }
}

.lot-listing--condensed .lot-listing__header {
    -ms-flex-order: -1;
    order: -1
}

@media only screen and (min-width: 65em) {
    .lot-listing--condensed .lot-listing__header {
        transform:translateX(-1.5em)
    }
}

.lot-listing__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1em 1.5em;
    border-top: 1px solid #d7dcde
}

@media only screen and (min-width: 25em) {
    .lot-listing__footer {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 65em) {
    .lot-listing__footer {
        padding:2em;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top: 0 none;
        border-left: 1px solid #d7dcde
    }
}

.lot-listing--condensed .lot-listing__footer {
    padding: 1em 1.5em
}

@media only screen and (min-width: 65em) {
    .lot-listing--condensed .lot-listing__footer {
        -ms-flex-pack:center;
        justify-content: center
    }
}

.lot-listing__auction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1em
}

@media only screen and (min-width: 25em) {
    .lot-listing__auction {
        margin-bottom:0
    }
}

.lot-listing__auction-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: .5em
}

.lot-listing__auction-name>img {
    width: 1.5em
}

@media only screen and (min-width: 65em) {
    .lot-listing__auction-name>img {
        width:2.5em
    }
}

.lot-listing__auction-name>*+* {
    margin-left: .5em
}

.lot-listing .btn:after {
    content: "";
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid #d7dcde;
    transition: border-color .2s ease-in-out
}

.lot-listing .btn:focus:after,.lot-listing .btn:hover:after {
    border-color: #06b2a5
}

@media only screen and (min-width: 65em) {
    .lot-listing--condensed .info-list__item {
        -ms-flex:1 1 45%;
        flex: 1 1 45%
    }
}

.lot-listing--condensed .btn {
    visibility: hidden;
    height: 0;
    padding: 0
}

.site-footer__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 45em) {
    .site-footer__inner {
        -ms-flex-align:center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.site-footer__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.site-footer__nav>* {
    text-decoration: none
}

.site-footer__nav>:focus,.site-footer__nav>:hover {
    opacity: .5
}

.site-footer__nav>:first-child {
    margin-right: 2em
}

.site-footer__nav>*+* {
    margin-left: 1em
}

.site-footer__copyright {
    opacity: .5;
    text-align: right
}

.site-header {
    background: #102e3b url(/media/gglfkyjg/merc-tint.jpg) 50% no-repeat;
    background-size: cover
}

.site-header--vans {
    background-image: url(/images/van-tint.jpg)
}

.site-header--trucks {
    background-image: url(/images/truck-tint.jpg)
}

.site-header--plant {
    background-image: url(/images/plant-tint.jpg)
}

.site-header--motorcycles {
    background-image: url(/images/motorcycle-tint.jpg)
}

.site-header--wav {
    background-image: url(/images/wav-tint2.jpg)
}

.site-header__inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.detail__gallery-thumbs .slick-slide {
    opacity: .75;
    border: 2px solid #fff
}

.detail__gallery-thumbs .slick-slide.slick-current {
    opacity: 1
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-arrow {
    position: absolute;
    top: 0;
    z-index: 99;
    height: 100%;
    width: 2.5em;
    border: 0 none;
    background: #fff;
    opacity: .5;
    overflow: hidden
}

.slick-arrow>svg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: translateY(-50%)
}

.slick-prev {
    left: 0
}

.slick-next {
    right: 0
}

.hidden {
    display: none!important;
    visibility: hidden
}

@media only screen and (min-width: 0) and (max-width:24.99em) {
    .hidden--xs {
        display:none!important;
        visibility: hidden
    }
}

@media only screen and (min-width: 25em) and (max-width:44.99em) {
    .hidden--s {
        display:none!important;
        visibility: hidden
    }
}

@media only screen and (min-width: 45em) and (max-width:64.99em) {
    .hidden--m {
        display:none!important;
        visibility: hidden
    }
}

@media only screen and (min-width: 65em) and (max-width:94.99em) {
    .hidden--l {
        display:none!important;
        visibility: hidden
    }
}

@media only screen and (min-width: 95em) and (max-width:119.99em) {
    .hidden--xl {
        display:none!important;
        visibility: hidden
    }
}

@media only screen and (min-width: 120em) {
    .hidden--xxl {
        display:none!important;
        visibility: hidden
    }
}

.js .hidden--js,.no-js .hidden--no-js {
    display: none!important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.center {
    text-align: center;
    margin: 0 auto
}

.bold {
    font-weight: 600
}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

/*# sourceMappingURL=style.min.css.map */

        
        


.umb-block-grid__layout-container {
    min-width: 0; 
    position: relative;
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);

    -moz-column-gap: var(--umb-block-grid--column-gap, 0);

         column-gap: var(--umb-block-grid--column-gap, 0);
    row-gap: var(--umb-block-grid--row-gap, 0);
    padding: 3em;
}
.umb-block-grid__layout-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 0; 
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1);
}


.umb-block-grid__area-container, .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);

    -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);

         column-gap: var(--umb-block-grid--areas-column-gap, 0);
    row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
}

@media (min-width:1024px) {
    .umb-block-grid__layout-item {
        grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
    }
    .umb-block-grid__area {
        grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
    }
}




[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide,.hide {
    display: none !important
}


@media (min-width: 1040px) {
  .hamburger {
    display: block !important;
  }
}


   * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
            color: #102e3b;
        }

        .site-header {
            background: #102e3b;
            color: #fff;
            padding: 1em 0;
        }

        .site-header__inner {
            max-width: 90em;
            margin: 0 auto;
            padding: 0 1em;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            width: 200px;
            z-index: 1001;
        }

        .logo img {
            width: 100%;
            display: block;
        }

        /* Hamburger Menu Button */
        .site-nav__toggle {
            display: block;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0.5em;
            z-index: 1001;
            position: relative;
        }

        .hamburger {
            width: 30px;
            height: 3px;
            background: #fff;
            position: relative;
            transition: all 0.3s ease;
            
        }

        .hamburger::before,
        .hamburger::after {
            content: '';
            position: absolute;
            width: 30px;
            height: 3px;
            background: #fff;
            transition: all 0.3s ease;
        }

        .hamburger::before {
            top: -8px;
        }

        .hamburger::after {
            bottom: -8px;
        }

        /* Animated hamburger to X */
        .site-nav__toggle.is-active .hamburger {
            background: transparent;
        }

        .site-nav__toggle.is-active .hamburger::before {
            top: 0;
            transform: rotate(45deg);
        }

        .site-nav__toggle.is-active .hamburger::after {
            bottom: 0;
            transform: rotate(-45deg);
        }

        /* Mobile Navigation */
        .site-nav__nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: #102e3b;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-100%);
            transition: all 0.3s ease;
        }

        .site-nav__nav.is-open {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .site-nav__link {
            color: #fff;
            text-decoration: none;
            font-size: 1.5em;
            font-weight: 600;
            padding: 1em 2em;
            display: block;
            width: 100%;
            text-align: center;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateX(-50px);
        }

        .site-nav__nav.is-open .site-nav__link {
            opacity: 1;
            transform: translateX(0);
        }

        /* Stagger animation */
        .site-nav__nav.is-open .site-nav__link:nth-child(1) { transition-delay: 0.05s; }
        .site-nav__nav.is-open .site-nav__link:nth-child(2) { transition-delay: 0.1s; }
        .site-nav__nav.is-open .site-nav__link:nth-child(3) { transition-delay: 0.15s; }
        .site-nav__nav.is-open .site-nav__link:nth-child(4) { transition-delay: 0.2s; }
        .site-nav__nav.is-open .site-nav__link:nth-child(5) { transition-delay: 0.25s; }
        .site-nav__nav.is-open .site-nav__link:nth-child(6) { transition-delay: 0.3s; }

        .site-nav__link:hover,
        .site-nav__link:focus {
            color: #06b2a5;
        }
        
        .site-nav__link--active {
        color: #06b2a5;
        }

        /* Desktop Navigation */
        @media only screen and (min-width: 65em) {
            .site-nav__toggle {
                display: none;
            }

            .site-nav__nav {
                position: static;
                width: auto;
                height: auto;
                flex-direction: row;
                justify-content: flex-end;
                background: transparent;
                opacity: 1;
                visibility: visible;
                transform: none;
            }

            .site-nav__link {
                font-size: 1em;
                padding: 1em 0.75em;
                width: auto;
                opacity: 1;
                transform: none;
            }
        }

        /* Prevent scrolling when menu is open on mobile */
        body.menu-open {
            overflow: hidden;
        }

.mileage-slider-container {
    background: #ffffff;
    font-family: work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    color: #102e3b;
    border-radius: 6px;
}
.range-track {
  position: absolute;
  top: 22px;  
  left: 0;
  right: 0;
  height: 6px;
  background: #ccc;
  border-radius: 3px;
  z-index: 1;
  pointer-events: none;
}
.range-track-fill {
    position: absolute;
  top: 22px;
  height: 6px;
  background: #038480;
  border-radius: 3px;
  z-index: 2;
  pointer-events: none;
}
.range-slider {
    appearance: none;
  background: none;
  height: 30px;
  pointer-events: none; /* Make the entire slider non-interactive */
}
.range-slider::-webkit-slider-thumb {
   appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #038480;
  border: 2px solid white;
  cursor: pointer;
  margin-top: -7px;
  pointer-events: auto; /* Only the thumb circle is clickable */
}
.range-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: default;
    background: transparent;
    pointer-events: none; /* Track is not clickable */
}
.range-slider::-moz-range-thumb {
   width: 18px;
    height: 18px;
    background: #038480;
    border: 2px solid white;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto; /* Only the thumb circle is clickable */
}
/* hide Firefox track */
.range-slider::-moz-range-track {
    background: transparent;
    pointer-events: none; /* Track is not clickable */
}
/* Selected (white) range overlay */
.mileage-selected-range {
    position: absolute;
    top: 50%;
    height: 4px;
    background: white;      /* selected part */
    transform: translateY(-50%);
    border-radius: 2px;
}


.dropdown-content {
    max-height: 200px;      
    overflow-y: auto;       
    border: 1px solid #ccc; 
    padding: 5px;           
    background: #fff;       
    z-index: 1000;          
}

.dropdown-content::-webkit-scrollbar {
    width: 6px;
}

.dropdown-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.swiper-navigation-icon{
    color: dodgerblue;
}
.selected-tags {
  display: flex;
  flex-wrap: wrap;       
  gap: 0.5rem;           
  margin-bottom: 0.5rem;
}

.tag {
  display: inline-flex;  
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.25rem 0.75rem;
  white-space: normal;  
  font-size: 0.9rem;
}

.remove-tag {
  background: none;
  border: none;
  color: #333;
  margin-left: 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
}

.remove-tag:hover {
  color: red;
}

.adBanner
{
    
    background-position: center;
    width: 100%;
    padding: 2em;
}

.adImg
{
    box-shadow: 2px 2px #102e3b;
    
}

.auctionBlock
{
    flex-direction: column;
    height: 160px;
    justify-content: space-between;
    margin-bottom: 20px;
    text-decoration: none!important;
    padding:2em;
}

.auctionBlock a
{
    text-decoration: none!important;
}


.auctionsWrap img {
    width: 100%;          
    max-width: 100%;     
    height: auto;         
    display: block;
}



.auctionsWrap
{
    width: 100%;
    max-width: 120px;
    height: 80px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    
}

.auctionName
{
    padding:20px 0 10px;
    color: #20232E;
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle;
    height:50px;
}

.auctionWebsite
{
    color: #666;
    font-size:14px;
    height: 50px;
    vertical-align:middle;
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
    
}



.multifilter
{
    background-color:white;
    color:#102e3b;
    border-radius:6px;
    font-family:work-sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
    font-size:16px;
    padding:0.8em;
    position: relative;
    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
    box-sizing: border-box;
    
    width: auto;      
    min-width: 0;        
    max-width: 100%;         
    
}

.dropdown-content
{
    position: absolute;
    background-color:white;
    z-index:1;
    width:320px;
}

.twoThirds {
    width:65%;
}

.oneThirds {
    width:30%;
}

.auctionIcon
{
    height:52px!important;
    width:75px!important;
}

.section--less-pad {
    padding: 2em 0
}

.section--less-pad .heading--title {
    padding-left: 2em
}

.auction-logo-link {
    margin: 0 auto
}

option,.heading--listing,.heading--title {
    text-transform: uppercase
}

#footer-logo {
    height: 63px
}

#home-search:hover {
    cursor: pointer
}

.loading {
    text-align: center
}

.loading-text {
    letter-spacing: normal;
    margin-top: 10px;
    font-size: 20px
}

.auction-logo {
    max-height: 125px
}

.lot-detail__logo {
    max-height: 120px
}

#sale-loader {
    margin-bottom: 60px
}

#placeholder-image {
    display: none
}

.filter__toggle:hover,#apply-filter:hover,#reset-filter:hover {
    cursor: pointer
}

.lot-listing--condensed .no--grade--margin {
    margin-left: 3em
}

.plant--margin,.no--grade--margin {
    margin-left: 1em
}

.lot-listing--condensed .plant--margin {
    margin-left: 2em
}

.ug-slider-wrapper {
    background-color: #8ddcd6
}

.plant-item .lot-listing__body {
    position: relative
}

.lot-listing--condensed .plant-footer .lot-listing__auction-name {
    padding-top: 1em
}

.ug-slide-wrapper {
    cursor: zoom-in
}

.ug-thumb-wrapper:hover {
    cursor: pointer
}

.info-list__heading sup {
    font-size: 70%;
    vertical-align: super
}

#filter-button.basic-search {
    margin-bottom: -1.5em
}

.home--page--hero {
    letter-spacing: 0;
    margin-bottom: .5em
}

.top--hero {
    margin-bottom: .2em
}

.home--page--title {
    font-size: 4em;
    text-transform: lowercase;
    font-weight: bold
}

.home--page--subtitle {
    font-size: 2.2em;
    font-weight: 100
}

.select2-container .select2-search--inline .select2-search__field {
    padding: inherit
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
    padding-top: 5px;
    color: #102e3b
}

.select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    padding-top: 5px;
    color: #102e3b
}

.select2-container .select2-search--inline .select2-search__field:-moz-placeholder {
    padding-top: 5px;
    color: #102e3b
}

.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
    padding-top: 5px;
    color: #102e3b
}

.custom-select:after {
    opacity: 1
}

.select2-container--default .select2-selection--multiple {
    padding: .5em .5em .4em;
    outline: none;
    border-color: #06b2a5;
    border-radius: 6px;
    margin-bottom: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    background-color: #102e3b
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #8ddcd6
}

.advanced-search .select2-container--default {
    max-width: 100%
}

.lot-listing__nama {
    top: .5em;
    width: 4em
}

.lot-listing__nama.van-grade {
    top: .7em;
    width: 6em;
    padding-left: 0
}

.nama>img {
    width: auto;
    max-width: 60px
}

.nama.van-grade>img {
    max-width: 80px
}

.nama--1 {
    background-color: #29b463
}

.nama--2 {
    background-color: #a0ce61
}

.nama--3 {
    background-color: #fed403
}

.nama--4 {
    background-color: #eb8324
}

.nama--5 {
    background-color: #aa4942
}

.nama--u {
    background-color: #909599
}

#details-grade .nama>img {
    width: auto;
    max-width: 80px
}

#details-grade .nama--G1,#details-grade .nama--G2,#details-grade .nama--G3 {
    background-color: #f2aa2a
}

#details-grade .nama--S1,#details-grade .nama--S2,#details-grade .nama--S3 {
    background-color: #bcbcbc
}

#details-grade .nama--B1,#details-grade .nama--B2,#details-grade .nama--B3 {
    background-color: #cc8632
}

.grid__col__v12 {
    display: table-cell;
    margin left: 3em;
    
}

#v12LogoSection {
    background-image: url(../media/eqkfh0gw/v-backdrop.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70% 100%;
    padding-left: 0
}

#v12LogoSectionContent {
    font-family: AvenirThin,Lato;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    margin-top: 0;
    padding-top: 7%
}

#v12Logo {
    width: 40%;
    margin-bottom: 5%
}

#v12Link {
    position: relative;
    display: block;
    background: #f18819;
    margin-left: 35%;
    width: 30%;
    color: #fff;
    height: 55px;
    text-decoration: none
}

#v12LinkText {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 1.1em;
    font-weight: bold
}

#v12SpecificsSectionGrid {
    background: #fafafa
}

#v12SpecificsSection {
    font-family: AvenirThin,Lato;
    display: flex;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    width: 98%;
    height: 100%;
    margin-top: 0
}

.v12Specification {
    width: 50%;
    display: flex;
    margin-top: 2%
}

.v12SpecificationIconSection {
    display: inline-block;
    width: 25%;
    max-height: 70px
}

.v12SpecificationIconContainer {
    position: relative;
    width: 60%;
    padding-bottom: 60%;
    margin: .8em 0 0 1em;
    border: solid 1px #f5f4f5;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px grey
}

.v12SpecificationIcon {
    width: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.v12SpecificationDetails {
    display: inline-block;
    width: 75%;
    margin-left: .3em;
    color: #133250
}

.v12SpecificationDetailsHeader {
    font-weight: bold;
    font-size: 1.1em;
    padding: .7em 0 .3em 0
}

.v12SpecificationDetailsContent {
    margin-right: 1em
}

@media only screen and (min-width: 65em) {
    .plant-header {
        position:absolute;
        top: 2em
    }

    .lot-listing--condensed .plant-header {
        top: 1em
    }

    .plant--margin,.no--grade--margin {
        margin-left: 0
    }
}

@media only screen and (max-width: 75m) {
    #v12LinkText {
        font-size:.9em
    }
}

@media only screen and (max-width: 65em) {
    .grid__col__v12 {
        display:inline-block
    }

    #v12LogoSectionContent {
        padding-top: 5%
    }

    #v12Logo {
        width: 45%
    }

    #v12LogoSection {
        background-image: url(../media/fmzfqduc/v.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50% 100%;
        padding-left: 0;
        min-height: 250px
    }

    #v12Link {
        height: 30px;
        margin-bottom: 5%
    }

    #v12LinkText {
        font-size: .9em
    }

    #v12SpecificsSection {
        margin-left: 1%;
        margin-bottom: 10px
    }

    .lot-listing__nama {
        overflow: hidden;
        padding-right: 40px
    }
}

@media only screen and (max-width: 45em) {
    .home--page--title {
        font-size:3.5em
    }

    .home--page--subtitle {
        font-size: 1.9em
    }

    #footer-logo {
        height: 43px
    }

    .site-footer__nav {
        flex-wrap: wrap;
        justify-content: flex-end;
        margin-bottom: 1em
    }

    .site-footer__nav>:first-child {
        margin-right: 0
    }

    .site-footer__nav>:nth-child(2) {
        margin-left: 0
    }

    .section--less-pad {
        padding: 1em 0
    }

    .section--less-pad .copy {
        padding: 0 1em
    }

    .section--less-pad .heading--title {
        padding-left: .5em
    }

    .grid--tight .grid__col {
        margin-bottom: 5px
    }

    .select2 {
        width: 100% !important
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin-top: 0;
        font-size: initial
    }

    .select2-container--default .select2-selection--multiple {
        padding: .8em
    }

    .select2-container .select2-search--inline .select2-search__field {
        font-size: 140%
    }

    .select2-results__option {
        padding: 8px;
        font-size: initial
    }

    .lot-listing__nama.van-grade {
        width: 8em
    }

    .nama.van-grade>img {
        max-width: initial;
        width: 62px
    }
}

.header1 {
    font-size: 3.125em;
    font-weight: 600
}

.header2 {
    font-size: 1.875em;
    font-weight: 600
}

.header3 {
    font-size: 1.45em;
    font-weight: 600
}