/**
* html5doctor.com Reset Stylesheet v1.6.1 (http: //html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http: //richclarkdesign.com)
* http: //cssreset.com
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:active, a:hover {
outline: 0;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input, select {
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
body {
font: 13px sans-serif;
*font-size: small;
*font: x-small;
line-height: 1.22;
}
table {
font-size: inherit;
font: 100%;
}
select, input, textarea {
font: 99% sans-serif;
}
html {
-webkit-font-smoothing: antialiased;
}
.row {
margin: 0 -8px 0 -8px;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.row-gutter-collapse {
margin: 0;
}
.row.row-gutter-collapse > .col, .row.row-gutter-collapse > .col-md, .row.row-gutter-collapse > .col-lg, .row.row-gutter-collapse > .col-xl, .row.row-gutter-collapse > [class^=col] {
padding: 0;
}
.row.row-gutter-large {
margin: 0 -12px 0 -12px;
}
.row.row-gutter-large > .col, .row.row-gutter-large > .col-md, .row.row-gutter-large > .col-lg, .row.row-gutter-large > .col-xl, .row.row-gutter-large > [class^=col] {
padding: 0 12px 0 12px;
}
.row.row-gutter-small {
margin: 0 -5px 0 -5px;
}
.row.row-gutter-small > .col, .row.row-gutter-small > .col-md, .row.row-gutter-small > .col-lg, .row.row-gutter-small > .col-xl, .row.row-gutter-small > [class^=col] {
padding: 0 5px 0 5px;
}
.col-md, .col-lg, .col-xl, [class*=col-md-], [class*=col-lg-], [class*=col-xl-] {
flex-basis: 100%;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
}
.col, .col-auto {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
}
.col-grow-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 2;
}
.col-grow-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 3;
}
.col-grow-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 4;
}
.col-grow-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 5;
}
.col-grow-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 6;
}
.col-grow-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 7;
}
.col-grow-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 8;
}
.col-grow-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 9;
}
.col-grow-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 10;
}
.col-grow-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 11;
}
.col-1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 8.3333333333%;
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 16.6666666667%;
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 33.3333333333%;
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 41.6666666667%;
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 58.3333333333%;
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 66.6666666667%;
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 83.3333333333%;
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 91.6666666667%;
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-offset-1 {
margin-left: 8.3333333333%;
}
.col-offset-2 {
margin-left: 16.6666666667%;
}
.col-offset-3 {
margin-left: 25%;
}
.col-offset-4 {
margin-left: 33.3333333333%;
}
.col-offset-5 {
margin-left: 41.6666666667%;
}
.col-offset-6 {
margin-left: 50%;
}
.col-offset-7 {
margin-left: 58.3333333333%;
}
.col-offset-8 {
margin-left: 66.6666666667%;
}
.col-offset-9 {
margin-left: 75%;
}
.col-offset-10 {
margin-left: 83.3333333333%;
}
.col-offset-11 {
margin-left: 91.6666666667%;
}
.col-ml-auto {
margin-left: auto !important;
}
.col-mr-auto {
margin-right: auto !important;
}
@media only screen and (min-width: 768px) {
.col-md {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
}
.col-md-grow-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 2;
}
.col-md-grow-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 3;
}
.col-md-grow-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 4;
}
.col-md-grow-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 5;
}
.col-md-grow-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 6;
}
.col-md-grow-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 7;
}
.col-md-grow-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 8;
}
.col-md-grow-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 9;
}
.col-md-grow-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 10;
}
.col-md-grow-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 11;
}
.col-md-1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 8.3333333333%;
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 16.6666666667%;
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 33.3333333333%;
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 41.6666666667%;
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 58.3333333333%;
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 66.6666666667%;
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 83.3333333333%;
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 91.6666666667%;
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-ml-auto {
margin-left: auto !important;
}
.col-md-mr-auto {
margin-right: auto !important;
}
}
@media only screen and (min-width: 1024px) {
.col-lg {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
}
.col-lg-grow-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 2;
}
.col-lg-grow-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 3;
}
.col-lg-grow-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 4;
}
.col-lg-grow-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 5;
}
.col-lg-grow-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 6;
}
.col-lg-grow-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 7;
}
.col-lg-grow-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 8;
}
.col-lg-grow-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 9;
}
.col-lg-grow-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 10;
}
.col-lg-grow-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 11;
}
.col-lg-1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 8.3333333333%;
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 16.6666666667%;
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 33.3333333333%;
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 41.6666666667%;
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 58.3333333333%;
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 66.6666666667%;
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 83.3333333333%;
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 91.6666666667%;
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-ml-auto {
margin-left: auto !important;
}
.col-lg-mr-auto {
margin-right: auto !important;
}
}
@media only screen and (min-width: 1600px) {
.col-xl {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
}
.col-xl-grow-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 2;
}
.col-xl-grow-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 3;
}
.col-xl-grow-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 4;
}
.col-xl-grow-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 5;
}
.col-xl-grow-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 6;
}
.col-xl-grow-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 7;
}
.col-xl-grow-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 8;
}
.col-xl-grow-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 9;
}
.col-xl-grow-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 10;
}
.col-xl-grow-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
flex-grow: 11;
}
.col-xl-1 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 8.3333333333%;
-webkit-flex-basis: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 16.6666666667%;
-webkit-flex-basis: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 33.3333333333%;
-webkit-flex-basis: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 41.6666666667%;
-webkit-flex-basis: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 58.3333333333%;
-webkit-flex-basis: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 66.6666666667%;
-webkit-flex-basis: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 83.3333333333%;
-webkit-flex-basis: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 91.6666666667%;
-webkit-flex-basis: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
box-sizing: border-box;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
-webkit-flex-basis: 0;
flex-basis: 0;
max-width: 100%;
min-width: 0;
padding: 0 8px 0 8px;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-1 {
margin-left: 8.3333333333%;
}
.col-xl-offset-2 {
margin-left: 16.6666666667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.3333333333%;
}
.col-xl-offset-5 {
margin-left: 41.6666666667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.3333333333%;
}
.col-xl-offset-8 {
margin-left: 66.6666666667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.3333333333%;
}
.col-xl-offset-11 {
margin-left: 91.6666666667%;
}
.col-xl-ml-auto {
margin-left: auto !important;
}
.col-xl-mr-auto {
margin-right: auto !important;
}
}
.col-align-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-align-bottom {
align-self: flex-end;
}
.col-align-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.col-top {
justify-content: flex-start !important;
flex-direction: column;
display: flex;
}
.col-bottom {
justify-content: flex-end !important;
flex-direction: column;
display: flex;
}
.col-middle {
justify-content: center;
flex-direction: column;
display: flex;
}
.row-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row-around {
justify-content: space-around;
}
.row-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.col-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) {
.col-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col-md-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1024px) {
.col-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col-lg-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 1600px) {
.col-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.col-xl-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.col-fixed {
flex: initial;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
@media only screen and (min-width: 768px) {
.col-md-fixed {
flex: initial;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
}
@media only screen and (min-width: 1024px) {
.col-lg-fixed {
flex: initial;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
}
@media only screen and (min-width: 1600px) {
.col-xl-fixed {
flex: initial;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
}
.col-break {
width: 100% !important;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1024px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1600px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
}
.pos-relative {
position: relative !important;
}
.pos-absolute {
position: absolute !important;
}
.pos-fixed {
position: fixed !important;
}
@media (min-width: 768px) {
.pos-md-relative {
position: relative !important;
}
.pos-md-absolute {
position: absolute !important;
}
.pos-md-fixed {
position: fixed !important;
}
}
@media (min-width: 1024px) {
.pos-lg-relative {
position: relative !important;
}
.pos-lg-absolute {
position: absolute !important;
}
.pos-lg-fixed {
position: fixed !important;
}
}
@media (min-width: 1600px) {
.pos-xl-relative {
position: relative !important;
}
.pos-xl-absolute {
position: absolute !important;
}
.pos-xl-fixed {
position: fixed !important;
}
}
.flex-row {
flex-direction: row !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow {
flex-grow: 1 !important;
}
.flex-nogrow {
flex-grow: 0 !important;
}
.flex-shrink {
flex-shrink: 1 !important;
}
.flex-noshrink {
flex-shrink: 0 !important;
}
.order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-3 {
order: 5 !important;
}
.order-last {
order: 6 !important;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-center {
justify-content: center;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.justify-content-evenly {
justify-content: space-evenly;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-stretch {
align-items: stretch;
}
.align-self-auto {
align-self: auto;
}
.align-self-start {
align-self: flex-start;
}
.align-self-end {
align-self: flex-end;
}
.align-self-center {
align-self: center;
}
.align-self-baseline {
align-self: baseline;
}
.align-self-stretch {
align-self: stretch;
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow {
flex-grow: 1 !important;
}
.flex-md-nogrow {
flex-grow: 0 !important;
}
.flex-md-shrink {
flex-shrink: 1 !important;
}
.flex-md-noshrink {
flex-shrink: 0 !important;
}
.order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-3 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
.justify-content-md-start {
justify-content: flex-start;
}
.justify-content-md-end {
justify-content: flex-end;
}
.justify-content-md-center {
justify-content: center;
}
.justify-content-md-between {
justify-content: space-between;
}
.justify-content-md-around {
justify-content: space-around;
}
.justify-content-md-evenly {
justify-content: space-evenly;
}
.align-items-md-start {
align-items: flex-start;
}
.align-items-md-end {
align-items: flex-end;
}
.align-items-md-center {
align-items: center;
}
.align-items-md-baseline {
align-items: baseline;
}
.align-items-md-stretch {
align-items: stretch;
}
.align-self-md-auto {
align-self: auto;
}
.align-self-md-start {
align-self: flex-start;
}
.align-self-md-end {
align-self: flex-end;
}
.align-self-md-center {
align-self: center;
}
.align-self-md-baseline {
align-self: baseline;
}
.align-self-md-stretch {
align-self: stretch;
}
}
@media (min-width: 1024px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow {
flex-grow: 1 !important;
}
.flex-lg-nogrow {
flex-grow: 0 !important;
}
.flex-lg-shrink {
flex-shrink: 1 !important;
}
.flex-lg-noshrink {
flex-shrink: 0 !important;
}
.order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-3 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
.justify-content-lg-start {
justify-content: flex-start;
}
.justify-content-lg-end {
justify-content: flex-end;
}
.justify-content-lg-center {
justify-content: center;
}
.justify-content-lg-between {
justify-content: space-between;
}
.justify-content-lg-around {
justify-content: space-around;
}
.justify-content-lg-evenly {
justify-content: space-evenly;
}
.align-items-lg-start {
align-items: flex-start;
}
.align-items-lg-end {
align-items: flex-end;
}
.align-items-lg-center {
align-items: center;
}
.align-items-lg-baseline {
align-items: baseline;
}
.align-items-lg-stretch {
align-items: stretch;
}
.align-self-lg-auto {
align-self: auto;
}
.align-self-lg-start {
align-self: flex-start;
}
.align-self-lg-end {
align-self: flex-end;
}
.align-self-lg-center {
align-self: center;
}
.align-self-lg-baseline {
align-self: baseline;
}
.align-self-lg-stretch {
align-self: stretch;
}
}
@media (min-width: 1600px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow {
flex-grow: 1 !important;
}
.flex-xl-nogrow {
flex-grow: 0 !important;
}
.flex-xl-shrink {
flex-shrink: 1 !important;
}
.flex-xl-noshrink {
flex-shrink: 0 !important;
}
.order-xl-first {
order: -1 !important;
}
.order-xl-0 {
order: 0 !important;
}
.order-xl-1 {
order: 1 !important;
}
.order-xl-2 {
order: 2 !important;
}
.order-xl-3 {
order: 3 !important;
}
.order-xl-4 {
order: 4 !important;
}
.order-xl-3 {
order: 5 !important;
}
.order-xl-last {
order: 6 !important;
}
.justify-content-xl-start {
justify-content: flex-start;
}
.justify-content-xl-end {
justify-content: flex-end;
}
.justify-content-xl-center {
justify-content: center;
}
.justify-content-xl-between {
justify-content: space-between;
}
.justify-content-xl-around {
justify-content: space-around;
}
.justify-content-xl-evenly {
justify-content: space-evenly;
}
.align-items-xl-start {
align-items: flex-start;
}
.align-items-xl-end {
align-items: flex-end;
}
.align-items-xl-center {
align-items: center;
}
.align-items-xl-baseline {
align-items: baseline;
}
.align-items-xl-stretch {
align-items: stretch;
}
.align-self-xl-auto {
align-self: auto;
}
.align-self-xl-start {
align-self: flex-start;
}
.align-self-xl-end {
align-self: flex-end;
}
.align-self-xl-center {
align-self: center;
}
.align-self-xl-baseline {
align-self: baseline;
}
.align-self-xl-stretch {
align-self: stretch;
}
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 3.75px !important;
}
.m-2 {
margin: 7.5px !important;
}
.m-3 {
margin: 15px !important;
}
.m-4 {
margin: 30px !important;
}
.m-5 {
margin: 60px !important;
}
.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-1 {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
.mx-2 {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
.mx-3 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mx-4 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mx-5 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-1 {
margin-top: 3.75px !important;
margin-bottom: 3.75px !important;
}
.my-2 {
margin-top: 7.5px !important;
margin-bottom: 7.5px !important;
}
.my-3 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.my-4 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.my-5 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 3.75px !important;
}
.mt-2 {
margin-top: 7.5px !important;
}
.mt-3 {
margin-top: 15px !important;
}
.mt-4 {
margin-top: 30px !important;
}
.mt-5 {
margin-top: 60px !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mr-1 {
margin-right: 3.75px !important;
}
.mr-2 {
margin-right: 7.5px !important;
}
.mr-3 {
margin-right: 15px !important;
}
.mr-4 {
margin-right: 30px !important;
}
.mr-5 {
margin-right: 60px !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 3.75px !important;
}
.mb-2 {
margin-bottom: 7.5px !important;
}
.mb-3 {
margin-bottom: 15px !important;
}
.mb-4 {
margin-bottom: 30px !important;
}
.mb-5 {
margin-bottom: 60px !important;
}
.ml-0 {
margin-left: 0 !important;
}
.ml-1 {
margin-left: 3.75px !important;
}
.ml-2 {
margin-left: 7.5px !important;
}
.ml-3 {
margin-left: 15px !important;
}
.ml-4 {
margin-left: 30px !important;
}
.ml-5 {
margin-left: 60px !important;
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 3.75px !important;
}
.m-md-2 {
margin: 7.5px !important;
}
.m-md-3 {
margin: 15px !important;
}
.m-md-4 {
margin: 30px !important;
}
.m-md-5 {
margin: 60px !important;
}
.mx-md-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-md-1 {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
.mx-md-2 {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
.mx-md-3 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mx-md-4 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mx-md-5 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 3.75px !important;
margin-bottom: 3.75px !important;
}
.my-md-2 {
margin-top: 7.5px !important;
margin-bottom: 7.5px !important;
}
.my-md-3 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.my-md-4 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.my-md-5 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 3.75px !important;
}
.mt-md-2 {
margin-top: 7.5px !important;
}
.mt-md-3 {
margin-top: 15px !important;
}
.mt-md-4 {
margin-top: 30px !important;
}
.mt-md-5 {
margin-top: 60px !important;
}
.mr-md-0 {
margin-right: 0 !important;
}
.mr-md-1 {
margin-right: 3.75px !important;
}
.mr-md-2 {
margin-right: 7.5px !important;
}
.mr-md-3 {
margin-right: 15px !important;
}
.mr-md-4 {
margin-right: 30px !important;
}
.mr-md-5 {
margin-right: 60px !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 3.75px !important;
}
.mb-md-2 {
margin-bottom: 7.5px !important;
}
.mb-md-3 {
margin-bottom: 15px !important;
}
.mb-md-4 {
margin-bottom: 30px !important;
}
.mb-md-5 {
margin-bottom: 60px !important;
}
.ml-md-0 {
margin-left: 0 !important;
}
.ml-md-1 {
margin-left: 3.75px !important;
}
.ml-md-2 {
margin-left: 7.5px !important;
}
.ml-md-3 {
margin-left: 15px !important;
}
.ml-md-4 {
margin-left: 30px !important;
}
.ml-md-5 {
margin-left: 60px !important;
}
}
@media (min-width: 1024px) {
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 3.75px !important;
}
.m-lg-2 {
margin: 7.5px !important;
}
.m-lg-3 {
margin: 15px !important;
}
.m-lg-4 {
margin: 30px !important;
}
.m-lg-5 {
margin: 60px !important;
}
.mx-lg-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-lg-1 {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
.mx-lg-2 {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
.mx-lg-3 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mx-lg-4 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mx-lg-5 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 3.75px !important;
margin-bottom: 3.75px !important;
}
.my-lg-2 {
margin-top: 7.5px !important;
margin-bottom: 7.5px !important;
}
.my-lg-3 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.my-lg-4 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.my-lg-5 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 3.75px !important;
}
.mt-lg-2 {
margin-top: 7.5px !important;
}
.mt-lg-3 {
margin-top: 15px !important;
}
.mt-lg-4 {
margin-top: 30px !important;
}
.mt-lg-5 {
margin-top: 60px !important;
}
.mr-lg-0 {
margin-right: 0 !important;
}
.mr-lg-1 {
margin-right: 3.75px !important;
}
.mr-lg-2 {
margin-right: 7.5px !important;
}
.mr-lg-3 {
margin-right: 15px !important;
}
.mr-lg-4 {
margin-right: 30px !important;
}
.mr-lg-5 {
margin-right: 60px !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 3.75px !important;
}
.mb-lg-2 {
margin-bottom: 7.5px !important;
}
.mb-lg-3 {
margin-bottom: 15px !important;
}
.mb-lg-4 {
margin-bottom: 30px !important;
}
.mb-lg-5 {
margin-bottom: 60px !important;
}
.ml-lg-0 {
margin-left: 0 !important;
}
.ml-lg-1 {
margin-left: 3.75px !important;
}
.ml-lg-2 {
margin-left: 7.5px !important;
}
.ml-lg-3 {
margin-left: 15px !important;
}
.ml-lg-4 {
margin-left: 30px !important;
}
.ml-lg-5 {
margin-left: 60px !important;
}
}
@media (min-width: 1600px) {
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 3.75px !important;
}
.m-xl-2 {
margin: 7.5px !important;
}
.m-xl-3 {
margin: 15px !important;
}
.m-xl-4 {
margin: 30px !important;
}
.m-xl-5 {
margin: 60px !important;
}
.mx-xl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mx-xl-1 {
margin-left: 3.75px !important;
margin-right: 3.75px !important;
}
.mx-xl-2 {
margin-left: 7.5px !important;
margin-right: 7.5px !important;
}
.mx-xl-3 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mx-xl-4 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.mx-xl-5 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 3.75px !important;
margin-bottom: 3.75px !important;
}
.my-xl-2 {
margin-top: 7.5px !important;
margin-bottom: 7.5px !important;
}
.my-xl-3 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.my-xl-4 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.my-xl-5 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 3.75px !important;
}
.mt-xl-2 {
margin-top: 7.5px !important;
}
.mt-xl-3 {
margin-top: 15px !important;
}
.mt-xl-4 {
margin-top: 30px !important;
}
.mt-xl-5 {
margin-top: 60px !important;
}
.mr-xl-0 {
margin-right: 0 !important;
}
.mr-xl-1 {
margin-right: 3.75px !important;
}
.mr-xl-2 {
margin-right: 7.5px !important;
}
.mr-xl-3 {
margin-right: 15px !important;
}
.mr-xl-4 {
margin-right: 30px !important;
}
.mr-xl-5 {
margin-right: 60px !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 3.75px !important;
}
.mb-xl-2 {
margin-bottom: 7.5px !important;
}
.mb-xl-3 {
margin-bottom: 15px !important;
}
.mb-xl-4 {
margin-bottom: 30px !important;
}
.mb-xl-5 {
margin-bottom: 60px !important;
}
.ml-xl-0 {
margin-left: 0 !important;
}
.ml-xl-1 {
margin-left: 3.75px !important;
}
.ml-xl-2 {
margin-left: 7.5px !important;
}
.ml-xl-3 {
margin-left: 15px !important;
}
.ml-xl-4 {
margin-left: 30px !important;
}
.ml-xl-5 {
margin-left: 60px !important;
}
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 3.75px !important;
}
.p-2 {
padding: 7.5px !important;
}
.p-3 {
padding: 15px !important;
}
.p-4 {
padding: 30px !important;
}
.p-5 {
padding: 60px !important;
}
.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-1 {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
.px-2 {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
.px-3 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.px-4 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.px-5 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-1 {
padding-top: 3.75px !important;
padding-bottom: 3.75px !important;
}
.py-2 {
padding-top: 7.5px !important;
padding-bottom: 7.5px !important;
}
.py-3 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.py-4 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.py-5 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 3.75px !important;
}
.pt-2 {
padding-top: 7.5px !important;
}
.pt-3 {
padding-top: 15px !important;
}
.pt-4 {
padding-top: 30px !important;
}
.pt-5 {
padding-top: 60px !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pr-1 {
padding-right: 3.75px !important;
}
.pr-2 {
padding-right: 7.5px !important;
}
.pr-3 {
padding-right: 15px !important;
}
.pr-4 {
padding-right: 30px !important;
}
.pr-5 {
padding-right: 60px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 3.75px !important;
}
.pb-2 {
padding-bottom: 7.5px !important;
}
.pb-3 {
padding-bottom: 15px !important;
}
.pb-4 {
padding-bottom: 30px !important;
}
.pb-5 {
padding-bottom: 60px !important;
}
.pl-0 {
padding-left: 0 !important;
}
.pl-1 {
padding-left: 3.75px !important;
}
.pl-2 {
padding-left: 7.5px !important;
}
.pl-3 {
padding-left: 15px !important;
}
.pl-4 {
padding-left: 30px !important;
}
.pl-5 {
padding-left: 60px !important;
}
@media (min-width: 768px) {
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 3.75px !important;
}
.p-md-2 {
padding: 7.5px !important;
}
.p-md-3 {
padding: 15px !important;
}
.p-md-4 {
padding: 30px !important;
}
.p-md-5 {
padding: 60px !important;
}
.px-md-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-md-1 {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
.px-md-2 {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
.px-md-3 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.px-md-4 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.px-md-5 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 3.75px !important;
padding-bottom: 3.75px !important;
}
.py-md-2 {
padding-top: 7.5px !important;
padding-bottom: 7.5px !important;
}
.py-md-3 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.py-md-4 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.py-md-5 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 3.75px !important;
}
.pt-md-2 {
padding-top: 7.5px !important;
}
.pt-md-3 {
padding-top: 15px !important;
}
.pt-md-4 {
padding-top: 30px !important;
}
.pt-md-5 {
padding-top: 60px !important;
}
.pr-md-0 {
padding-right: 0 !important;
}
.pr-md-1 {
padding-right: 3.75px !important;
}
.pr-md-2 {
padding-right: 7.5px !important;
}
.pr-md-3 {
padding-right: 15px !important;
}
.pr-md-4 {
padding-right: 30px !important;
}
.pr-md-5 {
padding-right: 60px !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 3.75px !important;
}
.pb-md-2 {
padding-bottom: 7.5px !important;
}
.pb-md-3 {
padding-bottom: 15px !important;
}
.pb-md-4 {
padding-bottom: 30px !important;
}
.pb-md-5 {
padding-bottom: 60px !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.pl-md-1 {
padding-left: 3.75px !important;
}
.pl-md-2 {
padding-left: 7.5px !important;
}
.pl-md-3 {
padding-left: 15px !important;
}
.pl-md-4 {
padding-left: 30px !important;
}
.pl-md-5 {
padding-left: 60px !important;
}
}
@media (min-width: 1024px) {
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 3.75px !important;
}
.p-lg-2 {
padding: 7.5px !important;
}
.p-lg-3 {
padding: 15px !important;
}
.p-lg-4 {
padding: 30px !important;
}
.p-lg-5 {
padding: 60px !important;
}
.px-lg-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-lg-1 {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
.px-lg-2 {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
.px-lg-3 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.px-lg-4 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.px-lg-5 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 3.75px !important;
padding-bottom: 3.75px !important;
}
.py-lg-2 {
padding-top: 7.5px !important;
padding-bottom: 7.5px !important;
}
.py-lg-3 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.py-lg-4 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.py-lg-5 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 3.75px !important;
}
.pt-lg-2 {
padding-top: 7.5px !important;
}
.pt-lg-3 {
padding-top: 15px !important;
}
.pt-lg-4 {
padding-top: 30px !important;
}
.pt-lg-5 {
padding-top: 60px !important;
}
.pr-lg-0 {
padding-right: 0 !important;
}
.pr-lg-1 {
padding-right: 3.75px !important;
}
.pr-lg-2 {
padding-right: 7.5px !important;
}
.pr-lg-3 {
padding-right: 15px !important;
}
.pr-lg-4 {
padding-right: 30px !important;
}
.pr-lg-5 {
padding-right: 60px !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 3.75px !important;
}
.pb-lg-2 {
padding-bottom: 7.5px !important;
}
.pb-lg-3 {
padding-bottom: 15px !important;
}
.pb-lg-4 {
padding-bottom: 30px !important;
}
.pb-lg-5 {
padding-bottom: 60px !important;
}
.pl-lg-0 {
padding-left: 0 !important;
}
.pl-lg-1 {
padding-left: 3.75px !important;
}
.pl-lg-2 {
padding-left: 7.5px !important;
}
.pl-lg-3 {
padding-left: 15px !important;
}
.pl-lg-4 {
padding-left: 30px !important;
}
.pl-lg-5 {
padding-left: 60px !important;
}
}
@media (min-width: 1600px) {
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 3.75px !important;
}
.p-xl-2 {
padding: 7.5px !important;
}
.p-xl-3 {
padding: 15px !important;
}
.p-xl-4 {
padding: 30px !important;
}
.p-xl-5 {
padding: 60px !important;
}
.px-xl-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-xl-1 {
padding-left: 3.75px !important;
padding-right: 3.75px !important;
}
.px-xl-2 {
padding-left: 7.5px !important;
padding-right: 7.5px !important;
}
.px-xl-3 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.px-xl-4 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.px-xl-5 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 3.75px !important;
padding-bottom: 3.75px !important;
}
.py-xl-2 {
padding-top: 7.5px !important;
padding-bottom: 7.5px !important;
}
.py-xl-3 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.py-xl-4 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.py-xl-5 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 3.75px !important;
}
.pt-xl-2 {
padding-top: 7.5px !important;
}
.pt-xl-3 {
padding-top: 15px !important;
}
.pt-xl-4 {
padding-top: 30px !important;
}
.pt-xl-5 {
padding-top: 60px !important;
}
.pr-xl-0 {
padding-right: 0 !important;
}
.pr-xl-1 {
padding-right: 3.75px !important;
}
.pr-xl-2 {
padding-right: 7.5px !important;
}
.pr-xl-3 {
padding-right: 15px !important;
}
.pr-xl-4 {
padding-right: 30px !important;
}
.pr-xl-5 {
padding-right: 60px !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 3.75px !important;
}
.pb-xl-2 {
padding-bottom: 7.5px !important;
}
.pb-xl-3 {
padding-bottom: 15px !important;
}
.pb-xl-4 {
padding-bottom: 30px !important;
}
.pb-xl-5 {
padding-bottom: 60px !important;
}
.pl-xl-0 {
padding-left: 0 !important;
}
.pl-xl-1 {
padding-left: 3.75px !important;
}
.pl-xl-2 {
padding-left: 7.5px !important;
}
.pl-xl-3 {
padding-left: 15px !important;
}
.pl-xl-4 {
padding-left: 30px !important;
}
.pl-xl-5 {
padding-left: 60px !important;
}
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media (min-width: 768px) {
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.text-md-center {
text-align: center;
}
.text-md-justify {
text-align: justify;
}
}
@media (min-width: 1024px) {
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.text-lg-center {
text-align: center;
}
.text-lg-justify {
text-align: justify;
}
}
@media (min-width: 1600px) {
.text-xl-left {
text-align: left;
}
.text-xl-right {
text-align: right;
}
.text-xl-center {
text-align: center;
}
.text-xl-justify {
text-align: justify;
}
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
width: 25% !important;
}
.h-50 {
width: 50% !important;
}
.h-75 {
width: 75% !important;
}
.h-100 {
width: 100% !important;
}
.opacity-0 {
opacity: 0 !important;
}
.opacity-25 {
opacity: 0.25 !important;
}
.opacity-50 {
opacity: 0.5 !important;
}
.opacity-75 {
opacity: 0.75 !important;
}
.opacity-100 {
opacity: 1 !important;
}
.text-muted {
color: #777777 !important;
}
.text-success {
color: #66BB6A !important;
}
.text-danger {
color: #EF5350 !important;
}
.text-warning {
color: #FFA726 !important;
}
.text-info {
color: #42A5F5 !important;
}
.text-bolder {
font-weight: 900 !important;
}
.text-bold {
font-weight: 700 !important;
}
.text-thin {
font-weight: 300 !important;
}
.text-regular {
font-weight: 400 !important;
}
.text-italic {
font-style: italic !important;
}
.text-underline {
font-style: underline !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.float-none {
float: none !important;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.break-word {
word-wrap: break-word !important;
}
.no-wrap {
white-space: nowrap !important;
}
.boxfix {
padding: 1px;
}
.boxfix-x {
padding: 0 1px;
}
.boxfix-y {
padding: 1px 0;
}
.link-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.link-toggle {
padding: 5px 0;
display: inline-block;
*display: inline;
*zoom: 1;
}
.auto-ellipsis {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.auto-ellipsis:hover {
white-space: inherit;
}
.center-vert {
display: flex;
justify-content: center;
align-items: center;
}
.embed-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-responsive.embed-wide {
position: relative;
padding-bottom: 42.86%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-responsive iframe, .embed-responsive object, .embed-responsive video, .embed-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.animable {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
opacity: 0;
}
.no-text {
text-align: left;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #EEEEEE;
margin: 15px 0;
padding: 0;
}
a {
color: #DF4D38;
text-decoration: none;
}
a:hover {
color: #c43420;
text-decoration: underline;
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
code {
font-family: monospace;
font-size: inherit;
padding: 2px 4px;
background: #fdf6f5;
color: #DF4D38;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
pre {
font-family: monospace;
font-size: inherit;
white-space: pre-wrap;
padding: 15px;
margin-bottom: 15px;
background: #fdf6f5;
color: #DF4D38;
tab-size: 4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
pre code {
padding: 0;
background: none;
color: inherit;
line-height: 1.5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
div, header, footer, article, section {
display: block;
position: relative;
}
small, .font-small {
font-size: 0.8em;
}
textarea {
resize: vertical;
}
br.clear {
clear: both;
display: block;
height: 1px;
margin: -1px 0 0 0;
}
.cf {
*zoom: 1;
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.the-content p {
line-height: 1.65;
margin: 0 0 15px;
}
.the-content h1, .the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content .h1, .the-content .h2, .the-content .h3, .the-content .h4, .the-content .h5 {
line-height: 1.65;
margin: 0 0 15px;
}
.the-content h1, .the-content .h1 {
font-size: 3.052em;
}
.the-content h2, .the-content .h2 {
font-size: 2.441em;
}
.the-content h3, .the-content .h3 {
font-size: 1.953em;
}
.the-content h4, .the-content .h4 {
font-size: 1.563em;
}
.the-content h5, .the-content .h5 {
font-size: 1.25em;
}
.the-content ul {
list-style: disc;
padding-left: 26.25px;
margin: 0 0 15px;
}
.the-content ul li {
list-style: disc;
line-height: 1.65;
padding: 3px 0;
}
.the-content ul li ul {
margin-bottom: 0;
}
.the-content ul.unstyled {
list-style: none;
padding: 0;
}
.the-content ul.unstyled li {
list-style: none;
}
.the-content .has-tagline {
margin-bottom: 3px;
line-height: 1.2;
}
.the-content .tagline {
margin-bottom: 15px;
color: #777777;
}
.container {
max-width: 100%;
display: block;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.container {
width: 720px;
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.container {
width: 1000px;
max-width: none;
}
}
@media screen and (min-width: 1600px) {
.container {
width: 1200px;
}
}
.led {
width: 13px;
height: 13px;
position: relative;
top: 1px;
margin-right: 3px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
border-radius: 13px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.led.led-muted {
background: #777777;
}
.led.led-success {
background: #66BB6A;
}
.led.led-danger {
background: #EF5350;
}
.led.led-error {
background: #EF5350;
}
.led.led-warning {
background: #FFA726;
}
.led.led-info {
background: #42A5F5;
}
.help-tip {
color: #85898e;
cursor: help;
}
.help-tip:hover {
color: #2e3032;
}
.message {
padding: 15px;
margin-bottom: 15px;
}
.message a {
font-weight: 700;
}
.message .message-close {
display: none;
}
.message.message-info {
background: fade(#42A5F5, 5%);
border-left: 3px solid #42A5F5;
color: #42A5F5;
}
.message.message-info a {
color: #42A5F5;
}
.message.message-info a:hover {
color: #128ef2;
}
.message.message-success {
background: fade(#66BB6A, 5%);
border-left: 3px solid #66BB6A;
color: #66BB6A;
}
.message.message-success a {
color: #66BB6A;
}
.message.message-success a:hover {
color: #49a54e;
}
.message.message-error, .message.message-danger {
background: fade(#EF5350, 5%);
border-left: 3px solid #EF5350;
color: #EF5350;
}
.message.message-error a, .message.message-danger a {
color: #EF5350;
}
.message.message-error a:hover, .message.message-danger a:hover {
color: #eb2521;
}
.message.message-warning {
background: fade(#FFA726, 5%);
border-left: 3px solid #FFA726;
color: #FFA726;
}
.message.message-warning a {
color: #FFA726;
}
.message.message-warning a:hover {
color: #f29000;
}
.badge {
padding: 3px 6px;
font-size: 11px;
line-height: 14px;
margin: 4px 0;
background: #777777;
color: #FFFFFF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
display: inline-block;
*display: inline;
*zoom: 1;
}
.badge.badge-primary {
background: #DF4D38;
}
.badge.badge-info {
background: #42A5F5;
}
.badge.badge-success {
background: #66BB6A;
}
.badge.badge-error, .badge.badge-danger {
background: #EF5350;
}
.badge.badge-warning {
background: #FFA726;
}
img.img-rounded {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
img.img-thumbnail {
padding: 5px;
border: 1px solid #EEEEEE;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
img.img-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
img.img-shadow {
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}
img.img-responsive {
max-width: 100%;
height: auto;
}
.table-wrapper {
overflow-x: auto;
}
.table-wrapper .table tr th, .table-wrapper .table tr td {
white-space: nowrap;
}
table {
max-width: 100%;
}
table.table {
width: 100%;
margin-bottom: 15px;
}
table.table th, table.table td {
padding: 10px 12px;
}
table.table > thead > tr > th, table.table > tfoot > tr > th {
text-align: left;
}
table.table > thead > tr, table.table > tbody > tr {
border-bottom: 1px solid #EEEEEE;
}
table.table > thead > tr {
border-bottom: 2px solid #EEEEEE;
}
table.table > tfoot > tr {
border-top: 2px solid #EEEEEE;
}
table.table-border {
border: 1px solid #EEEEEE;
}
table.table-striped > tbody > tr:nth-child(even) > td {
background: #fafafa;
}
table.table-hover > tbody > tr:hover > td {
background: whitesmoke;
}
table.table-hover.table-striped > tbody > tr:nth-child(even):hover > td {
background: whitesmoke;
}
.metabox {
background: #FFFFFF;
color: #53565A;
margin-bottom: 15px;
-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.075);
-ms-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.075);
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.075);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.metabox .metabox-header {
border-bottom: 1px solid #EEEEEE;
color: #787c82;
font-size: 12px;
font-weight: 700;
padding: 15px;
text-transform: uppercase;
}
.metabox .metabox-header .header-actions {
float: right;
}
.metabox .metabox-header .header-actions .action-button {
margin-left: 10px;
}
.metabox .metabox-header .header-actions .action-button .action-label {
display: none;
}
@media (min-width: 768px) {
.metabox .metabox-header .header-actions .action-button .action-label {
display: inline;
}
}
.metabox .metabox-footer {
border-top: 1px solid #EEEEEE;
color: #787c82;
font-size: 11px;
font-weight: 700;
padding: 15px;
text-transform: uppercase;
}
.metabox .metabox-body {
padding: 15px;
}
.metabox .metabox-body > .the-content > *:last-child {
margin-bottom: 0;
}
.metabox .metabox-body hr {
border-color: #EEEEEE;
}
.metabox .metabox-body.body-simple {
padding: 0;
}
.metabox .metabox-body.body-simple .table-wrapper > table.table {
margin-bottom: 0;
}
.metabox .metabox-body > *:last-child {
margin-bottom: 0;
}
button {
overflow: visible;
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
.button {
line-height: normal;
white-space: nowrap;
vertical-align: middle;
text-align: center;
cursor: pointer;
-webkit-user-drag: none;
text-transform: none;
font-family: inherit;
font-size: 100%;
padding: 0.429em 1.2em;
color: #53565A;
border: 1px solid #f2f2f2;
background-color: #f2f2f2;
text-decoration: none !important;
border-radius: 4px;
height: 2.4em;
line-height: 1.542em;
*font-size: 90%;
*overflow: visible;
*color: #53565A;
display: inline-block;
*display: inline;
*zoom: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border 0.25s, color 0.25s, background-color 0.25s;
-moz-transition: border 0.25s, color 0.25s, background-color 0.25s;
-ms-transition: border 0.25s, color 0.25s, background-color 0.25s;
transition: border 0.25s, color 0.25s, background-color 0.25s;
}
.button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button:hover, .button.button-hover {
text-decoration: none !important;
background-color: #e6e6e6;
color: #53565A;
}
.button[disabled], .button.disabled, .button.disabled:hover {
cursor: not-allowed;
box-shadow: none;
pointer-events: none;
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
-ms-opacity: 0.4;
opacity: 0.4;
}
.button.button-block {
display: block;
width: 100%;
}
.button:focus {
box-shadow: 0 0 0 4px #fae4e1;
border-color: #e79e93;
outline: none;
}
.button.button-link {
color: #DF4D38;
background: none;
border-color: transparent;
}
.button.button-link:hover {
color: #c43420;
background: transparent;
}
.button.button-primary {
background-color: #DF4D38;
border-color: #DF4D38;
color: #FFFFFF;
}
.button.button-primary:hover, .button.button-primary.checked, .button.button-primary.active {
background-color: #c43420;
border-color: #c43420;
color: #FFFFFF;
}
.button.button-secondary {
background-color: #E21C79;
border-color: #E21C79;
color: #FFFFFF;
}
.button.button-secondary:hover, .button.button-secondary.checked, .button.button-secondary.active {
background-color: #e84994;
border-color: #e84994;
color: #FFFFFF;
}
.button.button-success {
background-color: #66BB6A;
border-color: #66BB6A;
color: #FFFFFF;
}
.button.button-success:hover, .button.button-success.checked, .button.button-success.active {
background-color: #49a54e;
border-color: #49a54e;
color: #FFFFFF;
}
.button.button-danger {
background-color: #EF5350;
border-color: #EF5350;
color: #FFFFFF;
}
.button.button-danger:hover, .button.button-danger.checked, .button.button-danger.active {
background-color: #eb2521;
border-color: #eb2521;
color: #FFFFFF;
}
.button.button-info {
background-color: #42A5F5;
border-color: #42A5F5;
color: #FFFFFF;
}
.button.button-info:hover, .button.button-info.checked, .button.button-info.active {
background-color: #128ef2;
border-color: #128ef2;
color: #FFFFFF;
}
.button.button-warning {
background-color: #FFA726;
border-color: #FFA726;
color: #FFFFFF;
}
.button.button-warning:hover, .button.button-warning.checked, .button.button-warning.active {
background-color: #f29000;
border-color: #f29000;
color: #FFFFFF;
}
.button.button-light {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #53565A;
}
.button.button-light:hover, .button.button-light.checked, .button.button-light.active {
background-color: #d9d9d9;
border-color: #d9d9d9;
color: #53565A;
}
.button.button-dark {
background-color: #2f2f2f;
border-color: #2f2f2f;
color: #FFFFFF;
}
.button.button-dark:hover, .button.button-dark.checked, .button.button-dark.active {
background-color: #484848;
border-color: #484848;
color: #FFFFFF;
}
.button.button-outline-primary {
background-color: transparent;
border: 1px solid #DF4D38;
color: #DF4D38;
}
.button.button-outline-primary:hover, .button.button-outline-primary.checked, .button.button-outline-primary.active {
background-color: #DF4D38;
border-color: #DF4D38;
color: #FFFFFF;
}
.button.button-outline-secondary {
background-color: transparent;
border: 1px solid #E21C79;
color: #E21C79;
}
.button.button-outline-secondary:hover, .button.button-outline-secondary.checked, .button.button-outline-secondary.active {
background-color: #E21C79;
border-color: #E21C79;
color: #FFFFFF;
}
.button.button-outline-success {
background-color: transparent;
border: 1px solid #66BB6A;
color: #66BB6A;
}
.button.button-outline-success:hover, .button.button-outline-success.checked, .button.button-outline-success.active {
background-color: #66BB6A;
border-color: #66BB6A;
color: #FFFFFF;
}
.button.button-outline-danger {
background-color: transparent;
border: 1px solid #EF5350;
color: #EF5350;
}
.button.button-outline-danger:hover, .button.button-outline-danger.checked, .button.button-outline-danger.active {
background-color: #EF5350;
border-color: #EF5350;
color: #FFFFFF;
}
.button.button-outline-info {
background-color: transparent;
border: 1px solid #42A5F5;
color: #42A5F5;
}
.button.button-outline-info:hover, .button.button-outline-info.checked, .button.button-outline-info.active {
background-color: #42A5F5;
border-color: #42A5F5;
color: #FFFFFF;
}
.button.button-outline-warning {
background-color: transparent;
border: 1px solid #FFA726;
color: #FFA726;
}
.button.button-outline-warning:hover, .button.button-outline-warning.checked, .button.button-outline-warning.active {
background-color: #FFA726;
border-color: #FFA726;
color: #FFFFFF;
}
.button.button-outline-light {
background-color: transparent;
border: 1px solid #f2f2f2;
color: #f2f2f2;
}
.button.button-outline-light:hover, .button.button-outline-light.checked, .button.button-outline-light.active {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #53565A;
}
.button.button-outline-dark {
background-color: transparent;
border: 1px solid #2f2f2f;
color: #2f2f2f;
}
.button.button-outline-dark:hover, .button.button-outline-dark.checked, .button.button-outline-dark.active {
background-color: #2f2f2f;
border-color: #2f2f2f;
color: #FFFFFF;
}
.button.button-xsmall {
font-size: 70%;
}
.button.button-small {
font-size: 85%;
}
.button.button-large {
font-size: 125%;
}
.button.button-xlarge {
font-size: 150%;
}
.button.button-square {
border-radius: 0;
}
.button.button-pill {
border-radius: 500px;
}
.form-actions.actions-right {
text-align: right;
}
.form-actions.actions-right .button {
margin-left: 5px;
}
.form-actions.actions-center {
text-align: center;
}
.form-actions.actions-center .button {
margin: 0 3px;
}
.form-row {
margin: 0 -5px 0 -5px;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-row > .col, .form-row > .col-md, .form-row > .col-lg {
padding: 0 5px 0 5px;
}
.form-group .control-label {
display: block;
margin-bottom: 5px;
}
.form-group .col-control-label {
display: block;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.form-group .col-control-label {
margin-bottom: 0;
padding-top: 0.45em;
padding-bottom: 0.45em;
line-height: 1.5;
}
}
.form-group .col-check, .form-group .col-radio {
padding-top: 0.25em;
}
.form-group .form-check, .form-group .form-radio {
padding-left: 21px;
position: relative;
}
.form-group .form-check .check-input, .form-group .form-check .radio-input, .form-group .form-radio .check-input, .form-group .form-radio .radio-input {
position: absolute;
left: 0;
top: 6px;
margin: 0;
padding: 0;
}
.form-group .form-check .check-input:disabled ~ .check-label, .form-group .form-check .check-input:disabled ~ .radio-label, .form-group .form-check .radio-input:disabled ~ .check-label, .form-group .form-check .radio-input:disabled ~ .radio-label, .form-group .form-radio .check-input:disabled ~ .check-label, .form-group .form-radio .check-input:disabled ~ .radio-label, .form-group .form-radio .radio-input:disabled ~ .check-label, .form-group .form-radio .radio-input:disabled ~ .radio-label {
color: #777777;
}
.form-group .form-check .check-label, .form-group .form-check .radio-label, .form-group .form-radio .check-label, .form-group .form-radio .radio-label {
line-height: 1.65;
padding: 3px 0;
}
.form-group .form-control {
text-transform: none;
font-size: inherit;
font-family: inherit;
font-size: 100%;
*font-size: 90%;
*overflow: visible;
vertical-align: middle;
background: #FFFFFF;
color: #53565A;
border: 1px solid #EEEEEE;
padding: 0.429em;
height: 2.4em;
line-height: normal;
vertical-align: middle;
-webkit-user-drag: none;
display: inline-block;
*display: inline;
*zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: border 0.25s, color 0.25s, background-color 0.25s;
-moz-transition: border 0.25s, color 0.25s, background-color 0.25s;
-ms-transition: border 0.25s, color 0.25s, background-color 0.25s;
transition: border 0.25s, color 0.25s, background-color 0.25s;
}
.form-group .form-control:disabled {
background-color: whitesmoke;
cursor: not-allowed;
pointer-events: none;
}
.form-group .form-control:disabled.input-plain {
background: none;
border: none;
}
.form-group .form-control[readonly] {
background-color: whitesmoke;
}
.form-group .form-control[readonly].input-plain {
background: none;
border: none;
}
.form-group .form-control:focus {
box-shadow: 0 0 0 4px #fae4e1;
border-color: #e79e93;
outline: none;
}
.form-group .form-control.form-control-xsmall {
font-size: 70%;
}
.form-group .form-control.form-control-small {
font-size: 85%;
}
.form-group .form-control.form-control-large {
font-size: 125%;
}
.form-group .form-control.form-control-xlarge {
font-size: 150%;
}
.form-group .form-control.input-block {
width: 100%;
display: block;
}
.form-group textarea.form-control {
height: auto;
}
.form-group select.form-control {
padding: 0.35em 2.25em 0.35em 0.429em;
background: #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right 0.6rem center no-repeat;
background-size: 16px 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-group select.form-control[multiple] {
padding: 0.7em;
height: auto;
}
.form-group .input-group .input-block {
padding-right: 54px;
}
.form-group .input-group .group-button {
width: 48px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
border-radius: 0 2px 2px 0;
padding: 0.429em;
overflow: hidden;
}
.form-group .input-group .group-button::before {
display: none;
}
.form-group .input-icon .fa {
position: absolute;
top: 50%;
margin-top: -0.55rem;
color: rgba(119, 119, 119, 0.45);
}
.form-group .input-icon.icon-left .form-control {
padding-left: 2.25rem;
}
.form-group .input-icon.icon-left .fa {
left: 0.6rem;
}
.form-group .input-icon.icon-right .form-control {
padding-right: 2.25rem;
}
.form-group .input-icon.icon-right .fa {
right: 0.6rem;
}
.form-group .help-block, .form-group .feedback-block {
font-size: 0.85em;
margin: 5px 0 15px;
color: #777777;
}
.form-group .required {
color: #EF5350;
}
.form-group.has-error .control-label, .form-group.has-error .col-control-label, .form-group.has-error .check-label, .form-group.has-error .radio-label, .form-group.has-error .form-control, .form-group.has-error .feedback-block {
color: #EF5350;
}
.form-group.has-success .control-label, .form-group.has-success .col-control-label, .form-group.has-success .check-label, .form-group.has-success .radio-label, .form-group.has-success .form-control, .form-group.has-success .feedback-block {
color: #66BB6A;
}
.form-group.has-error .form-control {
border-color: #EF5350;
}
.form-group.has-error .form-control::-webkit-input-placeholder {
color: #f7a9a8;
}
.form-group.has-error .form-control:-ms-input-placeholder {
color: #f7a9a8;
}
.form-group.has-error .form-control::-moz-placeholder {
color: #f7a9a8;
}
.form-group.has-error .form-control:-moz-placeholder {
color: #f7a9a8;
}
.form-group.has-error .form-control:focus {
box-shadow: 0 0 0 4px #fde5e5;
border-color: #efa19f;
outline: none;
}
.form-group.has-success .form-control {
border-color: #66BB6A;
}
.form-group.has-success .form-control::-webkit-input-placeholder {
color: #b3ddb5;
}
.form-group.has-success .form-control:-ms-input-placeholder {
color: #b3ddb5;
}
.form-group.has-success .form-control::-moz-placeholder {
color: #b3ddb5;
}
.form-group.has-success .form-control:-moz-placeholder {
color: #b3ddb5;
}
.form-group.has-success .form-control:focus {
box-shadow: 0 0 0 4px #e8f5e9;
border-color: #aad5ac;
outline: none;
}
html {
overflow-y: scroll;
height: 100%;
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
font-family: "KievitOT";
font-size: 16px;
color: #53565A;
}
body.has-fixed-header header.is-fixed {
transform: translateY(0);
}
section {
flex: 1 0 0;
}
h1 {
font-size: 3.052rem;
font-family: "Adelle Basic Rg";
font-weight: 700;
}
h2 {
font-size: 2.441rem;
font-family: "Adelle Basic Rg";
font-weight: 700;
}
h3 {
font-size: 1.953rem;
font-family: "KievitOT";
text-transform: uppercase;
font-weight: 300;
}
h4 {
font-size: 1.563rem;
font-family: "KievitOT";
}
h5 {
font-size: 1.25rem;
font-family: "KievitOT";
}
.button {
border-radius: 500px;
text-transform: uppercase;
}
.site-header.is-fixed {
position: fixed !important;
left: 0;
top: 0;
width: 100%;
z-index: 100;
transform: translateY(-160px);
transition: all 250ms ease-out;
background: #FFFFFF;
box-shadow: 0 0 10px rgba(83, 86, 90, 0.1);
}
.site-header .site-nav {
display: flex;
justify-content: end;
align-items: center;
height: 100%;
}
.site-header .site-nav .menu .menu-item {
display: inline-block;
}
.site-header .site-nav .menu .menu-item a {
text-transform: uppercase;
text-decoration: none;
display: block;
color: #53565A;
font-size: 0.95rem;
position: relative;
transition: all 350ms;
}
.site-header .site-nav .menu .menu-item a::after {
content: "";
display: block;
width: 0;
height: 3px;
bottom: -3px;
background: #DF4D38;
transition: all 350ms ease-out;
}
.site-header .site-nav .menu .menu-item a:hover {
color: #DF4D38;
}
.site-header .site-nav .menu .menu-item a:hover::after {
width: 100%;
}
.site-header .site-nav .menu .menu-item:not(:last-child) {
padding-right: 1rem;
}
.site-header .site-extras {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
}
.site-header .site-extras a {
display: inline-block;
color: #53565A;
}
.site-header .site-extras a:hover {
color: #DF4D38;
}
.site-header .site-extras a:not(:last-child) {
padding-right: 1rem;
}
.site-footer {
background: #702F89;
color: #FFFFFF;
}
.site-footer h4 {
font-size: 1.25em;
font-family: "KievitOT";
text-transform: uppercase;
font-weight: 300;
color: #DF4D38;
margin-bottom: 1rem;
}
.site-footer .footer-nav:not(.nav-social) .menu li {
display: block;
}
.site-footer .footer-nav:not(.nav-social) .menu li:not(:last-child) {
margin-bottom: 0.35rem;
}
.site-footer .footer-nav .menu li {
display: inline-block;
}
.site-footer .footer-nav .menu li a {
color: #dbcbe2;
font-weight: 500;
font-size: 1.15em;
text-decoration: none;
}
.site-footer .footer-nav .menu li a:hover {
color: #FFFFFF;
text-decoration: none;
}
.site-footer .footer-nav .menu li:not(:last-child) {
margin-right: 0.5rem;
}
.site-footer .copyright {
color: #cdb6d6;
}
.site-footer .copyright a {
color: #FFFFFF;
}
.site-footer .copyright a:hover {
text-decoration: none;
color: #DF4D38;
}
.pagination {
text-align: center;
margin-bottom: 2rem;
}
.pagination .page-numbers {
display: inline-block;
padding: 0.5rem;
text-decoration: none;
}
.pagination .page-numbers.current {
font-weight: 700;
color: #777777;
}
.list.list-terms {
list-style: none;
}
.list.list-terms li {
list-style: none;
}
.list.list-terms li a {
display: block;
padding: 0.25rem 0;
}
.icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
font-size: 24px;
}
.icon.icon-rounded {
border-radius: 0.25rem;
}
.icon.icon-round {
border-radius: 100%;
}
.gallery .image {
height: 0;
padding-bottom: 100%;
overflow: hidden;
}
.gallery .image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.section.section-slideshow .slides .slide .image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.section.section-slideshow .slides .slide .image .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.section.section-slideshow .slides .slide .wrapper {
display: flex;
align-items: flex-end;
justify-content: flex-start;
z-index: 2;
background: #54575A;
}
@media (min-width: 1024px) {
.section.section-slideshow .slides .slide .wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent;
}
}
.section.section-image_with_overlay .image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.section.section-image_with_overlay .image .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.section.section-image_with_overlay .wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.section.section-post_list .loop .post {
height: 100%;
}
.section.section-post_list .loop .post .wrapper {
background: #FFFFFF;
min-height: 100%;
display: flex;
flex-direction: column;
}
.section.section-post_list .loop .post .wrapper .card-thumbnail .thumbnail-placeholder {
height: 0;
padding-bottom: 65%;
text-align: center;
}
.section.section-post_list .loop .post .wrapper .card-thumbnail .thumbnail-placeholder img {
width: 65%;
}
.section.section-post_list .loop .post .wrapper .card-details {
padding: 1rem;
flex: 1 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.section.section-post_list .loop .post .wrapper .card-details h4 {
font-family: "Adelle Basic Rg";
font-weight: 500;
font-size: 1.25em;
line-height: 1.25;
}
.section.section-post_list .loop .post .wrapper .card-details .actions {
border-top: 1px solid #EEEEEE;
padding-top: 1rem;
}
.section.section-post_list .loop .post .wrapper .card-details .actions a {
text-transform: uppercase;
}
.section.section-contacto h3 {
color: #702F89;
font-size: 1.15rem;
margin-bottom: 1rem;
}
.section.section-contacto h2 {
margin-bottom: 1rem;
}
.section.section-contacto p {
line-height: 1.65;
margin-bottom: 1rem;
}
.section.section-contacto .icon {
background: #702F89;
color: #FFFFFF;
}
.section.section-contacto .control-label {
font-size: 0.85em;
text-transform: uppercase;
color: #777777;
}
.section.section-contacto .button.button-secondary {
background-color: #702F89;
border-color: #702F89;
}
.section.section-contacto .button.button-secondary:hover {
background-color: #602876;
border-color: #602876;
}
.section.section-que_hay_para_ti .block-for-you h2 {
margin-bottom: 4rem;
}
.section.section-que_hay_para_ti .block-for-you .item {
margin-bottom: 2rem;
text-align: center;
}
@media (min-width: 1024px) {
.section.section-que_hay_para_ti .block-for-you .item {
padding-left: 128px;
text-align: left;
}
}
.section.section-que_hay_para_ti .block-for-you .item .number {
font-size: 4em;
font-family: "Adelle Basic Rg";
text-align: center;
color: #E21C79;
}
@media (min-width: 1024px) {
.section.section-que_hay_para_ti .block-for-you .item .number {
width: 128px;
position: absolute;
left: 0;
}
}
.section.section-que_hay_para_ti .block-for-you .item .details h3 {
font-family: "Adelle Basic Rg";
font-size: 1.75em;
font-weight: 700;
margin-bottom: 0.25em;
}
.section.section-que_hay_para_ti .block-for-you .item .details p {
font-size: 1.15em;
}
.section.section-quien_es_amco {
background: #DF4D38 url("../img/img-quienes.webp") center top no-repeat;
background-size: cover;
color: #FFFFFF;
}
.section.section-quien_es_amco .block-who-is h2 {
margin-bottom: 4rem;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.3);
}
.section.section-quien_es_amco .block-who-is .numbers .number {
font-size: 4em;
font-family: "Adelle Basic Rg";
text-align: center;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.3);
}
.section.section-quien_es_amco .block-who-is .numbers p {
font-size: 1.5em;
text-align: center;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.3);
}
.section.section-quien_es_amco .block-who-is .numbers p small {
display: block;
}
.section.section-quien_es_amco .block-who-is ul {
padding-left: 1.5rem;
}
.section.section-quien_es_amco .block-who-is ul li {
font-size: 1.25em;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.3);
}
.section.section-quien_es_amco .block-who-is ul li:not(:last-child) {
margin-bottom: 2rem;
}
.swiper.has-buttons .swiper-button {
position: absolute;
color: #53565A;
text-decoration: none;
z-index: 1;
display: none;
width: auto;
height: auto;
padding: 0.5rem;
background: #FFFFFF;
transition: all 350ms ease-out;
}
.swiper.has-buttons .swiper-button::after {
font-size: 24px;
}
@media (min-width: 1024px) {
.swiper.has-buttons .swiper-button {
display: block;
}
}
.swiper.has-buttons .swiper-button.swiper-button-prev {
left: -2rem;
border-radius: 0 0.25rem 0.25rem 0;
}
.swiper.has-buttons .swiper-button.swiper-button-next {
right: -2rem;
border-radius: 0.25rem 0 0 0.25rem;
}
.swiper.has-buttons:hover .swiper-button.swiper-button-prev {
left: 0;
}
.swiper.has-buttons:hover .swiper-button.swiper-button-next {
right: 0;
}
.swiper.has-pagination {
padding-bottom: 3rem;
}
.swiper.has-pagination .swiper-pagination {
position: absolute;
}
.page.page-home .site-header:not(.is-fixed) {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 100;
}
.page.page-home .site-header:not(.is-fixed) img {
filter: saturate(0) brightness(0) invert(1);
}
.page.page-home .site-header:not(.is-fixed) a {
color: #FFFFFF;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.35);
}
.page.page-home .site-header:not(.is-fixed) a::after {
background: #FFFFFF;
}
.page.page-home .site-header:not(.is-fixed) a:hover {
color: #FFFFFF;
}
.page.page-home .section-slideshow h2, .page.page-home .section-slideshow h3, .page.page-home .section-slideshow p {
color: #FFFFFF;
}
.page.page-home .section-slideshow h3 {
font-size: 1.15rem;
margin-bottom: 1rem;
}
@media (min-width: 1024px) {
.page.page-home .section-slideshow .slides .slide .image {
height: 0;
padding-bottom: 75%;
}
.page.page-home .section-slideshow .slides .slide .image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (min-width: 1600px) {
.page.page-home .section-slideshow .slides .slide .image {
padding-bottom: 48%;
}
}
.page.page-home .section-slideshow .slides .slide .wrapper {
align-items: center;
justify-content: start;
}
.page.page-home .section-slideshow .slides .slide .wrapper h2 {
font-size: 2.25em;
margin-bottom: 0.75rem;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.35);
}
@media (min-width: 1024px) {
.page.page-home .section-slideshow .slides .slide .wrapper h2 {
font-size: 3em;
}
}
.page.page-home .section-slideshow .slides .slide .wrapper p {
font-size: 1.15em;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.35);
}
@media (min-width: 1024px) {
.page.page-home .section-slideshow .slides .slide .wrapper p {
font-size: 1.35em;
}
}
.page.page-home .section-mision h3 {
color: #E21C79;
font-size: 1.15rem;
margin-bottom: 1rem;
}
.page.page-home .section-mision h2 {
margin-bottom: 1rem;
}
.page.page-home .section-mision p {
line-height: 1.65;
font-size: 1.15em;
margin-bottom: 1rem;
}
.page.page-home .section-post_list {
background: #F7F9FC;
}
.page.page-home .section-post_list h3 {
color: #DF4D38;
font-size: 1.15rem;
margin-bottom: 1rem;
}
.page.page-home .section-post_list h2 {
margin-bottom: 1rem;
}
.page.page-home .section-eventos h2, .page.page-home .section-eventos h3 {
color: #FFFFFF;
}
.page.page-home .section-eventos h3 {
font-size: 1.15rem;
margin-bottom: 1rem;
}
.page.page-home .section-sintesis-contenidos {
background: #F3F5F7;
}
.page.page-home .section-sintesis-contenidos h2 {
text-align: center;
margin-bottom: 2rem;
}
.page.page-home .section-sintesis-contenidos p {
font-size: 1.15em;
line-height: 1.65;
}
.page.page-home .section-encuesta h3 {
color: #FF9E1A;
font-size: 1.15rem;
margin-bottom: 1rem;
}
.page.page-home .section-encuesta h2 {
margin-bottom: 1rem;
}
.page.page-home .section-encuesta p {
font-size: 1.15em;
line-height: 1.65;
margin-bottom: 1rem;
}
.page.page-home .section-encuesta .button.button-primary {
background-color: #FF9E1A;
border-color: #FF9E1A;
}
.page.page-home .section-encuesta .button.button-primary:hover {
background-color: #ff9300;
border-color: #ff9300;
}
.page.page-home .section-encuesta .button.button-outline-primary {
color: #FF9E1A;
border-color: #FF9E1A;
}
.page.page-home .section-encuesta .button.button-outline-primary:hover {
background-color: #ff9300;
border-color: #ff9300;
color: #FFFFFF;
}
.page.page-conocenos .block-mission {
padding: 4rem 0;
}
.page.page-conocenos .block-mission img {
margin-bottom: 1rem;
}
@media (min-width: 1024px) {
.page.page-conocenos .block-mission img {
margin-bottom: 0;
}
}
.page.page-conocenos .block-mission h3 {
font-family: "Adelle Basic Rg";
font-weight: 700;
text-transform: none;
margin-bottom: 1rem;
text-align: center;
}
.page.page-conocenos .block-mission p {
font-size: 1.25em;
}
.page.page-conocenos .block-board {
padding: 2rem 0;
}
.page.page-conocenos .block-board.board-directors, .page.page-conocenos .block-board.partners {
background: #F7F9FC;
}
.page.page-conocenos .block-board h3 {
font-family: "Adelle Basic Rg";
font-weight: 700;
text-transform: none;
margin-bottom: 2rem;
text-align: center;
}
.page.page-conocenos .block-board h4 {
font-family: "KievitOT";
text-transform: uppercase;
font-size: 0.95em;
font-weight: 300;
margin-bottom: 0.25em;
color: #E21C79;
text-align: center;
}
.page.page-conocenos .block-board p {
text-align: center;
font-size: 1.25em;
margin-bottom: 3rem;
}
.page.page-nuestra-historia .block-timeline {
padding: 2rem 0;
}
.page.page-nuestra-historia .block-timeline h3 {
font-family: "Adelle Basic Rg";
font-weight: 700;
text-transform: none;
margin-bottom: 2rem;
text-align: center;
}
.page.page-nuestra-historia .block-timeline .timeline .event:not(:last-child) {
margin-bottom: 2rem;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-image {
margin-bottom: 1rem;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-details {
text-align: center;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-details h5 {
font-size: 3em;
margin-bottom: 0.25rem;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-details h6 {
font-family: "KievitOT";
text-transform: uppercase;
font-size: 1em;
font-weight: 300;
margin-bottom: 0.5em;
color: #E21C79;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-details .event-content {
font-size: 1.15em;
line-height: 1.65;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-details .event-content > *:not(:last-child) {
margin-bottom: 1rem;
}
@media (min-width: 1024px) {
.page.page-nuestra-historia .block-timeline .timeline .event {
min-height: 240px;
display: flex;
}
.page.page-nuestra-historia .block-timeline .timeline .event:not(:last-child) {
margin-bottom: 3rem;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-image {
position: absolute;
width: 240px;
height: auto;
}
.page.page-nuestra-historia .block-timeline .timeline .event .event-details {
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 0 0;
}
.page.page-nuestra-historia .block-timeline .timeline .event:nth-child(odd) {
padding-left: 240px;
}
.page.page-nuestra-historia .block-timeline .timeline .event:nth-child(odd) .event-image {
left: 0;
}
.page.page-nuestra-historia .block-timeline .timeline .event:nth-child(odd) .event-details {
padding-left: 2rem;
}
.page.page-nuestra-historia .block-timeline .timeline .event:nth-child(even) {
padding-right: 240px;
}
.page.page-nuestra-historia .block-timeline .timeline .event:nth-child(even) .event-image {
right: 0;
}
.page.page-nuestra-historia .block-timeline .timeline .event:nth-child(even) .event-details {
padding-right: 2rem;
}
}
.page.page-nuestra-historia .block-gallery {
padding: 2rem 0;
background: #F7F9FC;
}
.page.page-nuestra-historia .block-gallery h3 {
font-family: "Adelle Basic Rg";
font-weight: 700;
text-transform: none;
margin-bottom: 2rem;
text-align: center;
}
.page.page-nuestra-historia .block-gallery .galleries h3 {
font-size: 1.5em;
}
.page.has-heading .block-heading .heading-image {
height: 0;
padding-bottom: 60%;
overflow: hidden;
}
@media (min-width: 1600px) {
.page.has-heading .block-heading .heading-image {
padding-bottom: 320px;
}
}
.page.has-heading .block-heading .heading-image img {
position: absolute;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.page.has-heading .block-heading .heading-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #FFFFFF;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
text-shadow: 0 0 0.5rem rgba(83, 86, 90, 0.3);
}
@media (min-width: 1024px) {
.single .the-content {
padding-right: 1rem;
}
}
.single .the-content .post-title {
font-size: 1.85em;
line-height: 1.25;
}
.single .the-content .post-content {
font-size: 1.15em;
line-height: 1.75;
}
.single .the-content .post-content .alignnone {
display: block;
margin: 0 auto;
}
.single aside h3 {
font-family: "Adelle Basic Rg";
font-weight: 700;
font-size: 1.25em;
margin-bottom: 1rem;
text-transform: none;
border-bottom: 1px solid #EEEEEE;
padding-bottom: 0.35rem;
}
@media (min-width: 1024px) {
.single aside {
width: 260px;
}
}
@media (min-width: 1600px) {
.single aside {
width: 320px;
}
}
.single aside .loop.loop-posts .post .wrapper {
padding-left: 72px;
}
.single aside .loop.loop-posts .post .wrapper .card-thumbnail {
position: absolute;
width: 64px;
left: 0;
top: 0;
}
.single aside .loop.loop-posts .post .wrapper .card-details h4 {
font-family: "Adelle Basic Rg";
font-weight: 500;
font-size: 1.05em;
margin-bottom: 0.25rem;
text-transform: none;
}
.archive, .search {
background: #FAFAFA;
}
.archive .loop .post, .search .loop .post {
height: 100%;
}
.archive .loop .post .wrapper, .search .loop .post .wrapper {
background: #FFFFFF;
min-height: 100%;
display: flex;
flex-direction: column;
}
.archive .loop .post .wrapper .card-thumbnail .thumbnail-placeholder, .search .loop .post .wrapper .card-thumbnail .thumbnail-placeholder {
height: 0;
padding-bottom: 65%;
text-align: center;
}
.archive .loop .post .wrapper .card-thumbnail .thumbnail-placeholder img, .search .loop .post .wrapper .card-thumbnail .thumbnail-placeholder img {
width: 65%;
}
.archive .loop .post .wrapper .card-details, .search .loop .post .wrapper .card-details {
padding: 1rem;
flex: 1 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.archive .loop .post .wrapper .card-details h4, .search .loop .post .wrapper .card-details h4 {
font-family: "Adelle Basic Rg";
font-weight: 500;
font-size: 1.25em;
line-height: 1.25;
}
.archive .loop .post .wrapper .card-details .actions, .search .loop .post .wrapper .card-details .actions {
border-top: 1px solid #EEEEEE;
padding-top: 1rem;
}
.archive .loop .post .wrapper .card-details .actions a, .search .loop .post .wrapper .card-details .actions a {
text-transform: uppercase;
}