dropin-minimal-css/src/pavilion.css

/**
  * Pavilion CSS Framework
  * Version: 2.0.3
  * Website: http://www.pavilion.io
  * License: MIT
  */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 10px;
}

@media (min-width: 768px) {
    html {
        font-size: 15px;
    }
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.45;
    color: #333333;
    font-size: 16px;
}

@media (min-width: 768px) {
    body {
        font-size: 18px;
    }
}

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

.container,
.container-full-width,
.container-pp,
.container-pl,
.container-tp,
.container-tl {
    margin: 0 auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 768px) {
    .container,
  .container-full-width,
  .container-pp,
  .container-pl,
  .container-tp,
  .container-tl {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.container:before,
.container-full-width:before,
.container-pp:before,
.container-pl:before,
.container-tp:before,
.container-tl:before {
    content: " ";
    display: table;
}

.container:after,
.container-full-width:after,
.container-pp:after,
.container-pl:after,
.container-tp:after,
.container-tl:after {
    content: " ";
    display: table;
    clear: both;
}

@media (min-width: 540px) {
    .container,
  .container-tl,
  .container-tp,
  .container-pl {
        max-width: 520px;
    }
}

@media (min-width: 768px) {
    .container,
  .container-tl,
  .container-tp {
        max-width: 748px;
    }
}

@media (min-width: 991px) {
    .container,
  .container-tl {
        max-width: 971px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
}

.row {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

@media (min-width: 768px) {
    .row {
        margin-right: -1rem;
        margin-left: -1rem;
    }
}

.row:before {
    content: " ";
    display: table;
}

.row:after {
    content: " ";
    display: table;
    clear: both;
}

.row .col-pp-10,
.row .col-pp-20,
.row .col-pp-25,
.row .col-pp-30,
.row .col-pp-33,
.row .col-pp-40,
.row .col-pp-50,
.row .col-pp-60,
.row .col-pp-70,
.row .col-pp-66,
.row .col-pp-75,
.row .col-pp-80,
.row .col-pp-90,
.row .col-pp-100,
.row .col-pl-10,
.row .col-pl-20,
.row .col-pl-25,
.row .col-pl-30,
.row .col-pl-33,
.row .col-pl-40,
.row .col-pl-50,
.row .col-pl-60,
.row .col-pl-66,
.row .col-pl-70,
.row .col-pl-75,
.row .col-pl-80,
.row .col-pl-90,
.row .col-pl-100,
.row .col-tp-10,
.row .col-tp-20,
.row .col-tp-25,
.row .col-tp-30,
.row .col-tp-33,
.row .col-tp-40,
.row .col-tp-50,
.row .col-tp-60,
.row .col-tp-66,
.row .col-tp-70,
.row .col-tp-75,
.row .col-tp-80,
.row .col-tp-90,
.row .col-tp-100,
.row .col-tl-10,
.row .col-tl-20,
.row .col-tl-25,
.row .col-tl-30,
.row .col-tl-33,
.row .col-tl-40,
.row .col-tl-50,
.row .col-tl-60,
.row .col-tl-66,
.row .col-tl-70,
.row .col-tl-75,
.row .col-tl-80,
.row .col-tl-90,
.row .col-tl-100,
.row .col-dt-10,
.row .col-dt-20,
.row .col-dt-25,
.row .col-dt-30,
.row .col-dt-33,
.row .col-dt-40,
.row .col-dt-50,
.row .col-dt-60,
.row .col-dt-66,
.row .col-dt-70,
.row .col-dt-75,
.row .col-dt-80,
.row .col-dt-90,
.row .col-dt-100 {
    position: relative;
    width: 100%;
    float: left;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 768px) {
    .row .col-pp-10,
  .row .col-pp-20,
  .row .col-pp-25,
  .row .col-pp-30,
  .row .col-pp-33,
  .row .col-pp-40,
  .row .col-pp-50,
  .row .col-pp-60,
  .row .col-pp-70,
  .row .col-pp-66,
  .row .col-pp-75,
  .row .col-pp-80,
  .row .col-pp-90,
  .row .col-pp-100,
  .row .col-pl-10,
  .row .col-pl-20,
  .row .col-pl-25,
  .row .col-pl-30,
  .row .col-pl-33,
  .row .col-pl-40,
  .row .col-pl-50,
  .row .col-pl-60,
  .row .col-pl-66,
  .row .col-pl-70,
  .row .col-pl-75,
  .row .col-pl-80,
  .row .col-pl-90,
  .row .col-pl-100,
  .row .col-tp-10,
  .row .col-tp-20,
  .row .col-tp-25,
  .row .col-tp-30,
  .row .col-tp-33,
  .row .col-tp-40,
  .row .col-tp-50,
  .row .col-tp-60,
  .row .col-tp-66,
  .row .col-tp-70,
  .row .col-tp-75,
  .row .col-tp-80,
  .row .col-tp-90,
  .row .col-tp-100,
  .row .col-tl-10,
  .row .col-tl-20,
  .row .col-tl-25,
  .row .col-tl-30,
  .row .col-tl-33,
  .row .col-tl-40,
  .row .col-tl-50,
  .row .col-tl-60,
  .row .col-tl-66,
  .row .col-tl-70,
  .row .col-tl-75,
  .row .col-tl-80,
  .row .col-tl-90,
  .row .col-tl-100,
  .row .col-dt-10,
  .row .col-dt-20,
  .row .col-dt-25,
  .row .col-dt-30,
  .row .col-dt-33,
  .row .col-dt-40,
  .row .col-dt-50,
  .row .col-dt-60,
  .row .col-dt-66,
  .row .col-dt-70,
  .row .col-dt-75,
  .row .col-dt-80,
  .row .col-dt-90,
  .row .col-dt-100 {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

.row .col-pp-10 {
    width: 10%;
}

.row .col-pp-20 {
    width: 20%;
}

.row .col-pp-25 {
    width: 25%;
}

.row .col-pp-30 {
    width: 30%;
}

.row .col-pp-33 {
    width: 33.3333%;
}

.row .col-pp-40 {
    width: 40%;
}

.row .col-pp-50 {
    width: 50%;
}

.row .col-pp-60 {
    width: 60%;
}

.row .col-pp-66 {
    width: 66.6666%;
}

.row .col-pp-70 {
    width: 70%;
}

.row .col-pp-75 {
    width: 75%;
}

.row .col-pp-80 {
    width: 80%;
}

.row .col-pp-90 {
    width: 90%;
}

.row .col-pp-100 {
    width: 100%;
}

@media (min-width: 540px) {
    .row .col-pl-10 {
        width: 10%;
    }

    .row .col-pl-20 {
        width: 20%;
    }

    .row .col-pl-25 {
        width: 25%;
    }

    .row .col-pl-30 {
        width: 30%;
    }

    .row .col-pl-33 {
        width: 33.3333%;
    }

    .row .col-pl-40 {
        width: 40%;
    }

    .row .col-pl-50 {
        width: 50%;
    }

    .row .col-pl-60 {
        width: 60%;
    }

    .row .col-pl-66 {
        width: 66.6666%;
    }

    .row .col-pl-70 {
        width: 70%;
    }

    .row .col-pl-75 {
        width: 75%;
    }

    .row .col-pl-80 {
        width: 80%;
    }

    .row .col-pl-90 {
        width: 90%;
    }

    .row .col-pl-100 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .row .col-tp-10 {
        width: 10%;
    }

    .row .col-tp-20 {
        width: 20%;
    }

    .row .col-tp-25 {
        width: 25%;
    }

    .row .col-tp-30 {
        width: 30%;
    }

    .row .col-tp-33 {
        width: 33.3333%;
    }

    .row .col-tp-40 {
        width: 40%;
    }

    .row .col-tp-50 {
        width: 50%;
    }

    .row .col-tp-60 {
        width: 60%;
    }

    .row .col-tp-66 {
        width: 66.6666%;
    }

    .row .col-tp-70 {
        width: 70%;
    }

    .row .col-tp-75 {
        width: 75%;
    }

    .row .col-tp-80 {
        width: 80%;
    }

    .row .col-tp-90 {
        width: 90%;
    }

    .row .col-tp-100 {
        width: 100%;
    }
}

@media (min-width: 991px) {
    .row .col-tl-10 {
        width: 10%;
    }

    .row .col-tl-20 {
        width: 20%;
    }

    .row .col-tl-25 {
        width: 25%;
    }

    .row .col-tl-30 {
        width: 30%;
    }

    .row .col-tl-33 {
        width: 33.3333%;
    }

    .row .col-tl-40 {
        width: 40%;
    }

    .row .col-tl-50 {
        width: 50%;
    }

    .row .col-tl-60 {
        width: 60%;
    }

    .row .col-tl-66 {
        width: 66.6666%;
    }

    .row .col-tl-70 {
        width: 70%;
    }

    .row .col-tl-75 {
        width: 75%;
    }

    .row .col-tl-80 {
        width: 80%;
    }

    .row .col-tl-90 {
        width: 90%;
    }

    .row .col-tl-100 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .row .col-dt-10 {
        width: 10%;
    }

    .row .col-dt-20 {
        width: 20%;
    }

    .row .col-dt-25 {
        width: 25%;
    }

    .row .col-dt-30 {
        width: 30%;
    }

    .row .col-dt-33 {
        width: 33.3333%;
    }

    .row .col-dt-40 {
        width: 40%;
    }

    .row .col-dt-50 {
        width: 50%;
    }

    .row .col-dt-60 {
        width: 60%;
    }

    .row .col-dt-66 {
        width: 66.6666%;
    }

    .row .col-dt-70 {
        width: 70%;
    }

    .row .col-dt-75 {
        width: 75%;
    }

    .row .col-dt-80 {
        width: 80%;
    }

    .row .col-dt-90 {
        width: 90%;
    }

    .row .col-dt-100 {
        width: 100%;
    }
}

@media (max-width: 539px) {
    .offset-pp-10 {
        margin-left: 10%;
    }

    .offset-pp-20 {
        margin-left: 20%;
    }

    .offset-pp-25 {
        margin-left: 25%;
    }

    .offset-pp-30 {
        margin-left: 30%;
    }

    .offset-pp-33 {
        margin-left: 33.3333%;
    }

    .offset-pp-40 {
        margin-left: 40%;
    }

    .offset-pp-50 {
        margin-left: 50%;
    }

    .offset-pp-60 {
        margin-left: 60%;
    }

    .offset-pp-66 {
        margin-left: 66.6666%;
    }

    .offset-pp-70 {
        margin-left: 70%;
    }

    .offset-pp-75 {
        margin-left: 75%;
    }

    .offset-pp-80 {
        margin-left: 80%;
    }

    .offset-pp-90 {
        margin-left: 90%;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .offset-pl-10 {
        margin-left: 10%;
    }

    .offset-pl-20 {
        margin-left: 20%;
    }

    .offset-pl-25 {
        margin-left: 25%;
    }

    .offset-pl-30 {
        margin-left: 30%;
    }

    .offset-pl-33 {
        margin-left: 33.3333%;
    }

    .offset-pl-40 {
        margin-left: 40%;
    }

    .offset-pl-50 {
        margin-left: 50%;
    }

    .offset-pl-60 {
        margin-left: 60%;
    }

    .offset-pl-66 {
        margin-left: 66.6666%;
    }

    .offset-pl-70 {
        margin-left: 70%;
    }

    .offset-pl-75 {
        margin-left: 75%;
    }

    .offset-pl-80 {
        margin-left: 80%;
    }

    .offset-pl-90 {
        margin-left: 80%;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .offset-tp-10 {
        margin-left: 10%;
    }

    .offset-tp-20 {
        margin-left: 20%;
    }

    .offset-tp-25 {
        margin-left: 25%;
    }

    .offset-tp-30 {
        margin-left: 30%;
    }

    .offset-tp-33 {
        margin-left: 33.3333%;
    }

    .offset-tp-40 {
        margin-left: 40%;
    }

    .offset-tp-50 {
        margin-left: 50%;
    }

    .offset-tp-60 {
        margin-left: 60%;
    }

    .offset-tp-66 {
        margin-left: 66.6666%;
    }

    .offset-tp-70 {
        margin-left: 70%;
    }

    .offset-tp-75 {
        margin-left: 75%;
    }

    .offset-tp-80 {
        margin-left: 80%;
    }

    .offset-tp-90 {
        margin-left: 90%;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .offset-tl-10 {
        margin-left: 10%;
    }

    .offset-tl-20 {
        margin-left: 20%;
    }

    .offset-tl-25 {
        margin-left: 25%;
    }

    .offset-tl-30 {
        margin-left: 30%;
    }

    .offset-tl-33 {
        margin-left: 33.3333%;
    }

    .offset-tl-40 {
        margin-left: 40%;
    }

    .offset-tl-50 {
        margin-left: 50%;
    }

    .offset-tl-60 {
        margin-left: 60%;
    }

    .offset-tl-66 {
        margin-left: 66.6666%;
    }

    .offset-tl-70 {
        margin-left: 70%;
    }

    .offset-tl-75 {
        margin-left: 75%;
    }

    .offset-tl-80 {
        margin-left: 80%;
    }

    .offset-tl-90 {
        margin-left: 90%;
    }
}

@media (min-width: 1200px) {
    .offset-dt-10 {
        margin-left: 10%;
    }

    .offset-dt-20 {
        margin-left: 20%;
    }

    .offset-dt-25 {
        margin-left: 25%;
    }

    .offset-dt-30 {
        margin-left: 30%;
    }

    .offset-dt-33 {
        margin-left: 33.3333%;
    }

    .offset-dt-40 {
        margin-left: 40%;
    }

    .offset-dt-50 {
        margin-left: 50%;
    }

    .offset-dt-60 {
        margin-left: 60%;
    }

    .offset-dt-66 {
        margin-left: 66.6666%;
    }

    .offset-dt-70 {
        margin-left: 70%;
    }

    .offset-dt-75 {
        margin-left: 75%;
    }

    .offset-dt-80 {
        margin-left: 80%;
    }

    .offset-dt-90 {
        margin-left: 90%;
    }
}

@media (max-width: 539px) {
    .push-pp-10 {
        left: 10%;
    }

    .push-pp-20 {
        left: 20%;
    }

    .push-pp-25 {
        left: 25%;
    }

    .push-pp-30 {
        left: 30%;
    }

    .push-pp-33 {
        left: 33.3333%;
    }

    .push-pp-40 {
        left: 40%;
    }

    .push-pp-50 {
        left: 50%;
    }

    .push-pp-60 {
        left: 60%;
    }

    .push-pp-66 {
        left: 66.6666%;
    }

    .push-pp-70 {
        left: 70%;
    }

    .push-pp-75 {
        left: 75%;
    }

    .push-pp-80 {
        left: 80%;
    }

    .push-pp-90 {
        left: 90%;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .push-pl-10 {
        left: 10%;
    }

    .push-pl-20 {
        left: 20%;
    }

    .push-pl-25 {
        left: 25%;
    }

    .push-pl-30 {
        left: 30%;
    }

    .push-pl-33 {
        left: 33.3333%;
    }

    .push-pl-40 {
        left: 40%;
    }

    .push-pl-50 {
        left: 50%;
    }

    .push-pl-60 {
        left: 60%;
    }

    .push-pl-66 {
        left: 66.6666%;
    }

    .push-pl-70 {
        left: 70%;
    }

    .push-pl-75 {
        left: 75%;
    }

    .push-pl-80 {
        left: 80%;
    }

    .push-pl-90 {
        left: 90%;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .push-tp-10 {
        left: 10%;
    }

    .push-tp-20 {
        left: 20%;
    }

    .push-tp-25 {
        left: 25%;
    }

    .push-tp-30 {
        left: 30%;
    }

    .push-tp-33 {
        left: 33.3333%;
    }

    .push-tp-40 {
        left: 40%;
    }

    .push-tp-50 {
        left: 50%;
    }

    .push-tp-60 {
        left: 60%;
    }

    .push-tp-66 {
        left: 66.6666%;
    }

    .push-tp-70 {
        left: 70%;
    }

    .push-tp-75 {
        left: 75%;
    }

    .push-tp-80 {
        left: 80%;
    }

    .push-tp-90 {
        left: 90%;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .push-tl-10 {
        left: 10%;
    }

    .push-tl-20 {
        left: 20%;
    }

    .push-tl-25 {
        left: 25%;
    }

    .push-tl-30 {
        left: 30%;
    }

    .push-tl-33 {
        left: 33.3333%;
    }

    .push-tl-40 {
        left: 40%;
    }

    .push-tl-50 {
        left: 50%;
    }

    .push-tl-60 {
        left: 60%;
    }

    .push-tl-66 {
        left: 66.6666%;
    }

    .push-tl-70 {
        left: 70%;
    }

    .push-tl-75 {
        left: 75%;
    }

    .push-tl-80 {
        left: 80%;
    }

    .push-tl-90 {
        left: 90%;
    }
}

@media (min-width: 1200px) {
    .push-dt-10 {
        left: 10%;
    }

    .push-dt-20 {
        left: 20%;
    }

    .push-dt-25 {
        left: 25%;
    }

    .push-dt-30 {
        left: 30%;
    }

    .push-dt-33 {
        left: 33.3333%;
    }

    .push-dt-40 {
        left: 40%;
    }

    .push-dt-50 {
        left: 50%;
    }

    .push-dt-60 {
        left: 60%;
    }

    .push-dt-66 {
        left: 66.6666%;
    }

    .push-dt-70 {
        left: 70%;
    }

    .push-dt-75 {
        left: 75%;
    }

    .push-dt-80 {
        left: 80%;
    }

    .push-dt-90 {
        left: 90%;
    }
}

@media (max-width: 539px) {
    .pull-pp-10 {
        right: 10%;
    }

    .pull-pp-20 {
        right: 20%;
    }

    .pull-pp-25 {
        right: 25%;
    }

    .pull-pp-30 {
        right: 30%;
    }

    .pull-pp-33 {
        right: 33.3333%;
    }

    .pull-pp-40 {
        right: 40%;
    }

    .pull-pp-50 {
        right: 50%;
    }

    .pull-pp-60 {
        right: 60%;
    }

    .pull-pp-66 {
        right: 66.6666%;
    }

    .pull-pp-70 {
        right: 70%;
    }

    .pull-pp-75 {
        right: 75%;
    }

    .pull-pp-80 {
        right: 80%;
    }

    .pull-pp-90 {
        right: 90%;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .pull-pl-10 {
        right: 10%;
    }

    .pull-pl-20 {
        right: 20%;
    }

    .pull-pl-25 {
        right: 25%;
    }

    .pull-pl-30 {
        right: 30%;
    }

    .pull-pl-33 {
        right: 33.3333%;
    }

    .pull-pl-40 {
        right: 40%;
    }

    .pull-pl-50 {
        right: 50%;
    }

    .pull-pl-60 {
        right: 60%;
    }

    .pull-pl-66 {
        right: 66.6666%;
    }

    .pull-pl-70 {
        right: 70%;
    }

    .pull-pl-75 {
        right: 75%;
    }

    .pull-pl-80 {
        right: 80%;
    }

    .pull-pl-90 {
        right: 90%;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .pull-tp-10 {
        right: 10%;
    }

    .pull-tp-20 {
        right: 20%;
    }

    .pull-tp-25 {
        right: 25%;
    }

    .pull-tp-30 {
        right: 30%;
    }

    .pull-tp-33 {
        right: 33.3333%;
    }

    .pull-tp-40 {
        right: 40%;
    }

    .pull-tp-50 {
        right: 50%;
    }

    .pull-tp-60 {
        right: 60%;
    }

    .pull-tp-66 {
        right: 66.6666%;
    }

    .pull-tp-70 {
        right: 70%;
    }

    .pull-tp-75 {
        right: 75%;
    }

    .pull-tp-80 {
        right: 80%;
    }

    .pull-tp-90 {
        right: 90%;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .pull-tl-10 {
        right: 10%;
    }

    .pull-tl-20 {
        right: 20%;
    }

    .pull-tl-25 {
        right: 25%;
    }

    .pull-tl-30 {
        right: 30%;
    }

    .pull-tl-33 {
        right: 33.3333%;
    }

    .pull-tl-40 {
        right: 40%;
    }

    .pull-tl-50 {
        right: 50%;
    }

    .pull-tl-60 {
        right: 60%;
    }

    .pull-tl-66 {
        right: 66.6666%;
    }

    .pull-tl-70 {
        right: 70%;
    }

    .pull-tl-75 {
        right: 75%;
    }

    .pull-tl-80 {
        right: 80%;
    }

    .pull-tl-90 {
        right: 90%;
    }
}

@media (min-width: 1200px) {
    .pull-dt-10 {
        right: 10%;
    }

    .pull-dt-20 {
        right: 20%;
    }

    .pull-dt-25 {
        right: 25%;
    }

    .pull-dt-30 {
        right: 30%;
    }

    .pull-dt-33 {
        right: 33.3333%;
    }

    .pull-dt-40 {
        right: 40%;
    }

    .pull-dt-50 {
        right: 50%;
    }

    .pull-dt-60 {
        right: 60%;
    }

    .pull-dt-66 {
        right: 66.6666%;
    }

    .pull-dt-70 {
        right: 70%;
    }

    .pull-dt-75 {
        right: 75%;
    }

    .pull-dt-80 {
        right: 80%;
    }

    .pull-dt-90 {
        right: 90%;
    }
}

p {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 1em;
}

a {
    color: #0080ff;
    text-decoration: none;
}

a:visited {
    color: #0080ff;
}

a:focus, a:hover {
    color: #005ab3;
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1.6em 0 0.5em;
    font-weight: 400;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, .h1 {
    font-size: 2.0736em;
}

h1:not(.h1), .h1:not(.h1) {
    margin-top: 0;
}

h2, .h2 {
    font-size: 1.728em;
}

h3, .h3 {
    font-size: 1.44em;
}

h4, .h4 {
    font-size: 1.2em;
}

h5, .h5 {
    font-size: 1em;
}

small, h6, .h6 {
    font-size: 0.83333em;
}

blockquote {
    border-left: 2px solid #333333;
    margin: 0 0 1em 0;
    padding: 0 1em;
}

blockquote footer {
    margin-top: 0.5em;
    font-size: 0.83333em;
    color: #737373;
}

blockquote footer:before {
    content: '\2014 \00A0';
}

code, kbd, pre {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: calc(1em * 0.82);
    border-radius: 4px;
}

code, kbd {
    padding: 0.2em 0.5em;
    display: inline;
    vertical-align: baseline;
    background: #D9D9D9;
}

kbd {
    background: #333333;
    color: white;
}

pre {
    padding: 0.7rem 1rem;
    display: block;
    background-color: #D9D9D9;
    line-height: 1.45;
    overflow: auto;
    white-space: pre;
}

pre code, pre kbd {
    font-size: inherit;
    background-color: transparent;
}

mark {
    background-color: #ffffa8;
    border-radius: 4px;
}

@media (max-width: 539px) {
    .h1-pp {
        font-size: 2.0736em;
    }

    .h2-pp {
        font-size: 1.728em;
    }

    .h3-pp {
        font-size: 1.44em;
    }

    .h4-pp {
        font-size: 1.2em;
    }

    .h5-pp {
        font-size: 1em;
    }

    .h6-pp {
        font-size: 0.83333em;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .h1-pl {
        font-size: 2.0736em;
    }

    .h2-pl {
        font-size: 1.728em;
    }

    .h3-pl {
        font-size: 1.44em;
    }

    .h4-pl {
        font-size: 1.2em;
    }

    .h5-pl {
        font-size: 1em;
    }

    .h6-pl {
        font-size: 0.83333em;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .h1-tp {
        font-size: 2.0736em;
    }

    .h2-tp {
        font-size: 1.728em;
    }

    .h3-tp {
        font-size: 1.44em;
    }

    .h4-tp {
        font-size: 1.2em;
    }

    .h5-tp {
        font-size: 1em;
    }

    .h6-tp {
        font-size: 0.83333em;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .h1-tl {
        font-size: 2.0736em;
    }

    .h2-tl {
        font-size: 1.728em;
    }

    .h3-tl {
        font-size: 1.44em;
    }

    .h4-tl {
        font-size: 1.2em;
    }

    .h5-tl {
        font-size: 1em;
    }

    .h6-tl {
        font-size: 0.83333em;
    }
}

@media (min-width: 1200px) {
    .h1-dt {
        font-size: 2.0736em;
    }

    .h2-dt {
        font-size: 1.728em;
    }

    .h3-dt {
        font-size: 1.44em;
    }

    .h4-dt {
        font-size: 1.2em;
    }

    .h5-dt {
        font-size: 1em;
    }

    .h6-dt {
        font-size: 0.83333em;
    }
}

.button {
    display: inline-block;
    text-decoration: none !important;
    font-family: inherit;
    line-height: 1.45;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}

.button:focus {
    outline: none;
}

.button:active {
    transform: scale(0.97);
}

.button.h1, .button.h2, .button.h3, .button.h4, .button.h5, .button.h6 {
    padding-left: 0.9em;
    padding-right: 0.9em;
}

.button.button-default {
    background-color: #0080ff;
    color: white;
}

.button.button-default:visited {
    background-color: #0080ff;
    color: white;
}

.button.button-default:hover, .button.button-default:focus {
    background-color: #0066cc;
    color: white;
}

.button.button-default:active {
    background-color: #0061c2;
    color: white;
}

.button.button-outlined {
    background-color: transparent;
    border-color: #0080ff;
    color: #0080ff;
}

.button.button-outlined:visited {
    color: #0080ff;
}

.button.button-outlined:hover, .button.button-outlined:focus {
    color: #0066cc;
    border-color: #0066cc;
}

.button.button-outlined:active {
    color: #0061c2;
    border-color: #0061c2;
}

.button.button-stripped {
    background-color: transparent;
    color: #0080ff;
}

.button.button-stripped:visited {
    color: #0080ff;
}

.button.button-stripped:hover, .button.button-stripped:focus {
    color: #0066cc;
}

.button.button-stripped:active {
    color: #0061c2;
}

.button.button-full-width {
    display: block;
    width: 100%;
}

ul, ol {
    margin: 0 0 1em 1em;
    padding: 0;
}

ul li, ol li {
    margin-bottom: 0.2em;
}

ul ul, ul ol, ol ul, ol ol {
    margin: 0.4em 0 0.4em 1em;
}

dl {
    margin: 0 0 1em 0;
    padding: 0;
}

dl dt {
    margin-bottom: 0.2em;
}

dl dd {
    margin: 0 0 0.2em 1em;
}

dl dl {
    margin: 0.4em 0 0.4em 1em;
}

form {
    margin-bottom: 1.5rem;
}

label {
    display: block;
    margin-bottom: 0.5rem;
}

.form-part {
    border: 0;
    padding: 0;
    margin: 0 0 1.5rem;
}

.checkbox, .radio {
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 1rem;
    position: relative;
    display: table;
    cursor: pointer;
}

.checkbox input, .radio input {
    position: absolute;
    width: auto;
    margin: 0;
    left: 0;
    cursor: pointer;
}

.checkbox input[type="checkbox"], .radio input[type="checkbox"] {
    top: calc(1em / 3);
}

@-moz-document url-prefix() {
    .checkbox input[type="checkbox"], .radio input[type="checkbox"] {
        top: calc(1em / 2.6);
    }
}

.checkbox input[type="radio"], .radio input[type="radio"] {
    top: calc(1em / 4);
}

@-moz-document url-prefix() {
    .checkbox input[type="radio"], .radio input[type="radio"] {
        top: calc(1em / 2.7);
    }
}

.checkbox-inline, .radio-inline {
    display: inline-block;
    margin-right: 1.2rem;
    margin-bottom: 0;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime-local"],
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    display: block;
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    line-height: 1.45;
    padding: 0.5rem 0.8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
}

input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #737373;
    opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #737373;
    opacity: 1;
}

input[type="text"]::placeholder,
input[type="search"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime-local"]::placeholder,
select::placeholder,
textarea::placeholder {
    color: #737373;
    opacity: 1;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
select:focus,
textarea:focus {
    border-color: #0080ff;
    outline: none;
}

input[type="password"] {
    font-family: verdana;
}

input[type="password"]::-webkit-input-placeholder {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="password"]:-ms-input-placeholder {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="password"]::placeholder {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="file"] {
    line-height: 1;
    font-size: 16px;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

textarea {
    width: 100% !important;
    min-height: 10rem;
}

select {
    cursor: pointer;
}

select:not([multiple]) {
    background-image: url("data:image/png;base64,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");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    height: 3.5rem;
}

@media (min-width: 768px) {
    select:not([multiple]) {
        height: 2.87rem;
    }
}

select::-ms-expand {
    display: none;
}

@-moz-document url-prefix() {
    select {
        padding: 0.6rem 0.8rem;
    }
}

progress, meter, input[type="range"] {
    width: 100%;
}

hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border: 0;
    border-top: 1px solid #D9D9D9;
}

.disabled,
[disabled] {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.disabled [disabled],
[disabled] [disabled] {
    opacity: 1;
}

table {
    max-width: 100%;
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
}

table thead tr th {
    text-align: left;
    padding: 0.6rem;
    vertical-align: top;
    font-weight: 700;
    border-bottom: 1px solid #D9D9D9;
}

table tbody tr td, table tbody tr th {
    text-align: left;
    padding: 0.6rem;
    vertical-align: top;
    border-bottom: 1px solid #D9D9D9;
}

table tbody tr td:not(td), table tbody tr th:not(td) {
    font-weight: 700;
}

table tfoot tr td {
    font-weight: 700;
    text-align: left;
    padding: 0.6rem;
    vertical-align: top;
    border-bottom: none;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.text-left {
    text-align: left;
}

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

.show {
    display: block !important;
}

.hide,
.show-pp,
.show-pl,
.show-tp,
.show-tl,
.show-dt {
    display: none !important;
}

@media (max-width: 539px) {
    .show-pp {
        display: block !important;
    }

    .hide-pp {
        display: none !important;
    }

    .text-center-pp {
        text-align: center;
    }

    .text-left-pp {
        text-align: left;
    }

    .text-right-pp {
        text-align: right;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .show-pl {
        display: block !important;
    }

    .hide-pl {
        display: none !important;
    }

    .text-center-pl {
        text-align: center;
    }

    .text-left-pl {
        text-align: left;
    }

    .text-right-pl {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .show-tp {
        display: block !important;
    }

    .hide-tp {
        display: none !important;
    }

    .text-center-tp {
        text-align: center;
    }

    .text-left-tp {
        text-align: left;
    }

    .text-right-tp {
        text-align: right;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .show-tl {
        display: block !important;
    }

    .hide-tl {
        display: none !important;
    }

    .text-center-tl {
        text-align: center;
    }

    .text-left-tl {
        text-align: left;
    }

    .text-right-tl {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .show-dt {
        display: block !important;
    }

    .hide-dt {
        display: none !important;
    }

    .text-center-dt {
        text-align: center;
    }

    .text-left-dt {
        text-align: left;
    }

    .text-right-dt {
        text-align: right;
    }
}

.show-elements {
    outline: 1px solid rgba(0, 0, 0, 0.3);
}

.show-elements * {
    outline: 1px solid rgba(0, 0, 255, 0.4);
}

.show-size {
    outline: none !important;
}

.show-size:after {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 0.83333em;
    padding: 0.5rem;
    background-color: #D9D9D9;
    border-radius: 4px;
    display: block;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    outline: none !important;
}

@media (max-width: 539px) {
    .show-size:after {
        content: "Phone portrait size";
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .show-size:after {
        content: "Phone landscape size";
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .show-size:after {
        content: "Tablet portrait size";
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .show-size:after {
        content: "Tablet landscape size";
    }
}

@media (min-width: 1200px) {
    .show-size:after {
        content: "Desktop size";
    }
}