html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
a {
text-decoration: none;
}
li,
ul {
list-style: none;
}
table {
border-collapse: collapse;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.grid {
display: -ms-grid;
display: grid;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.top {
top: 0;
}
.bottom {
bottom: 0;
}
.right {
right: 0;
}
.left {
left: 0;
}
.justify-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-items-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-items: center;
}
.justify-items-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-items: end;
}
.justify-items-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-items: start;
}
.justify-self-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: center;
}
.justify-self-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: end;
}
.justify-self-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-self: start;
}
.justify-space-evenly {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.justify-space-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-space-around {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-content-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.justify-content-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.align-items-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-content-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
}
.align-items-space-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-items-space-around {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-items-flex-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-items-flex-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.row {
display: -ms-grid;
display: grid;
width: 100%;
margin: 0 auto;
-ms-grid-columns: (1fr)[12];
grid-template-columns: repeat(12, 1fr);
grid-column: span 12;
}
.container {
display: -ms-grid;
display: grid;
width: 100%;
margin: 0 auto;
-ms-grid-columns: repeat 12, 1fr;
grid-template-columns: repeat 12, 1fr;
}
.place-item--1 {
-ms-grid-column: -1;
grid-column-start: -1;
}
.place-item--1-13 {
grid-column: -1/13;
}
.place-item--1-12 {
grid-column: -1/12;
}
.place-item--1-11 {
grid-column: -1/11;
}
.place-item--1-10 {
grid-column: -1/10;
}
.place-item--1-9 {
grid-column: -1/9;
}
.place-item--1-8 {
grid-column: -1/8;
}
.place-item--1-7 {
grid-column: -1/7;
}
.place-item--1-6 {
grid-column: -1/6;
}
.place-item--1-5 {
grid-column: -1/5;
}
.place-item--1-4 {
grid-column: -1/4;
}
.place-item--1-3 {
grid-column: -1/3;
}
.place-item--1-2 {
grid-column: -1/2;
}
.place-item--1-1 {
grid-column: -1/1;
}
.place-item--1-0 {
grid-column: -1/0;
}
.place-item--1--1 {
grid-column: -1/-1;
}
.place-item-0 {
-ms-grid-column: 0;
grid-column-start: 0;
}
.place-item-0-13 {
grid-column: 0/13;
}
.place-item-0-12 {
grid-column: 0/12;
}
.place-item-0-11 {
grid-column: 0/11;
}
.place-item-0-10 {
grid-column: 0/10;
}
.place-item-0-9 {
grid-column: 0/9;
}
.place-item-0-8 {
grid-column: 0/8;
}
.place-item-0-7 {
grid-column: 0/7;
}
.place-item-0-6 {
grid-column: 0/6;
}
.place-item-0-5 {
grid-column: 0/5;
}
.place-item-0-4 {
grid-column: 0/4;
}
.place-item-0-3 {
grid-column: 0/3;
}
.place-item-0-2 {
grid-column: 0/2;
}
.place-item-0-1 {
grid-column: 0/1;
}
.place-item-0-0 {
grid-column: 0/0;
}
.place-item-0--1 {
grid-column: 0/-1;
}
.place-item-1 {
-ms-grid-column: 1;
grid-column-start: 1;
}
.place-item-1-13 {
-ms-grid-column: 1;
-ms-grid-column-span: 12;
grid-column: 1/13;
}
.place-item-1-12 {
-ms-grid-column: 1;
-ms-grid-column-span: 11;
grid-column: 1/12;
}
.place-item-1-11 {
-ms-grid-column: 1;
-ms-grid-column-span: 10;
grid-column: 1/11;
}
.place-item-1-10 {
-ms-grid-column: 1;
-ms-grid-column-span: 9;
grid-column: 1/10;
}
.place-item-1-9 {
-ms-grid-column: 1;
-ms-grid-column-span: 8;
grid-column: 1/9;
}
.place-item-1-8 {
-ms-grid-column: 1;
-ms-grid-column-span: 7;
grid-column: 1/8;
}
.place-item-1-7 {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
}
.place-item-1-6 {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1/6;
}
.place-item-1-5 {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
}
.place-item-1-4 {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.place-item-1-3 {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3;
}
.place-item-1-2 {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
}
.place-item-1-1 {
-ms-grid-column: 1;
grid-column: 1/1;
}
.place-item-1-0 {
grid-column: 1/0;
}
.place-item-1--1 {
grid-column: 1/-1;
}
.place-item-2 {
-ms-grid-column: 2;
grid-column-start: 2;
}
.place-item-2-13 {
-ms-grid-column: 2;
-ms-grid-column-span: 11;
grid-column: 2/13;
}
.place-item-2-12 {
-ms-grid-column: 2;
-ms-grid-column-span: 10;
grid-column: 2/12;
}
.place-item-2-11 {
-ms-grid-column: 2;
-ms-grid-column-span: 9;
grid-column: 2/11;
}
.place-item-2-10 {
-ms-grid-column: 2;
-ms-grid-column-span: 8;
grid-column: 2/10;
}
.place-item-2-9 {
-ms-grid-column: 2;
-ms-grid-column-span: 7;
grid-column: 2/9;
}
.place-item-2-8 {
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-column: 2/8;
}
.place-item-2-7 {
-ms-grid-column: 2;
-ms-grid-column-span: 5;
grid-column: 2/7;
}
.place-item-2-6 {
-ms-grid-column: 2;
-ms-grid-column-span: 4;
grid-column: 2/6;
}
.place-item-2-5 {
-ms-grid-column: 2;
-ms-grid-column-span: 3;
grid-column: 2/5;
}
.place-item-2-4 {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2/4;
}
.place-item-2-3 {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
}
.place-item-2-2 {
-ms-grid-column: 2;
grid-column: 2/2;
}
.place-item-2-1 {
-ms-grid-column: 2;
-ms-grid-column-span: -1;
grid-column: 2/1;
}
.place-item-2-0 {
grid-column: 2/0;
}
.place-item-2--1 {
grid-column: 2/-1;
}
.place-item-3 {
-ms-grid-column: 3;
grid-column-start: 3;
}
.place-item-3-13 {
-ms-grid-column: 3;
-ms-grid-column-span: 10;
grid-column: 3/13;
}
.place-item-3-12 {
-ms-grid-column: 3;
-ms-grid-column-span: 9;
grid-column: 3/12;
}
.place-item-3-11 {
-ms-grid-column: 3;
-ms-grid-column-span: 8;
grid-column: 3/11;
}
.place-item-3-10 {
-ms-grid-column: 3;
-ms-grid-column-span: 7;
grid-column: 3/10;
}
.place-item-3-9 {
-ms-grid-column: 3;
-ms-grid-column-span: 6;
grid-column: 3/9;
}
.place-item-3-8 {
-ms-grid-column: 3;
-ms-grid-column-span: 5;
grid-column: 3/8;
}
.place-item-3-7 {
-ms-grid-column: 3;
-ms-grid-column-span: 4;
grid-column: 3/7;
}
.place-item-3-6 {
-ms-grid-column: 3;
-ms-grid-column-span: 3;
grid-column: 3/6;
}
.place-item-3-5 {
-ms-grid-column: 3;
-ms-grid-column-span: 2;
grid-column: 3/5;
}
.place-item-3-4 {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
}
.place-item-3-3 {
-ms-grid-column: 3;
grid-column: 3/3;
}
.place-item-3-2 {
-ms-grid-column: 3;
-ms-grid-column-span: -1;
grid-column: 3/2;
}
.place-item-3-1 {
-ms-grid-column: 3;
-ms-grid-column-span: -2;
grid-column: 3/1;
}
.place-item-3-0 {
grid-column: 3/0;
}
.place-item-3--1 {
grid-column: 3/-1;
}
.place-item-4 {
-ms-grid-column: 4;
grid-column-start: 4;
}
.place-item-4-13 {
-ms-grid-column: 4;
-ms-grid-column-span: 9;
grid-column: 4/13;
}
.place-item-4-12 {
-ms-grid-column: 4;
-ms-grid-column-span: 8;
grid-column: 4/12;
}
.place-item-4-11 {
-ms-grid-column: 4;
-ms-grid-column-span: 7;
grid-column: 4/11;
}
.place-item-4-10 {
-ms-grid-column: 4;
-ms-grid-column-span: 6;
grid-column: 4/10;
}
.place-item-4-9 {
-ms-grid-column: 4;
-ms-grid-column-span: 5;
grid-column: 4/9;
}
.place-item-4-8 {
-ms-grid-column: 4;
-ms-grid-column-span: 4;
grid-column: 4/8;
}
.place-item-4-7 {
-ms-grid-column: 4;
-ms-grid-column-span: 3;
grid-column: 4/7;
}
.place-item-4-6 {
-ms-grid-column: 4;
-ms-grid-column-span: 2;
grid-column: 4/6;
}
.place-item-4-5 {
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
}
.place-item-4-4 {
-ms-grid-column: 4;
grid-column: 4/4;
}
.place-item-4-3 {
-ms-grid-column: 4;
-ms-grid-column-span: -1;
grid-column: 4/3;
}
.place-item-4-2 {
-ms-grid-column: 4;
-ms-grid-column-span: -2;
grid-column: 4/2;
}
.place-item-4-1 {
-ms-grid-column: 4;
-ms-grid-column-span: -3;
grid-column: 4/1;
}
.place-item-4-0 {
grid-column: 4/0;
}
.place-item-4--1 {
grid-column: 4/-1;
}
.place-item-5 {
-ms-grid-column: 5;
grid-column-start: 5;
}
.place-item-5-13 {
-ms-grid-column: 5;
-ms-grid-column-span: 8;
grid-column: 5/13;
}
.place-item-5-12 {
-ms-grid-column: 5;
-ms-grid-column-span: 7;
grid-column: 5/12;
}
.place-item-5-11 {
-ms-grid-column: 5;
-ms-grid-column-span: 6;
grid-column: 5/11;
}
.place-item-5-10 {
-ms-grid-column: 5;
-ms-grid-column-span: 5;
grid-column: 5/10;
}
.place-item-5-9 {
-ms-grid-column: 5;
-ms-grid-column-span: 4;
grid-column: 5/9;
}
.place-item-5-8 {
-ms-grid-column: 5;
-ms-grid-column-span: 3;
grid-column: 5/8;
}
.place-item-5-7 {
-ms-grid-column: 5;
-ms-grid-column-span: 2;
grid-column: 5/7;
}
.place-item-5-6 {
-ms-grid-column: 5;
-ms-grid-column-span: 1;
grid-column: 5/6;
}
.place-item-5-5 {
-ms-grid-column: 5;
grid-column: 5/5;
}
.place-item-5-4 {
-ms-grid-column: 5;
-ms-grid-column-span: -1;
grid-column: 5/4;
}
.place-item-5-3 {
-ms-grid-column: 5;
-ms-grid-column-span: -2;
grid-column: 5/3;
}
.place-item-5-2 {
-ms-grid-column: 5;
-ms-grid-column-span: -3;
grid-column: 5/2;
}
.place-item-5-1 {
-ms-grid-column: 5;
-ms-grid-column-span: -4;
grid-column: 5/1;
}
.place-item-5-0 {
grid-column: 5/0;
}
.place-item-5--1 {
grid-column: 5/-1;
}
.place-item-6 {
-ms-grid-column: 6;
grid-column-start: 6;
}
.place-item-6-13 {
-ms-grid-column: 6;
-ms-grid-column-span: 7;
grid-column: 6/13;
}
.place-item-6-12 {
-ms-grid-column: 6;
-ms-grid-column-span: 6;
grid-column: 6/12;
}
.place-item-6-11 {
-ms-grid-column: 6;
-ms-grid-column-span: 5;
grid-column: 6/11;
}
.place-item-6-10 {
-ms-grid-column: 6;
-ms-grid-column-span: 4;
grid-column: 6/10;
}
.place-item-6-9 {
-ms-grid-column: 6;
-ms-grid-column-span: 3;
grid-column: 6/9;
}
.place-item-6-8 {
-ms-grid-column: 6;
-ms-grid-column-span: 2;
grid-column: 6/8;
}
.place-item-6-7 {
-ms-grid-column: 6;
-ms-grid-column-span: 1;
grid-column: 6/7;
}
.place-item-6-6 {
-ms-grid-column: 6;
grid-column: 6/6;
}
.place-item-6-5 {
-ms-grid-column: 6;
-ms-grid-column-span: -1;
grid-column: 6/5;
}
.place-item-6-4 {
-ms-grid-column: 6;
-ms-grid-column-span: -2;
grid-column: 6/4;
}
.place-item-6-3 {
-ms-grid-column: 6;
-ms-grid-column-span: -3;
grid-column: 6/3;
}
.place-item-6-2 {
-ms-grid-column: 6;
-ms-grid-column-span: -4;
grid-column: 6/2;
}
.place-item-6-1 {
-ms-grid-column: 6;
-ms-grid-column-span: -5;
grid-column: 6/1;
}
.place-item-6-0 {
grid-column: 6/0;
}
.place-item-6--1 {
grid-column: 6/-1;
}
.place-item-7 {
-ms-grid-column: 7;
grid-column-start: 7;
}
.place-item-7-13 {
-ms-grid-column: 7;
-ms-grid-column-span: 6;
grid-column: 7/13;
}
.place-item-7-12 {
-ms-grid-column: 7;
-ms-grid-column-span: 5;
grid-column: 7/12;
}
.place-item-7-11 {
-ms-grid-column: 7;
-ms-grid-column-span: 4;
grid-column: 7/11;
}
.place-item-7-10 {
-ms-grid-column: 7;
-ms-grid-column-span: 3;
grid-column: 7/10;
}
.place-item-7-9 {
-ms-grid-column: 7;
-ms-grid-column-span: 2;
grid-column: 7/9;
}
.place-item-7-8 {
-ms-grid-column: 7;
-ms-grid-column-span: 1;
grid-column: 7/8;
}
.place-item-7-7 {
-ms-grid-column: 7;
grid-column: 7/7;
}
.place-item-7-6 {
-ms-grid-column: 7;
-ms-grid-column-span: -1;
grid-column: 7/6;
}
.place-item-7-5 {
-ms-grid-column: 7;
-ms-grid-column-span: -2;
grid-column: 7/5;
}
.place-item-7-4 {
-ms-grid-column: 7;
-ms-grid-column-span: -3;
grid-column: 7/4;
}
.place-item-7-3 {
-ms-grid-column: 7;
-ms-grid-column-span: -4;
grid-column: 7/3;
}
.place-item-7-2 {
-ms-grid-column: 7;
-ms-grid-column-span: -5;
grid-column: 7/2;
}
.place-item-7-1 {
-ms-grid-column: 7;
-ms-grid-column-span: -6;
grid-column: 7/1;
}
.place-item-7-0 {
grid-column: 7/0;
}
.place-item-7--1 {
grid-column: 7/-1;
}
.place-item-8 {
-ms-grid-column: 8;
grid-column-start: 8;
}
.place-item-8-13 {
-ms-grid-column: 8;
-ms-grid-column-span: 5;
grid-column: 8/13;
}
.place-item-8-12 {
-ms-grid-column: 8;
-ms-grid-column-span: 4;
grid-column: 8/12;
}
.place-item-8-11 {
-ms-grid-column: 8;
-ms-grid-column-span: 3;
grid-column: 8/11;
}
.place-item-8-10 {
-ms-grid-column: 8;
-ms-grid-column-span: 2;
grid-column: 8/10;
}
.place-item-8-9 {
-ms-grid-column: 8;
-ms-grid-column-span: 1;
grid-column: 8/9;
}
.place-item-8-8 {
-ms-grid-column: 8;
grid-column: 8/8;
}
.place-item-8-7 {
-ms-grid-column: 8;
-ms-grid-column-span: -1;
grid-column: 8/7;
}
.place-item-8-6 {
-ms-grid-column: 8;
-ms-grid-column-span: -2;
grid-column: 8/6;
}
.place-item-8-5 {
-ms-grid-column: 8;
-ms-grid-column-span: -3;
grid-column: 8/5;
}
.place-item-8-4 {
-ms-grid-column: 8;
-ms-grid-column-span: -4;
grid-column: 8/4;
}
.place-item-8-3 {
-ms-grid-column: 8;
-ms-grid-column-span: -5;
grid-column: 8/3;
}
.place-item-8-2 {
-ms-grid-column: 8;
-ms-grid-column-span: -6;
grid-column: 8/2;
}
.place-item-8-1 {
-ms-grid-column: 8;
-ms-grid-column-span: -7;
grid-column: 8/1;
}
.place-item-8-0 {
grid-column: 8/0;
}
.place-item-8--1 {
grid-column: 8/-1;
}
.place-item-9 {
-ms-grid-column: 9;
grid-column-start: 9;
}
.place-item-9-13 {
-ms-grid-column: 9;
-ms-grid-column-span: 4;
grid-column: 9/13;
}
.place-item-9-12 {
-ms-grid-column: 9;
-ms-grid-column-span: 3;
grid-column: 9/12;
}
.place-item-9-11 {
-ms-grid-column: 9;
-ms-grid-column-span: 2;
grid-column: 9/11;
}
.place-item-9-10 {
-ms-grid-column: 9;
-ms-grid-column-span: 1;
grid-column: 9/10;
}
.place-item-9-9 {
-ms-grid-column: 9;
grid-column: 9/9;
}
.place-item-9-8 {
-ms-grid-column: 9;
-ms-grid-column-span: -1;
grid-column: 9/8;
}
.place-item-9-7 {
-ms-grid-column: 9;
-ms-grid-column-span: -2;
grid-column: 9/7;
}
.place-item-9-6 {
-ms-grid-column: 9;
-ms-grid-column-span: -3;
grid-column: 9/6;
}
.place-item-9-5 {
-ms-grid-column: 9;
-ms-grid-column-span: -4;
grid-column: 9/5;
}
.place-item-9-4 {
-ms-grid-column: 9;
-ms-grid-column-span: -5;
grid-column: 9/4;
}
.place-item-9-3 {
-ms-grid-column: 9;
-ms-grid-column-span: -6;
grid-column: 9/3;
}
.place-item-9-2 {
-ms-grid-column: 9;
-ms-grid-column-span: -7;
grid-column: 9/2;
}
.place-item-9-1 {
-ms-grid-column: 9;
-ms-grid-column-span: -8;
grid-column: 9/1;
}
.place-item-9-0 {
grid-column: 9/0;
}
.place-item-9--1 {
grid-column: 9/-1;
}
.place-item-10 {
-ms-grid-column: 10;
grid-column-start: 10;
}
.place-item-10-13 {
-ms-grid-column: 10;
-ms-grid-column-span: 3;
grid-column: 10/13;
}
.place-item-10-12 {
-ms-grid-column: 10;
-ms-grid-column-span: 2;
grid-column: 10/12;
}
.place-item-10-11 {
-ms-grid-column: 10;
-ms-grid-column-span: 1;
grid-column: 10/11;
}
.place-item-10-10 {
-ms-grid-column: 10;
grid-column: 10/10;
}
.place-item-10-9 {
-ms-grid-column: 10;
-ms-grid-column-span: -1;
grid-column: 10/9;
}
.place-item-10-8 {
-ms-grid-column: 10;
-ms-grid-column-span: -2;
grid-column: 10/8;
}
.place-item-10-7 {
-ms-grid-column: 10;
-ms-grid-column-span: -3;
grid-column: 10/7;
}
.place-item-10-6 {
-ms-grid-column: 10;
-ms-grid-column-span: -4;
grid-column: 10/6;
}
.place-item-10-5 {
-ms-grid-column: 10;
-ms-grid-column-span: -5;
grid-column: 10/5;
}
.place-item-10-4 {
-ms-grid-column: 10;
-ms-grid-column-span: -6;
grid-column: 10/4;
}
.place-item-10-3 {
-ms-grid-column: 10;
-ms-grid-column-span: -7;
grid-column: 10/3;
}
.place-item-10-2 {
-ms-grid-column: 10;
-ms-grid-column-span: -8;
grid-column: 10/2;
}
.place-item-10-1 {
-ms-grid-column: 10;
-ms-grid-column-span: -9;
grid-column: 10/1;
}
.place-item-10-0 {
grid-column: 10/0;
}
.place-item-10--1 {
grid-column: 10/-1;
}
.place-item-11 {
-ms-grid-column: 11;
grid-column-start: 11;
}
.place-item-11-13 {
-ms-grid-column: 11;
-ms-grid-column-span: 2;
grid-column: 11/13;
}
.place-item-11-12 {
-ms-grid-column: 11;
-ms-grid-column-span: 1;
grid-column: 11/12;
}
.place-item-11-11 {
-ms-grid-column: 11;
grid-column: 11/11;
}
.place-item-11-10 {
-ms-grid-column: 11;
-ms-grid-column-span: -1;
grid-column: 11/10;
}
.place-item-11-9 {
-ms-grid-column: 11;
-ms-grid-column-span: -2;
grid-column: 11/9;
}
.place-item-11-8 {
-ms-grid-column: 11;
-ms-grid-column-span: -3;
grid-column: 11/8;
}
.place-item-11-7 {
-ms-grid-column: 11;
-ms-grid-column-span: -4;
grid-column: 11/7;
}
.place-item-11-6 {
-ms-grid-column: 11;
-ms-grid-column-span: -5;
grid-column: 11/6;
}
.place-item-11-5 {
-ms-grid-column: 11;
-ms-grid-column-span: -6;
grid-column: 11/5;
}
.place-item-11-4 {
-ms-grid-column: 11;
-ms-grid-column-span: -7;
grid-column: 11/4;
}
.place-item-11-3 {
-ms-grid-column: 11;
-ms-grid-column-span: -8;
grid-column: 11/3;
}
.place-item-11-2 {
-ms-grid-column: 11;
-ms-grid-column-span: -9;
grid-column: 11/2;
}
.place-item-11-1 {
-ms-grid-column: 11;
-ms-grid-column-span: -10;
grid-column: 11/1;
}
.place-item-11-0 {
grid-column: 11/0;
}
.place-item-11--1 {
grid-column: 11/-1;
}
.place-item-12 {
-ms-grid-column: 12;
grid-column-start: 12;
}
.place-item-12-13 {
-ms-grid-column: 12;
-ms-grid-column-span: 1;
grid-column: 12/13;
}
.place-item-12-12 {
-ms-grid-column: 12;
grid-column: 12/12;
}
.place-item-12-11 {
-ms-grid-column: 12;
-ms-grid-column-span: -1;
grid-column: 12/11;
}
.place-item-12-10 {
-ms-grid-column: 12;
-ms-grid-column-span: -2;
grid-column: 12/10;
}
.place-item-12-9 {
-ms-grid-column: 12;
-ms-grid-column-span: -3;
grid-column: 12/9;
}
.place-item-12-8 {
-ms-grid-column: 12;
-ms-grid-column-span: -4;
grid-column: 12/8;
}
.place-item-12-7 {
-ms-grid-column: 12;
-ms-grid-column-span: -5;
grid-column: 12/7;
}
.place-item-12-6 {
-ms-grid-column: 12;
-ms-grid-column-span: -6;
grid-column: 12/6;
}
.place-item-12-5 {
-ms-grid-column: 12;
-ms-grid-column-span: -7;
grid-column: 12/5;
}
.place-item-12-4 {
-ms-grid-column: 12;
-ms-grid-column-span: -8;
grid-column: 12/4;
}
.place-item-12-3 {
-ms-grid-column: 12;
-ms-grid-column-span: -9;
grid-column: 12/3;
}
.place-item-12-2 {
-ms-grid-column: 12;
-ms-grid-column-span: -10;
grid-column: 12/2;
}
.place-item-12-1 {
-ms-grid-column: 12;
-ms-grid-column-span: -11;
grid-column: 12/1;
}
.place-item-12-0 {
grid-column: 12/0;
}
.place-item-12--1 {
grid-column: 12/-1;
}
.place-item-13 {
-ms-grid-column: 13;
grid-column-start: 13;
}
.place-item-13-13 {
-ms-grid-column: 13;
grid-column: 13/13;
}
.place-item-13-12 {
-ms-grid-column: 13;
-ms-grid-column-span: -1;
grid-column: 13/12;
}
.place-item-13-11 {
-ms-grid-column: 13;
-ms-grid-column-span: -2;
grid-column: 13/11;
}
.place-item-13-10 {
-ms-grid-column: 13;
-ms-grid-column-span: -3;
grid-column: 13/10;
}
.place-item-13-9 {
-ms-grid-column: 13;
-ms-grid-column-span: -4;
grid-column: 13/9;
}
.place-item-13-8 {
-ms-grid-column: 13;
-ms-grid-column-span: -5;
grid-column: 13/8;
}
.place-item-13-7 {
-ms-grid-column: 13;
-ms-grid-column-span: -6;
grid-column: 13/7;
}
.place-item-13-6 {
-ms-grid-column: 13;
-ms-grid-column-span: -7;
grid-column: 13/6;
}
.place-item-13-5 {
-ms-grid-column: 13;
-ms-grid-column-span: -8;
grid-column: 13/5;
}
.place-item-13-4 {
-ms-grid-column: 13;
-ms-grid-column-span: -9;
grid-column: 13/4;
}
.place-item-13-3 {
-ms-grid-column: 13;
-ms-grid-column-span: -10;
grid-column: 13/3;
}
.place-item-13-2 {
-ms-grid-column: 13;
-ms-grid-column-span: -11;
grid-column: 13/2;
}
.place-item-13-1 {
-ms-grid-column: 13;
-ms-grid-column-span: -12;
grid-column: 13/1;
}
.place-item-13-0 {
grid-column: 13/0;
}
.place-item-13--1 {
grid-column: 13/-1;
}
.span-item--1 {
-ms-grid-column: span -1;
grid-column-start: span -1;
}
.span-item--1-13 {
grid-column: -1 / span 13;
}
.span-item--1-12 {
grid-column: -1 / span 12;
}
.span-item--1-11 {
grid-column: -1 / span 11;
}
.span-item--1-10 {
grid-column: -1 / span 10;
}
.span-item--1-9 {
grid-column: -1 / span 9;
}
.span-item--1-8 {
grid-column: -1 / span 8;
}
.span-item--1-7 {
grid-column: -1 / span 7;
}
.span-item--1-6 {
grid-column: -1 / span 6;
}
.span-item--1-5 {
grid-column: -1 / span 5;
}
.span-item--1-4 {
grid-column: -1 / span 4;
}
.span-item--1-3 {
grid-column: -1 / span 3;
}
.span-item--1-2 {
grid-column: -1 / span 2;
}
.span-item--1-1 {
grid-column: -1 / span 1;
}
.span-item--1-0 {
grid-column: -1 / span 0;
}
.span-item--1--1 {
grid-column: -1 / span -1;
}
.span-item-0 {
-ms-grid-column: span 0;
grid-column-start: span 0;
}
.span-item-0-13 {
grid-column: 0 / span 13;
}
.span-item-0-12 {
grid-column: 0 / span 12;
}
.span-item-0-11 {
grid-column: 0 / span 11;
}
.span-item-0-10 {
grid-column: 0 / span 10;
}
.span-item-0-9 {
grid-column: 0 / span 9;
}
.span-item-0-8 {
grid-column: 0 / span 8;
}
.span-item-0-7 {
grid-column: 0 / span 7;
}
.span-item-0-6 {
grid-column: 0 / span 6;
}
.span-item-0-5 {
grid-column: 0 / span 5;
}
.span-item-0-4 {
grid-column: 0 / span 4;
}
.span-item-0-3 {
grid-column: 0 / span 3;
}
.span-item-0-2 {
grid-column: 0 / span 2;
}
.span-item-0-1 {
grid-column: 0 / span 1;
}
.span-item-0-0 {
grid-column: 0 / span 0;
}
.span-item-0--1 {
grid-column: 0 / span -1;
}
.span-item-1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
}
.span-item-1-13 {
-ms-grid-column: 1;
-ms-grid-column-span: 13;
grid-column: 1 / span 13;
}
.span-item-1-12 {
-ms-grid-column: 1;
-ms-grid-column-span: 12;
grid-column: 1 / span 12;
}
.span-item-1-11 {
-ms-grid-column: 1;
-ms-grid-column-span: 11;
grid-column: 1 / span 11;
}
.span-item-1-10 {
-ms-grid-column: 1;
-ms-grid-column-span: 10;
grid-column: 1 / span 10;
}
.span-item-1-9 {
-ms-grid-column: 1;
-ms-grid-column-span: 9;
grid-column: 1 / span 9;
}
.span-item-1-8 {
-ms-grid-column: 1;
-ms-grid-column-span: 8;
grid-column: 1 / span 8;
}
.span-item-1-7 {
-ms-grid-column: 1;
-ms-grid-column-span: 7;
grid-column: 1 / span 7;
}
.span-item-1-6 {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1 / span 6;
}
.span-item-1-5 {
-ms-grid-column: 1;
-ms-grid-column-span: 5;
grid-column: 1 / span 5;
}
.span-item-1-4 {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1 / span 4;
}
.span-item-1-3 {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / span 3;
}
.span-item-1-2 {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1 / span 2;
}
.span-item-1-1 {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1 / span 1;
}
.span-item-1-0 {
grid-column: 1 / span 0;
}
.span-item-1--1 {
grid-column: 1 / span -1;
}
.span-item-2 {
-ms-grid-column: span 2;
grid-column-start: span 2;
}
.span-item-2-13 {
-ms-grid-column: 2;
-ms-grid-column-span: 13;
grid-column: 2 / span 13;
}
.span-item-2-12 {
-ms-grid-column: 2;
-ms-grid-column-span: 12;
grid-column: 2 / span 12;
}
.span-item-2-11 {
-ms-grid-column: 2;
-ms-grid-column-span: 11;
grid-column: 2 / span 11;
}
.span-item-2-10 {
-ms-grid-column: 2;
-ms-grid-column-span: 10;
grid-column: 2 / span 10;
}
.span-item-2-9 {
-ms-grid-column: 2;
-ms-grid-column-span: 9;
grid-column: 2 / span 9;
}
.span-item-2-8 {
-ms-grid-column: 2;
-ms-grid-column-span: 8;
grid-column: 2 / span 8;
}
.span-item-2-7 {
-ms-grid-column: 2;
-ms-grid-column-span: 7;
grid-column: 2 / span 7;
}
.span-item-2-6 {
-ms-grid-column: 2;
-ms-grid-column-span: 6;
grid-column: 2 / span 6;
}
.span-item-2-5 {
-ms-grid-column: 2;
-ms-grid-column-span: 5;
grid-column: 2 / span 5;
}
.span-item-2-4 {
-ms-grid-column: 2;
-ms-grid-column-span: 4;
grid-column: 2 / span 4;
}
.span-item-2-3 {
-ms-grid-column: 2;
-ms-grid-column-span: 3;
grid-column: 2 / span 3;
}
.span-item-2-2 {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2 / span 2;
}
.span-item-2-1 {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2 / span 1;
}
.span-item-2-0 {
grid-column: 2 / span 0;
}
.span-item-2--1 {
grid-column: 2 / span -1;
}
.span-item-3 {
-ms-grid-column: span 3;
grid-column-start: span 3;
}
.span-item-3-13 {
-ms-grid-column: 3;
-ms-grid-column-span: 13;
grid-column: 3 / span 13;
}
.span-item-3-12 {
-ms-grid-column: 3;
-ms-grid-column-span: 12;
grid-column: 3 / span 12;
}
.span-item-3-11 {
-ms-grid-column: 3;
-ms-grid-column-span: 11;
grid-column: 3 / span 11;
}
.span-item-3-10 {
-ms-grid-column: 3;
-ms-grid-column-span: 10;
grid-column: 3 / span 10;
}
.span-item-3-9 {
-ms-grid-column: 3;
-ms-grid-column-span: 9;
grid-column: 3 / span 9;
}
.span-item-3-8 {
-ms-grid-column: 3;
-ms-grid-column-span: 8;
grid-column: 3 / span 8;
}
.span-item-3-7 {
-ms-grid-column: 3;
-ms-grid-column-span: 7;
grid-column: 3 / span 7;
}
.span-item-3-6 {
-ms-grid-column: 3;
-ms-grid-column-span: 6;
grid-column: 3 / span 6;
}
.span-item-3-5 {
-ms-grid-column: 3;
-ms-grid-column-span: 5;
grid-column: 3 / span 5;
}
.span-item-3-4 {
-ms-grid-column: 3;
-ms-grid-column-span: 4;
grid-column: 3 / span 4;
}
.span-item-3-3 {
-ms-grid-column: 3;
-ms-grid-column-span: 3;
grid-column: 3 / span 3;
}
.span-item-3-2 {
-ms-grid-column: 3;
-ms-grid-column-span: 2;
grid-column: 3 / span 2;
}
.span-item-3-1 {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3 / span 1;
}
.span-item-3-0 {
grid-column: 3 / span 0;
}
.span-item-3--1 {
grid-column: 3 / span -1;
}
.span-item-4 {
-ms-grid-column: span 4;
grid-column-start: span 4;
}
.span-item-4-13 {
-ms-grid-column: 4;
-ms-grid-column-span: 13;
grid-column: 4 / span 13;
}
.span-item-4-12 {
-ms-grid-column: 4;
-ms-grid-column-span: 12;
grid-column: 4 / span 12;
}
.span-item-4-11 {
-ms-grid-column: 4;
-ms-grid-column-span: 11;
grid-column: 4 / span 11;
}
.span-item-4-10 {
-ms-grid-column: 4;
-ms-grid-column-span: 10;
grid-column: 4 / span 10;
}
.span-item-4-9 {
-ms-grid-column: 4;
-ms-grid-column-span: 9;
grid-column: 4 / span 9;
}
.span-item-4-8 {
-ms-grid-column: 4;
-ms-grid-column-span: 8;
grid-column: 4 / span 8;
}
.span-item-4-7 {
-ms-grid-column: 4;
-ms-grid-column-span: 7;
grid-column: 4 / span 7;
}
.span-item-4-6 {
-ms-grid-column: 4;
-ms-grid-column-span: 6;
grid-column: 4 / span 6;
}
.span-item-4-5 {
-ms-grid-column: 4;
-ms-grid-column-span: 5;
grid-column: 4 / span 5;
}
.span-item-4-4 {
-ms-grid-column: 4;
-ms-grid-column-span: 4;
grid-column: 4 / span 4;
}
.span-item-4-3 {
-ms-grid-column: 4;
-ms-grid-column-span: 3;
grid-column: 4 / span 3;
}
.span-item-4-2 {
-ms-grid-column: 4;
-ms-grid-column-span: 2;
grid-column: 4 / span 2;
}
.span-item-4-1 {
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4 / span 1;
}
.span-item-4-0 {
grid-column: 4 / span 0;
}
.span-item-4--1 {
grid-column: 4 / span -1;
}
.span-item-5 {
-ms-grid-column: span 5;
grid-column-start: span 5;
}
.span-item-5-13 {
-ms-grid-column: 5;
-ms-grid-column-span: 13;
grid-column: 5 / span 13;
}
.span-item-5-12 {
-ms-grid-column: 5;
-ms-grid-column-span: 12;
grid-column: 5 / span 12;
}
.span-item-5-11 {
-ms-grid-column: 5;
-ms-grid-column-span: 11;
grid-column: 5 / span 11;
}
.span-item-5-10 {
-ms-grid-column: 5;
-ms-grid-column-span: 10;
grid-column: 5 / span 10;
}
.span-item-5-9 {
-ms-grid-column: 5;
-ms-grid-column-span: 9;
grid-column: 5 / span 9;
}
.span-item-5-8 {
-ms-grid-column: 5;
-ms-grid-column-span: 8;
grid-column: 5 / span 8;
}
.span-item-5-7 {
-ms-grid-column: 5;
-ms-grid-column-span: 7;
grid-column: 5 / span 7;
}
.span-item-5-6 {
-ms-grid-column: 5;
-ms-grid-column-span: 6;
grid-column: 5 / span 6;
}
.span-item-5-5 {
-ms-grid-column: 5;
-ms-grid-column-span: 5;
grid-column: 5 / span 5;
}
.span-item-5-4 {
-ms-grid-column: 5;
-ms-grid-column-span: 4;
grid-column: 5 / span 4;
}
.span-item-5-3 {
-ms-grid-column: 5;
-ms-grid-column-span: 3;
grid-column: 5 / span 3;
}
.span-item-5-2 {
-ms-grid-column: 5;
-ms-grid-column-span: 2;
grid-column: 5 / span 2;
}
.span-item-5-1 {
-ms-grid-column: 5;
-ms-grid-column-span: 1;
grid-column: 5 / span 1;
}
.span-item-5-0 {
grid-column: 5 / span 0;
}
.span-item-5--1 {
grid-column: 5 / span -1;
}
.span-item-6 {
-ms-grid-column: span 6;
grid-column-start: span 6;
}
.span-item-6-13 {
-ms-grid-column: 6;
-ms-grid-column-span: 13;
grid-column: 6 / span 13;
}
.span-item-6-12 {
-ms-grid-column: 6;
-ms-grid-column-span: 12;
grid-column: 6 / span 12;
}
.span-item-6-11 {
-ms-grid-column: 6;
-ms-grid-column-span: 11;
grid-column: 6 / span 11;
}
.span-item-6-10 {
-ms-grid-column: 6;
-ms-grid-column-span: 10;
grid-column: 6 / span 10;
}
.span-item-6-9 {
-ms-grid-column: 6;
-ms-grid-column-span: 9;
grid-column: 6 / span 9;
}
.span-item-6-8 {
-ms-grid-column: 6;
-ms-grid-column-span: 8;
grid-column: 6 / span 8;
}
.span-item-6-7 {
-ms-grid-column: 6;
-ms-grid-column-span: 7;
grid-column: 6 / span 7;
}
.span-item-6-6 {
-ms-grid-column: 6;
-ms-grid-column-span: 6;
grid-column: 6 / span 6;
}
.span-item-6-5 {
-ms-grid-column: 6;
-ms-grid-column-span: 5;
grid-column: 6 / span 5;
}
.span-item-6-4 {
-ms-grid-column: 6;
-ms-grid-column-span: 4;
grid-column: 6 / span 4;
}
.span-item-6-3 {
-ms-grid-column: 6;
-ms-grid-column-span: 3;
grid-column: 6 / span 3;
}
.span-item-6-2 {
-ms-grid-column: 6;
-ms-grid-column-span: 2;
grid-column: 6 / span 2;
}
.span-item-6-1 {
-ms-grid-column: 6;
-ms-grid-column-span: 1;
grid-column: 6 / span 1;
}
.span-item-6-0 {
grid-column: 6 / span 0;
}
.span-item-6--1 {
grid-column: 6 / span -1;
}
.span-item-7 {
-ms-grid-column: span 7;
grid-column-start: span 7;
}
.span-item-7-13 {
-ms-grid-column: 7;
-ms-grid-column-span: 13;
grid-column: 7 / span 13;
}
.span-item-7-12 {
-ms-grid-column: 7;
-ms-grid-column-span: 12;
grid-column: 7 / span 12;
}
.span-item-7-11 {
-ms-grid-column: 7;
-ms-grid-column-span: 11;
grid-column: 7 / span 11;
}
.span-item-7-10 {
-ms-grid-column: 7;
-ms-grid-column-span: 10;
grid-column: 7 / span 10;
}
.span-item-7-9 {
-ms-grid-column: 7;
-ms-grid-column-span: 9;
grid-column: 7 / span 9;
}
.span-item-7-8 {
-ms-grid-column: 7;
-ms-grid-column-span: 8;
grid-column: 7 / span 8;
}
.span-item-7-7 {
-ms-grid-column: 7;
-ms-grid-column-span: 7;
grid-column: 7 / span 7;
}
.span-item-7-6 {
-ms-grid-column: 7;
-ms-grid-column-span: 6;
grid-column: 7 / span 6;
}
.span-item-7-5 {
-ms-grid-column: 7;
-ms-grid-column-span: 5;
grid-column: 7 / span 5;
}
.span-item-7-4 {
-ms-grid-column: 7;
-ms-grid-column-span: 4;
grid-column: 7 / span 4;
}
.span-item-7-3 {
-ms-grid-column: 7;
-ms-grid-column-span: 3;
grid-column: 7 / span 3;
}
.span-item-7-2 {
-ms-grid-column: 7;
-ms-grid-column-span: 2;
grid-column: 7 / span 2;
}
.span-item-7-1 {
-ms-grid-column: 7;
-ms-grid-column-span: 1;
grid-column: 7 / span 1;
}
.span-item-7-0 {
grid-column: 7 / span 0;
}
.span-item-7--1 {
grid-column: 7 / span -1;
}
.span-item-8 {
-ms-grid-column: span 8;
grid-column-start: span 8;
}
.span-item-8-13 {
-ms-grid-column: 8;
-ms-grid-column-span: 13;
grid-column: 8 / span 13;
}
.span-item-8-12 {
-ms-grid-column: 8;
-ms-grid-column-span: 12;
grid-column: 8 / span 12;
}
.span-item-8-11 {
-ms-grid-column: 8;
-ms-grid-column-span: 11;
grid-column: 8 / span 11;
}
.span-item-8-10 {
-ms-grid-column: 8;
-ms-grid-column-span: 10;
grid-column: 8 / span 10;
}
.span-item-8-9 {
-ms-grid-column: 8;
-ms-grid-column-span: 9;
grid-column: 8 / span 9;
}
.span-item-8-8 {
-ms-grid-column: 8;
-ms-grid-column-span: 8;
grid-column: 8 / span 8;
}
.span-item-8-7 {
-ms-grid-column: 8;
-ms-grid-column-span: 7;
grid-column: 8 / span 7;
}
.span-item-8-6 {
-ms-grid-column: 8;
-ms-grid-column-span: 6;
grid-column: 8 / span 6;
}
.span-item-8-5 {
-ms-grid-column: 8;
-ms-grid-column-span: 5;
grid-column: 8 / span 5;
}
.span-item-8-4 {
-ms-grid-column: 8;
-ms-grid-column-span: 4;
grid-column: 8 / span 4;
}
.span-item-8-3 {
-ms-grid-column: 8;
-ms-grid-column-span: 3;
grid-column: 8 / span 3;
}
.span-item-8-2 {
-ms-grid-column: 8;
-ms-grid-column-span: 2;
grid-column: 8 / span 2;
}
.span-item-8-1 {
-ms-grid-column: 8;
-ms-grid-column-span: 1;
grid-column: 8 / span 1;
}
.span-item-8-0 {
grid-column: 8 / span 0;
}
.span-item-8--1 {
grid-column: 8 / span -1;
}
.span-item-9 {
-ms-grid-column: span 9;
grid-column-start: span 9;
}
.span-item-9-13 {
-ms-grid-column: 9;
-ms-grid-column-span: 13;
grid-column: 9 / span 13;
}
.span-item-9-12 {
-ms-grid-column: 9;
-ms-grid-column-span: 12;
grid-column: 9 / span 12;
}
.span-item-9-11 {
-ms-grid-column: 9;
-ms-grid-column-span: 11;
grid-column: 9 / span 11;
}
.span-item-9-10 {
-ms-grid-column: 9;
-ms-grid-column-span: 10;
grid-column: 9 / span 10;
}
.span-item-9-9 {
-ms-grid-column: 9;
-ms-grid-column-span: 9;
grid-column: 9 / span 9;
}
.span-item-9-8 {
-ms-grid-column: 9;
-ms-grid-column-span: 8;
grid-column: 9 / span 8;
}
.span-item-9-7 {
-ms-grid-column: 9;
-ms-grid-column-span: 7;
grid-column: 9 / span 7;
}
.span-item-9-6 {
-ms-grid-column: 9;
-ms-grid-column-span: 6;
grid-column: 9 / span 6;
}
.span-item-9-5 {
-ms-grid-column: 9;
-ms-grid-column-span: 5;
grid-column: 9 / span 5;
}
.span-item-9-4 {
-ms-grid-column: 9;
-ms-grid-column-span: 4;
grid-column: 9 / span 4;
}
.span-item-9-3 {
-ms-grid-column: 9;
-ms-grid-column-span: 3;
grid-column: 9 / span 3;
}
.span-item-9-2 {
-ms-grid-column: 9;
-ms-grid-column-span: 2;
grid-column: 9 / span 2;
}
.span-item-9-1 {
-ms-grid-column: 9;
-ms-grid-column-span: 1;
grid-column: 9 / span 1;
}
.span-item-9-0 {
grid-column: 9 / span 0;
}
.span-item-9--1 {
grid-column: 9 / span -1;
}
.span-item-10 {
-ms-grid-column: span 10;
grid-column-start: span 10;
}
.span-item-10-13 {
-ms-grid-column: 10;
-ms-grid-column-span: 13;
grid-column: 10 / span 13;
}
.span-item-10-12 {
-ms-grid-column: 10;
-ms-grid-column-span: 12;
grid-column: 10 / span 12;
}
.span-item-10-11 {
-ms-grid-column: 10;
-ms-grid-column-span: 11;
grid-column: 10 / span 11;
}
.span-item-10-10 {
-ms-grid-column: 10;
-ms-grid-column-span: 10;
grid-column: 10 / span 10;
}
.span-item-10-9 {
-ms-grid-column: 10;
-ms-grid-column-span: 9;
grid-column: 10 / span 9;
}
.span-item-10-8 {
-ms-grid-column: 10;
-ms-grid-column-span: 8;
grid-column: 10 / span 8;
}
.span-item-10-7 {
-ms-grid-column: 10;
-ms-grid-column-span: 7;
grid-column: 10 / span 7;
}
.span-item-10-6 {
-ms-grid-column: 10;
-ms-grid-column-span: 6;
grid-column: 10 / span 6;
}
.span-item-10-5 {
-ms-grid-column: 10;
-ms-grid-column-span: 5;
grid-column: 10 / span 5;
}
.span-item-10-4 {
-ms-grid-column: 10;
-ms-grid-column-span: 4;
grid-column: 10 / span 4;
}
.span-item-10-3 {
-ms-grid-column: 10;
-ms-grid-column-span: 3;
grid-column: 10 / span 3;
}
.span-item-10-2 {
-ms-grid-column: 10;
-ms-grid-column-span: 2;
grid-column: 10 / span 2;
}
.span-item-10-1 {
-ms-grid-column: 10;
-ms-grid-column-span: 1;
grid-column: 10 / span 1;
}
.span-item-10-0 {
grid-column: 10 / span 0;
}
.span-item-10--1 {
grid-column: 10 / span -1;
}
.span-item-11 {
-ms-grid-column: span 11;
grid-column-start: span 11;
}
.span-item-11-13 {
-ms-grid-column: 11;
-ms-grid-column-span: 13;
grid-column: 11 / span 13;
}
.span-item-11-12 {
-ms-grid-column: 11;
-ms-grid-column-span: 12;
grid-column: 11 / span 12;
}
.span-item-11-11 {
-ms-grid-column: 11;
-ms-grid-column-span: 11;
grid-column: 11 / span 11;
}
.span-item-11-10 {
-ms-grid-column: 11;
-ms-grid-column-span: 10;
grid-column: 11 / span 10;
}
.span-item-11-9 {
-ms-grid-column: 11;
-ms-grid-column-span: 9;
grid-column: 11 / span 9;
}
.span-item-11-8 {
-ms-grid-column: 11;
-ms-grid-column-span: 8;
grid-column: 11 / span 8;
}
.span-item-11-7 {
-ms-grid-column: 11;
-ms-grid-column-span: 7;
grid-column: 11 / span 7;
}
.span-item-11-6 {
-ms-grid-column: 11;
-ms-grid-column-span: 6;
grid-column: 11 / span 6;
}
.span-item-11-5 {
-ms-grid-column: 11;
-ms-grid-column-span: 5;
grid-column: 11 / span 5;
}
.span-item-11-4 {
-ms-grid-column: 11;
-ms-grid-column-span: 4;
grid-column: 11 / span 4;
}
.span-item-11-3 {
-ms-grid-column: 11;
-ms-grid-column-span: 3;
grid-column: 11 / span 3;
}
.span-item-11-2 {
-ms-grid-column: 11;
-ms-grid-column-span: 2;
grid-column: 11 / span 2;
}
.span-item-11-1 {
-ms-grid-column: 11;
-ms-grid-column-span: 1;
grid-column: 11 / span 1;
}
.span-item-11-0 {
grid-column: 11 / span 0;
}
.span-item-11--1 {
grid-column: 11 / span -1;
}
.span-item-12 {
-ms-grid-column: span 12;
grid-column-start: span 12;
}
.span-item-12-13 {
-ms-grid-column: 12;
-ms-grid-column-span: 13;
grid-column: 12 / span 13;
}
.span-item-12-12 {
-ms-grid-column: 12;
-ms-grid-column-span: 12;
grid-column: 12 / span 12;
}
.span-item-12-11 {
-ms-grid-column: 12;
-ms-grid-column-span: 11;
grid-column: 12 / span 11;
}
.span-item-12-10 {
-ms-grid-column: 12;
-ms-grid-column-span: 10;
grid-column: 12 / span 10;
}
.span-item-12-9 {
-ms-grid-column: 12;
-ms-grid-column-span: 9;
grid-column: 12 / span 9;
}
.span-item-12-8 {
-ms-grid-column: 12;
-ms-grid-column-span: 8;
grid-column: 12 / span 8;
}
.span-item-12-7 {
-ms-grid-column: 12;
-ms-grid-column-span: 7;
grid-column: 12 / span 7;
}
.span-item-12-6 {
-ms-grid-column: 12;
-ms-grid-column-span: 6;
grid-column: 12 / span 6;
}
.span-item-12-5 {
-ms-grid-column: 12;
-ms-grid-column-span: 5;
grid-column: 12 / span 5;
}
.span-item-12-4 {
-ms-grid-column: 12;
-ms-grid-column-span: 4;
grid-column: 12 / span 4;
}
.span-item-12-3 {
-ms-grid-column: 12;
-ms-grid-column-span: 3;
grid-column: 12 / span 3;
}
.span-item-12-2 {
-ms-grid-column: 12;
-ms-grid-column-span: 2;
grid-column: 12 / span 2;
}
.span-item-12-1 {
-ms-grid-column: 12;
-ms-grid-column-span: 1;
grid-column: 12 / span 1;
}
.span-item-12-0 {
grid-column: 12 / span 0;
}
.span-item-12--1 {
grid-column: 12 / span -1;
}
.span-item-13 {
-ms-grid-column: span 13;
grid-column-start: span 13;
}
.span-item-13-13 {
-ms-grid-column: 13;
-ms-grid-column-span: 13;
grid-column: 13 / span 13;
}
.span-item-13-12 {
-ms-grid-column: 13;
-ms-grid-column-span: 12;
grid-column: 13 / span 12;
}
.span-item-13-11 {
-ms-grid-column: 13;
-ms-grid-column-span: 11;
grid-column: 13 / span 11;
}
.span-item-13-10 {
-ms-grid-column: 13;
-ms-grid-column-span: 10;
grid-column: 13 / span 10;
}
.span-item-13-9 {
-ms-grid-column: 13;
-ms-grid-column-span: 9;
grid-column: 13 / span 9;
}
.span-item-13-8 {
-ms-grid-column: 13;
-ms-grid-column-span: 8;
grid-column: 13 / span 8;
}
.span-item-13-7 {
-ms-grid-column: 13;
-ms-grid-column-span: 7;
grid-column: 13 / span 7;
}
.span-item-13-6 {
-ms-grid-column: 13;
-ms-grid-column-span: 6;
grid-column: 13 / span 6;
}
.span-item-13-5 {
-ms-grid-column: 13;
-ms-grid-column-span: 5;
grid-column: 13 / span 5;
}
.span-item-13-4 {
-ms-grid-column: 13;
-ms-grid-column-span: 4;
grid-column: 13 / span 4;
}
.span-item-13-3 {
-ms-grid-column: 13;
-ms-grid-column-span: 3;
grid-column: 13 / span 3;
}
.span-item-13-2 {
-ms-grid-column: 13;
-ms-grid-column-span: 2;
grid-column: 13 / span 2;
}
.span-item-13-1 {
-ms-grid-column: 13;
-ms-grid-column-span: 1;
grid-column: 13 / span 1;
}
.span-item-13-0 {
grid-column: 13 / span 0;
}
.span-item-13--1 {
grid-column: 13 / span -1;
}
.column-gap-1 {
-webkit-column-gap: 10px;
column-gap: 10px;
}
.column-gap-2 {
-webkit-column-gap: 20px;
column-gap: 20px;
}
.column-gap-3 {
-webkit-column-gap: 30px;
column-gap: 30px;
}
.column-gap-4 {
-webkit-column-gap: 40px;
column-gap: 40px;
}
.column-gap-5 {
-webkit-column-gap: 50px;
column-gap: 50px;
}
.column-gap-6 {
-webkit-column-gap: 60px;
column-gap: 60px;
}
.column-gap-7 {
-webkit-column-gap: 70px;
column-gap: 70px;
}
.column-gap-8 {
-webkit-column-gap: 80px;
column-gap: 80px;
}
.column-gap-9 {
-webkit-column-gap: 90px;
column-gap: 90px;
}
.column-gap-10 {
-webkit-column-gap: 100px;
column-gap: 100px;
}
.row-gap-1 {
row-gap: 10px;
}
.row-gap-2 {
row-gap: 20px;
}
.row-gap-3 {
row-gap: 30px;
}
.row-gap-4 {
row-gap: 40px;
}
.row-gap-5 {
row-gap: 50px;
}
.row-gap-6 {
row-gap: 60px;
}
.row-gap-7 {
row-gap: 70px;
}
.row-gap-8 {
row-gap: 80px;
}
.row-gap-9 {
row-gap: 90px;
}
.row-gap-10 {
row-gap: 100px;
}
.height-1 {
height: 10px;
}
.height-2 {
height: 20px;
}
.height-3 {
height: 30px;
}
.height-4 {
height: 40px;
}
.height-5 {
height: 50px;
}
.height-6 {
height: 60px;
}
.height-7 {
height: 70px;
}
.height-8 {
height: 80px;
}
.height-9 {
height: 90px;
}
.height-10 {
height: 100px;
}
.height-11 {
height: 110px;
}
.height-12 {
height: 120px;
}
.height-13 {
height: 130px;
}
.height-14 {
height: 140px;
}
.height-15 {
height: 150px;
}
.height-16 {
height: 160px;
}
.height-17 {
height: 170px;
}
.height-18 {
height: 180px;
}
.height-19 {
height: 190px;
}
.height-20 {
height: 200px;
}
.height-21 {
height: 210px;
}
.height-22 {
height: 220px;
}
.height-23 {
height: 230px;
}
.height-24 {
height: 240px;
}
.height-25 {
height: 250px;
}
.height-26 {
height: 260px;
}
.height-27 {
height: 270px;
}
.height-28 {
height: 280px;
}
.height-29 {
height: 290px;
}
.height-30 {
height: 300px;
}
.height-31 {
height: 310px;
}
.height-32 {
height: 320px;
}
.height-33 {
height: 330px;
}
.height-34 {
height: 340px;
}
.height-35 {
height: 350px;
}
.height-36 {
height: 360px;
}
.height-37 {
height: 370px;
}
.height-38 {
height: 380px;
}
.height-39 {
height: 390px;
}
.height-40 {
height: 400px;
}
.height-41 {
height: 410px;
}
.height-42 {
height: 420px;
}
.height-43 {
height: 430px;
}
.height-44 {
height: 440px;
}
.height-45 {
height: 450px;
}
.height-46 {
height: 460px;
}
.height-47 {
height: 470px;
}
.height-48 {
height: 480px;
}
.height-49 {
height: 490px;
}
.height-50 {
height: 500px;
}
.height-51 {
height: 510px;
}
.height-52 {
height: 520px;
}
.height-53 {
height: 530px;
}
.height-54 {
height: 540px;
}
.height-55 {
height: 550px;
}
.height-56 {
height: 560px;
}
.height-57 {
height: 570px;
}
.height-58 {
height: 580px;
}
.height-59 {
height: 590px;
}
.height-60 {
height: 600px;
}
.height-61 {
height: 610px;
}
.height-62 {
height: 620px;
}
.height-63 {
height: 630px;
}
.height-64 {
height: 640px;
}
.height-65 {
height: 650px;
}
.height-66 {
height: 660px;
}
.height-67 {
height: 670px;
}
.height-68 {
height: 680px;
}
.height-69 {
height: 690px;
}
.height-70 {
height: 700px;
}
.height-71 {
height: 710px;
}
.height-72 {
height: 720px;
}
.height-73 {
height: 730px;
}
.height-74 {
height: 740px;
}
.height-75 {
height: 750px;
}
.height-76 {
height: 760px;
}
.height-77 {
height: 770px;
}
.height-78 {
height: 780px;
}
.height-79 {
height: 790px;
}
.height-80 {
height: 800px;
}
.height-81 {
height: 810px;
}
.height-82 {
height: 820px;
}
.height-83 {
height: 830px;
}
.height-84 {
height: 840px;
}
.height-85 {
height: 850px;
}
.height-86 {
height: 860px;
}
.height-87 {
height: 870px;
}
.height-88 {
height: 880px;
}
.height-89 {
height: 890px;
}
.height-90 {
height: 900px;
}
.height-91 {
height: 910px;
}
.height-92 {
height: 920px;
}
.height-93 {
height: 930px;
}
.height-94 {
height: 940px;
}
.height-95 {
height: 950px;
}
.height-96 {
height: 960px;
}
.height-97 {
height: 970px;
}
.height-98 {
height: 980px;
}
.height-99 {
height: 990px;
}
.height-100 {
height: 1000px;
}
.height-1-5 {
height: 15px;
}
.height-2-5 {
height: 25px;
}
.height-3-5 {
height: 35px;
}
.height-4-5 {
height: 45px;
}
.height-5-5 {
height: 55px;
}
.height-6-5 {
height: 65px;
}
.height-7-5 {
height: 75px;
}
.height-8-5 {
height: 85px;
}
.height-9-5 {
height: 95px;
}
.height-10-5 {
height: 105px;
}
.height-11-5 {
height: 115px;
}
.height-12-5 {
height: 125px;
}
.height-13-5 {
height: 135px;
}
.height-14-5 {
height: 145px;
}
.height-15-5 {
height: 155px;
}
.height-16-5 {
height: 165px;
}
.height-17-5 {
height: 175px;
}
.height-18-5 {
height: 185px;
}
.height-19-5 {
height: 195px;
}
.height-20-5 {
height: 205px;
}
.height-21-5 {
height: 215px;
}
.height-22-5 {
height: 225px;
}
.height-23-5 {
height: 235px;
}
.height-24-5 {
height: 245px;
}
.height-25-5 {
height: 255px;
}
.height-26-5 {
height: 265px;
}
.height-27-5 {
height: 275px;
}
.height-28-5 {
height: 285px;
}
.height-29-5 {
height: 295px;
}
.height-30-5 {
height: 305px;
}
.height-31-5 {
height: 315px;
}
.height-32-5 {
height: 325px;
}
.height-33-5 {
height: 335px;
}
.height-34-5 {
height: 345px;
}
.height-35-5 {
height: 355px;
}
.height-36-5 {
height: 365px;
}
.height-37-5 {
height: 375px;
}
.height-38-5 {
height: 385px;
}
.height-39-5 {
height: 395px;
}
.height-40-5 {
height: 405px;
}
.height-41-5 {
height: 415px;
}
.height-42-5 {
height: 425px;
}
.height-43-5 {
height: 435px;
}
.height-44-5 {
height: 445px;
}
.height-45-5 {
height: 455px;
}
.height-46-5 {
height: 465px;
}
.height-47-5 {
height: 475px;
}
.height-48-5 {
height: 485px;
}
.height-49-5 {
height: 495px;
}
.height-50-5 {
height: 505px;
}
.height-51-5 {
height: 515px;
}
.height-52-5 {
height: 525px;
}
.height-53-5 {
height: 535px;
}
.height-54-5 {
height: 545px;
}
.height-55-5 {
height: 555px;
}
.height-56-5 {
height: 565px;
}
.height-57-5 {
height: 575px;
}
.height-58-5 {
height: 585px;
}
.height-59-5 {
height: 595px;
}
.height-60-5 {
height: 605px;
}
.height-61-5 {
height: 615px;
}
.height-62-5 {
height: 625px;
}
.height-63-5 {
height: 635px;
}
.height-64-5 {
height: 645px;
}
.height-65-5 {
height: 655px;
}
.height-66-5 {
height: 665px;
}
.height-67-5 {
height: 675px;
}
.height-68-5 {
height: 685px;
}
.height-69-5 {
height: 695px;
}
.height-70-5 {
height: 705px;
}
.height-71-5 {
height: 715px;
}
.height-72-5 {
height: 725px;
}
.height-73-5 {
height: 735px;
}
.height-74-5 {
height: 745px;
}
.height-75-5 {
height: 755px;
}
.height-76-5 {
height: 765px;
}
.height-77-5 {
height: 775px;
}
.height-78-5 {
height: 785px;
}
.height-79-5 {
height: 795px;
}
.height-80-5 {
height: 805px;
}
.height-81-5 {
height: 815px;
}
.height-82-5 {
height: 825px;
}
.height-83-5 {
height: 835px;
}
.height-84-5 {
height: 845px;
}
.height-85-5 {
height: 855px;
}
.height-86-5 {
height: 865px;
}
.height-87-5 {
height: 875px;
}
.height-88-5 {
height: 885px;
}
.height-89-5 {
height: 895px;
}
.height-90-5 {
height: 905px;
}
.height-91-5 {
height: 915px;
}
.height-92-5 {
height: 925px;
}
.height-93-5 {
height: 935px;
}
.height-94-5 {
height: 945px;
}
.height-95-5 {
height: 955px;
}
.height-96-5 {
height: 965px;
}
.height-97-5 {
height: 975px;
}
.height-98-5 {
height: 985px;
}
.height-99-5 {
height: 995px;
}
.height-100-5 {
height: 1005px;
}
.col-1 {
grid-column: span 1;
}
.col-2 {
grid-column: span 2;
}
.col-3 {
grid-column: span 3;
}
.col-4 {
grid-column: span 4;
}
.col-5 {
grid-column: span 5;
}
.col-6 {
grid-column: span 6;
}
.col-7 {
grid-column: span 7;
}
.col-8 {
grid-column: span 8;
}
.col-9 {
grid-column: span 9;
}
.col-10 {
grid-column: span 10;
}
.col-11 {
grid-column: span 11;
}
.col-12 {
grid-column: span 12;
}
@media (max-width: 480px) {
.col-sm-1 {
grid-column: span 1;
}
}
@media (max-width: 480px) {
.col-sm-2 {
grid-column: span 2;
}
}
@media (max-width: 480px) {
.col-sm-3 {
grid-column: span 3;
}
}
@media (max-width: 480px) {
.col-sm-4 {
grid-column: span 4;
}
}
@media (max-width: 480px) {
.col-sm-5 {
grid-column: span 5;
}
}
@media (max-width: 480px) {
.col-sm-6 {
grid-column: span 6;
}
}
@media (max-width: 480px) {
.col-sm-7 {
grid-column: span 7;
}
}
@media (max-width: 480px) {
.col-sm-8 {
grid-column: span 8;
}
}
@media (max-width: 480px) {
.col-sm-9 {
grid-column: span 9;
}
}
@media (max-width: 480px) {
.col-sm-10 {
grid-column: span 10;
}
}
@media (max-width: 480px) {
.col-sm-11 {
grid-column: span 11;
}
}
@media (max-width: 480px) {
.col-sm-12 {
grid-column: span 12;
}
}
@media only screen and (max-width: 768px) {
.col-md-1 {
grid-column: span 1;
}
}
@media only screen and (max-width: 768px) {
.col-md-2 {
grid-column: span 2;
}
}
@media only screen and (max-width: 768px) {
.col-md-3 {
grid-column: span 3;
}
}
@media only screen and (max-width: 768px) {
.col-md-4 {
grid-column: span 4;
}
}
@media only screen and (max-width: 768px) {
.col-md-5 {
grid-column: span 5;
}
}
@media only screen and (max-width: 768px) {
.col-md-6 {
grid-column: span 6;
}
}
@media only screen and (max-width: 768px) {
.col-md-7 {
grid-column: span 7;
}
}
@media only screen and (max-width: 768px) {
.col-md-8 {
grid-column: span 8;
}
}
@media only screen and (max-width: 768px) {
.col-md-9 {
grid-column: span 9;
}
}
@media only screen and (max-width: 768px) {
.col-md-10 {
grid-column: span 10;
}
}
@media only screen and (max-width: 768px) {
.col-md-11 {
grid-column: span 11;
}
}
@media only screen and (max-width: 768px) {
.col-md-12 {
grid-column: span 12;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-1 {
grid-column: span 1;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-2 {
grid-column: span 2;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-3 {
grid-column: span 3;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-4 {
grid-column: span 4;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-5 {
grid-column: span 5;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-6 {
grid-column: span 6;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-7 {
grid-column: span 7;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-8 {
grid-column: span 8;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-9 {
grid-column: span 9;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-10 {
grid-column: span 10;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-11 {
grid-column: span 11;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.col-lg-12 {
grid-column: span 12;
}
}
@media (min-width: 1400px) {
.col-xxl-1 {
grid-column: span 1;
}
}
@media (min-width: 1400px) {
.col-xxl-2 {
grid-column: span 2;
}
}
@media (min-width: 1400px) {
.col-xxl-3 {
grid-column: span 3;
}
}
@media (min-width: 1400px) {
.col-xxl-4 {
grid-column: span 4;
}
}
@media (min-width: 1400px) {
.col-xxl-5 {
grid-column: span 5;
}
}
@media (min-width: 1400px) {
.col-xxl-6 {
grid-column: span 6;
}
}
@media (min-width: 1400px) {
.col-xxl-7 {
grid-column: span 7;
}
}
@media (min-width: 1400px) {
.col-xxl-8 {
grid-column: span 8;
}
}
@media (min-width: 1400px) {
.col-xxl-9 {
grid-column: span 9;
}
}
@media (min-width: 1400px) {
.col-xxl-10 {
grid-column: span 10;
}
}
@media (min-width: 1400px) {
.col-xxl-11 {
grid-column: span 11;
}
}
@media (min-width: 1400px) {
.col-xxl-12 {
grid-column: span 12;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-1 {
grid-column: span 1;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-2 {
grid-column: span 2;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-3 {
grid-column: span 3;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-4 {
grid-column: span 4;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-5 {
grid-column: span 5;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-6 {
grid-column: span 6;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-7 {
grid-column: span 7;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-8 {
grid-column: span 8;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-9 {
grid-column: span 9;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-10 {
grid-column: span 10;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-11 {
grid-column: span 11;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.col-xl-12 {
grid-column: span 12;
}
}
.bg-dark-grey {
background-color: #313131;
}
.bg-grey {
background-color: #ccc;
}
.bg-white {
background-color: white;
}
.bg-black {
background-color: black;
}
.bg-primary {
background-color: #0275d8;
}
.bg-success {
background-color: #5cb85c;
}
.bg-info {
background-color: #0070c9;
}
.bg-danger {
background-color: #bb432c;
}
.bg-muted {
background-color: #fafafa;
}
.bt-1 {
border-top: 1px solid #fafafa;
}
.bb-1 {
border-bottom: 1px solid #fafafa;
}
.bl-1 {
border-left: 1px solid #fafafa;
}
.br-1 {
border-right: 1px solid #fafafa;
}
.border-1 {
border: 1px solid #fafafa;
}
.bt-2 {
border-top: 2px solid #fafafa;
}
.bb-2 {
border-bottom: 2px solid #fafafa;
}
.bl-2 {
border-left: 2px solid #fafafa;
}
.br-2 {
border-right: 2px solid #fafafa;
}
.border-2 {
border: 2px solid #fafafa;
}
.nav-container {
width: 100%;
position: relative;
top: 0;
min-height: 40px;
background-color: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav-items {
margin-left: 20px;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.nav-items li {
padding: 8px;
}
@media only screen and (max-width: 480px) {
.nav-items,
.nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
border-radius: .3rem;
}
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
border-radius: .2rem;
}
.btn-primary {
color: white;
background-color: #0275d8;
border-color: #0275d8;
}
.btn-success {
color: white;
background-color: #5cb85c;
border-color: #5cb85c;
}
.btn-info {
color: white;
background-color: #0070c9;
border-color: #0070c9;
}
.btn-danger {
color: white;
background-color: #bb432c;
border-color: #bb432c;
}
.btn-muted {
color: white;
background-color: #fafafa;
border-color: #fafafa;
}
.btn-white {
color: black;
background-color: white;
border-color: white;
}
.btn-black {
color: white;
background-color: black;
border-color: black;
}
.btn-dark-grey {
color: white;
background-color: #313131;
border-color: #313131;
}
.btn-grey {
color: black;
background-color: #ccc;
border-color: #ccc;
}
.bg-dark-grey {
background-color: #313131;
}
.bg-grey {
background-color: #ccc;
}
.bg-white {
background-color: white;
}
.bg-black {
background-color: black;
}
.bg-primary {
background-color: #0275d8;
}
.bg-success {
background-color: #5cb85c;
}
.bg-info {
background-color: #0070c9;
}
.bg-danger {
background-color: #bb432c;
}
.bg-muted {
background-color: #fafafa;
}
.bt-1 {
border-top: 1px solid #fafafa;
}
.bb-1 {
border-bottom: 1px solid #fafafa;
}
.bl-1 {
border-left: 1px solid #fafafa;
}
.br-1 {
border-right: 1px solid #fafafa;
}
.border-1 {
border: 1px solid #fafafa;
}
.bt-2 {
border-top: 2px solid #fafafa;
}
.bb-2 {
border-bottom: 2px solid #fafafa;
}
.bl-2 {
border-left: 2px solid #fafafa;
}
.br-2 {
border-right: 2px solid #fafafa;
}
.border-2 {
border: 2px solid #fafafa;
}
.bg-dark-grey {
background-color: #313131;
}
.bg-grey {
background-color: #ccc;
}
.bg-white {
background-color: white;
}
.bg-black {
background-color: black;
}
.bg-primary {
background-color: #0275d8;
}
.bg-success {
background-color: #5cb85c;
}
.bg-info {
background-color: #0070c9;
}
.bg-danger {
background-color: #bb432c;
}
.bg-muted {
background-color: #fafafa;
}
.bt-1 {
border-top: 1px solid #fafafa;
}
.bb-1 {
border-bottom: 1px solid #fafafa;
}
.bl-1 {
border-left: 1px solid #fafafa;
}
.br-1 {
border-right: 1px solid #fafafa;
}
.border-1 {
border: 1px solid #fafafa;
}
.bt-2 {
border-top: 2px solid #fafafa;
}
.bb-2 {
border-bottom: 2px solid #fafafa;
}
.bl-2 {
border-left: 2px solid #fafafa;
}
.br-2 {
border-right: 2px solid #fafafa;
}
.border-2 {
border: 2px solid #fafafa;
}
body {
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: normal;
color: #3f3f46;
}
.text-1 {
font-size: 1px;
}
.text-2 {
font-size: 2px;
}
.text-3 {
font-size: 3px;
}
.text-4 {
font-size: 4px;
}
.text-5 {
font-size: 5px;
}
.text-6 {
font-size: 6px;
}
.text-7 {
font-size: 7px;
}
.text-8 {
font-size: 8px;
}
.text-9 {
font-size: 9px;
}
.text-10 {
font-size: 10px;
}
.text-11 {
font-size: 11px;
}
.text-12 {
font-size: 12px;
}
.text-13 {
font-size: 13px;
}
.text-14 {
font-size: 14px;
}
.text-15 {
font-size: 15px;
}
.text-16 {
font-size: 16px;
}
.text-17 {
font-size: 17px;
}
.text-18 {
font-size: 18px;
}
.text-19 {
font-size: 19px;
}
.text-20 {
font-size: 20px;
}
.text-21 {
font-size: 21px;
}
.text-22 {
font-size: 22px;
}
.text-23 {
font-size: 23px;
}
.text-24 {
font-size: 24px;
}
.text-25 {
font-size: 25px;
}
.text-26 {
font-size: 26px;
}
.text-27 {
font-size: 27px;
}
.text-28 {
font-size: 28px;
}
.text-29 {
font-size: 29px;
}
.text-30 {
font-size: 30px;
}
.text-31 {
font-size: 31px;
}
.text-32 {
font-size: 32px;
}
.text-33 {
font-size: 33px;
}
.text-34 {
font-size: 34px;
}
.text-35 {
font-size: 35px;
}
.text-36 {
font-size: 36px;
}
.text-37 {
font-size: 37px;
}
.text-38 {
font-size: 38px;
}
.text-39 {
font-size: 39px;
}
.text-40 {
font-size: 40px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.font-weight-100 {
font-weight: 100;
}
.font-weight-200 {
font-weight: 200;
}
.font-weight-300 {
font-weight: 300;
}
.font-weight-400 {
font-weight: 400;
}
.font-weight-500 {
font-weight: 500;
}
.font-weight-600 {
font-weight: 600;
}
.font-weight-700 {
font-weight: 700;
}
.font-weight-800 {
font-weight: 800;
}
.font-weight-900 {
font-weight: 900;
}
.text-bold {
font-weight: 600;
}
.text-normal {
font-weight: 400;
}
.text-info {
color: #0070c9;
}
.text-black {
color: black;
}
.text-darkgrey {
color: #313131;
}
.text-white {
color: #fff;
}
.text-grey {
color: #ccc;
}
.text-danger {
color: #bb432c;
}
.text-muted {
color: #fafafa;
}
.ml-1 {
margin-left: 1em;
}
.mr-1 {
margin-right: 1em;
}
.mt-1 {
margin-top: 1em;
}
.mb-1 {
margin-bottom: 1em;
}
.m-1 {
margin: 1em 1em 1em 1em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.ml-sm-1 {
margin-left: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mr-sm-1 {
margin-right: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mt-sm-1 {
margin-top: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mb-sm-1 {
margin-bottom: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.m-sm-1 {
margin: 1em 1em 1em 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.ml-md-1 {
margin-left: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mr-md-1 {
margin-right: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mt-md-1 {
margin-top: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mb-md-1 {
margin-bottom: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.m-md-1 {
margin: 1em 1em 1em 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.ml-lg-1 {
margin-left: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mr-lg-1 {
margin-right: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mt-lg-1 {
margin-top: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mb-lg-1 {
margin-bottom: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.m-lg-1 {
margin: 1em 1em 1em 1em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.ml-xl-1 {
margin-left: 1em;
}
}
@media (min-width: 1400px) {
.mr-xl-1 {
margin-right: 1em;
}
}
@media (min-width: 1400px) {
.mt-xl-1 {
margin-top: 1em;
}
}
@media (min-width: 1400px) {
.mb-xl-1 {
margin-bottom: 1em;
}
}
@media (min-width: 1400px) {
.m-xl-1 {
margin: 1em 1em 1em 1em;
}
}
.ml-2 {
margin-left: 2em;
}
.mr-2 {
margin-right: 2em;
}
.mt-2 {
margin-top: 2em;
}
.mb-2 {
margin-bottom: 2em;
}
.m-2 {
margin: 2em 2em 2em 2em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.ml-sm-2 {
margin-left: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mr-sm-2 {
margin-right: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mt-sm-2 {
margin-top: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mb-sm-2 {
margin-bottom: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.m-sm-2 {
margin: 2em 2em 2em 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.ml-md-2 {
margin-left: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mr-md-2 {
margin-right: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mt-md-2 {
margin-top: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mb-md-2 {
margin-bottom: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.m-md-2 {
margin: 2em 2em 2em 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.ml-lg-2 {
margin-left: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mr-lg-2 {
margin-right: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mt-lg-2 {
margin-top: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mb-lg-2 {
margin-bottom: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.m-lg-2 {
margin: 2em 2em 2em 2em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.ml-xl-2 {
margin-left: 2em;
}
}
@media (min-width: 1400px) {
.mr-xl-2 {
margin-right: 2em;
}
}
@media (min-width: 1400px) {
.mt-xl-2 {
margin-top: 2em;
}
}
@media (min-width: 1400px) {
.mb-xl-2 {
margin-bottom: 2em;
}
}
@media (min-width: 1400px) {
.m-xl-2 {
margin: 2em 2em 2em 2em;
}
}
.ml-3 {
margin-left: 3em;
}
.mr-3 {
margin-right: 3em;
}
.mt-3 {
margin-top: 3em;
}
.mb-3 {
margin-bottom: 3em;
}
.m-3 {
margin: 3em 3em 3em 3em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.ml-sm-3 {
margin-left: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mr-sm-3 {
margin-right: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mt-sm-3 {
margin-top: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mb-sm-3 {
margin-bottom: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.m-sm-3 {
margin: 3em 3em 3em 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.ml-md-3 {
margin-left: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mr-md-3 {
margin-right: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mt-md-3 {
margin-top: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mb-md-3 {
margin-bottom: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.m-md-3 {
margin: 3em 3em 3em 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.ml-lg-3 {
margin-left: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mr-lg-3 {
margin-right: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mt-lg-3 {
margin-top: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mb-lg-3 {
margin-bottom: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.m-lg-3 {
margin: 3em 3em 3em 3em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.ml-xl-3 {
margin-left: 3em;
}
}
@media (min-width: 1400px) {
.mr-xl-3 {
margin-right: 3em;
}
}
@media (min-width: 1400px) {
.mt-xl-3 {
margin-top: 3em;
}
}
@media (min-width: 1400px) {
.mb-xl-3 {
margin-bottom: 3em;
}
}
@media (min-width: 1400px) {
.m-xl-3 {
margin: 3em 3em 3em 3em;
}
}
.ml-4 {
margin-left: 4em;
}
.mr-4 {
margin-right: 4em;
}
.mt-4 {
margin-top: 4em;
}
.mb-4 {
margin-bottom: 4em;
}
.m-4 {
margin: 4em 4em 4em 4em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.ml-sm-4 {
margin-left: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mr-sm-4 {
margin-right: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mt-sm-4 {
margin-top: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.mb-sm-4 {
margin-bottom: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.m-sm-4 {
margin: 4em 4em 4em 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.ml-md-4 {
margin-left: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mr-md-4 {
margin-right: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mt-md-4 {
margin-top: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.mb-md-4 {
margin-bottom: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.m-md-4 {
margin: 4em 4em 4em 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.ml-lg-4 {
margin-left: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mr-lg-4 {
margin-right: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mt-lg-4 {
margin-top: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.mb-lg-4 {
margin-bottom: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.m-lg-4 {
margin: 4em 4em 4em 4em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.ml-xl-4 {
margin-left: 4em;
}
}
@media (min-width: 1400px) {
.mr-xl-4 {
margin-right: 4em;
}
}
@media (min-width: 1400px) {
.mt-xl-4 {
margin-top: 4em;
}
}
@media (min-width: 1400px) {
.mb-xl-4 {
margin-bottom: 4em;
}
}
@media (min-width: 1400px) {
.m-xl-4 {
margin: 4em 4em 4em 4em;
}
}
.pl-1 {
padding-left: 1em;
}
.pr-1 {
padding-right: 1em;
}
.pt-1 {
padding-top: 1em;
}
.pb-1 {
padding-bottom: 1em;
}
.p-1 {
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 1em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pr-sm-1 {
padding-right: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pt-sm-1 {
padding-top: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pb-sm-1 {
padding-bottom: 1em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.p-sm-1 {
padding: 1em 1em 1em 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pl-md-1 {
padding-left: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pr-md-1 {
padding-right: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pt-md-1 {
padding-top: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pb-md-1 {
padding-bottom: 1em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.p-md-1 {
padding: 1em 1em 1em 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pl-lg-1 {
padding-left: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pr-lg-1 {
padding-right: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pt-lg-1 {
padding-top: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pb-lg-1 {
padding-bottom: 1em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.p-lg-1 {
padding: 1em 1em 1em 1em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.pl-xl-1 {
padding-left: 1em;
}
}
@media (min-width: 1400px) {
.pr-xl-1 {
padding-right: 1em;
}
}
@media (min-width: 1400px) {
.pt-xl-1 {
padding-top: 1em;
}
}
@media (min-width: 1400px) {
.pb-xl-1 {
padding-bottom: 1em;
}
}
@media (min-width: 1400px) {
.p-xl-1 {
padding: 1em 1em 1em 1em;
}
}
.pl-2 {
padding-left: 2em;
}
.pr-2 {
padding-right: 2em;
}
.pt-2 {
padding-top: 2em;
}
.pb-2 {
padding-bottom: 2em;
}
.p-2 {
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
padding-bottom: 2em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pr-sm-2 {
padding-right: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pt-sm-2 {
padding-top: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pb-sm-2 {
padding-bottom: 2em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.p-sm-2 {
padding: 2em 2em 2em 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pl-md-2 {
padding-left: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pr-md-2 {
padding-right: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pt-md-2 {
padding-top: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pb-md-2 {
padding-bottom: 2em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.p-md-2 {
padding: 2em 2em 2em 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pl-lg-2 {
padding-left: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pr-lg-2 {
padding-right: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pt-lg-2 {
padding-top: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pb-lg-2 {
padding-bottom: 2em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.p-lg-2 {
padding: 2em 2em 2em 2em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.pl-xl-2 {
padding-left: 2em;
}
}
@media (min-width: 1400px) {
.pr-xl-2 {
padding-right: 2em;
}
}
@media (min-width: 1400px) {
.pt-xl-2 {
padding-top: 2em;
}
}
@media (min-width: 1400px) {
.pb-xl-2 {
padding-bottom: 2em;
}
}
@media (min-width: 1400px) {
.p-xl-2 {
padding: 2em 2em 2em 2em;
}
}
.pl-3 {
padding-left: 3em;
}
.pr-3 {
padding-right: 3em;
}
.pt-3 {
padding-top: 3em;
}
.pb-3 {
padding-bottom: 3em;
}
.p-3 {
padding-left: 3em;
padding-right: 3em;
padding-top: 3em;
padding-bottom: 3em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pr-sm-3 {
padding-right: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pt-sm-3 {
padding-top: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pb-sm-3 {
padding-bottom: 3em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.p-sm-3 {
padding: 3em 3em 3em 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pl-md-3 {
padding-left: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pr-md-3 {
padding-right: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pt-md-3 {
padding-top: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pb-md-3 {
padding-bottom: 3em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.p-md-3 {
padding: 3em 3em 3em 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pl-lg-3 {
padding-left: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pr-lg-3 {
padding-right: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pt-lg-3 {
padding-top: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pb-lg-3 {
padding-bottom: 3em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.p-lg-3 {
padding: 3em 3em 3em 3em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.pl-xl-3 {
padding-left: 3em;
}
}
@media (min-width: 1400px) {
.pr-xl-3 {
padding-right: 3em;
}
}
@media (min-width: 1400px) {
.pt-xl-3 {
padding-top: 3em;
}
}
@media (min-width: 1400px) {
.pb-xl-3 {
padding-bottom: 3em;
}
}
@media (min-width: 1400px) {
.p-xl-3 {
padding: 3em 3em 3em 3em;
}
}
.pl-4 {
padding-left: 4em;
}
.pr-4 {
padding-right: 4em;
}
.pt-4 {
padding-top: 4em;
}
.pb-4 {
padding-bottom: 4em;
}
.p-4 {
padding-left: 4em;
padding-right: 4em;
padding-top: 4em;
padding-bottom: 4em;
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pr-sm-4 {
padding-right: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pt-sm-4 {
padding-top: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.pb-sm-4 {
padding-bottom: 4em;
}
}
@media only screen and (min-width: 0) and (max-width: 480px) {
.p-sm-4 {
padding: 4em 4em 4em 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pl-md-4 {
padding-left: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pr-md-4 {
padding-right: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pt-md-4 {
padding-top: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.pb-md-4 {
padding-bottom: 4em;
}
}
@media (min-width: 480px) and (max-width: 768px) {
.p-md-4 {
padding: 4em 4em 4em 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pl-lg-4 {
padding-left: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pr-lg-4 {
padding-right: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pt-lg-4 {
padding-top: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.pb-lg-4 {
padding-bottom: 4em;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.p-lg-4 {
padding: 4em 4em 4em 4em;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.pl-xl-4 {
padding-left: 4em;
}
}
@media (min-width: 1400px) {
.pr-xl-4 {
padding-right: 4em;
}
}
@media (min-width: 1400px) {
.pt-xl-4 {
padding-top: 4em;
}
}
@media (min-width: 1400px) {
.pb-xl-4 {
padding-bottom: 4em;
}
}
@media (min-width: 1400px) {
.p-xl-4 {
padding: 4em 4em 4em 4em;
}
}
.logo {
width: 174px;
height: 50px;
}
.painting-container {
height: 410px;
position: relative !important;
}
.painting-bg {
-webkit-transition: opacity 2s, ease-in;
transition: opacity 2s, ease-in;
z-index: -1;
}
.absolute {
position: absolute !important;
}
.md\:opacity-100 {
opacity: 1 !important;
}
.right-0 {
right: 0 !important;
}
.inset-0,
.inset-y-0 {
top: 0 !important;
bottom: 0 !important;
}
.w-full {
width: 100% !important;
}
.sm\:block {
display: block !important;
}
.inset-0 {
right: 0 !important;
left: 0 !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.inset-x-0 {
right: 0 !important;
left: 0 !important;
}
.h-full {
height: 100% !important;
}
.enlist-heading {
max-height: 100%;
}
.monitor {
height: 375px;
min-width: 50%;
max-width: 70%;
background-color: #18181b;
border-radius: .5rem;
top: 15px;
position: relative;
left: 22%;
grid-column-gap: .25em;
font-weight: 400;
}
.monitor h3 {
margin-bottom: 1%;
}
.monitor-list {
color: #bb432c;
background-color: #0e0e10;
padding-left: 1em;
padding-right: 1em;
padding-top: .85em;
padding-bottom: .85em;
margin-top: .25em;
margin-bottom: .25em;
width: calc(100% *.18);
text-align: center;
border-radius: .25rem;
font-weight: 600;
letter-spacing: .2px;
}
.monitor li:last-child {
visibility: hidden;
}
.monitor-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 1%;
}
monitor-items-container {
height: 80%;
}
.light-bg {
background-color: #f4f4f5;
}
.white-section {
height: 320px;
}
.grey-section {
height: 320px;
background-color: #f4f4f5;
overflow: hidden;
}
.grey-section-xl {
height: 775px;
background-color: #f4f4f5;
}
.text-width {
width: 320px;
}
.left-hotfix {
-ms-grid-column-align: end;
justify-self: end;
padding-right: 2.5em;
}
.commentbox {
min-height: 182px;
margin: 0 auto;
background-color: #fff;
position: relative;
border-bottom: 5px solid #e0e0e0;
}
.commentbox::before {
content: "";
height: 30px;
background-color: white;
width: 30px;
display: inline-block;
bottom: -21px;
position: absolute;
left: 45px;
rotate: 45deg;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-bottom: 5px solid #e0e0e0;
border-right: 5px solid #e0e0e0;
}
.pic {
left: 2%;
}
.prof-pic {
border-radius: 50%;
height: 48px;
width: 48px;
display: inline-block;
}
.qualified {
display: inline-block;
height: 64px;
}
.mastery-text-flex {
justify-items: end;
}
.grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
@media (min-width: 620px) and (max-width: 850px) {
.hide-md {
display: none;
}
.monitor {
min-width: 80%;
max-width: 100%;
margin: 0 auto;
}
.center-me {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
}
.icon-imgs {
display: none;
}
@media (max-width: 620px) {
.flex-small {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.hide-sm {
display: none !important;
}
.main-item-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-grid-column-align: center;
justify-self: center;
justify-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-flex-line-pack: center;
align-content: center;
margin: 0 auto;
grid-column: 1/-1;
}
.icon-imgs {
display: contents;
display: block;
width: 90%;
}
.hide-md {
display: block;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin: 0 auto;
position: absolute;
justify-self: center;
bottom: 0;
right: auto;
left: 10vw;
right: 10vw;
top: 20%;
}
.mastery-text-flex {
justify-items: center;
}
}
@media (max-width: 480px) {
.hide-xs {
display: none;
}
}
* icon-moon-:before {
font-family: ico-moon;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-moon {
margin-right: 5px;
font-size: 1em;
height: 25px;
width: 25px;
fill: #71717a;
margin-right: 1em;
margin-top: 10px;
margin-bottom: 10px;
-webkit-filter: invert(47%) sepia(7%) saturate(424%) hue-rotate(202deg) brightness(91%) contrast(89%);
filter: invert(47%) sepia(7%) saturate(424%) hue-rotate(202deg) brightness(91%) contrast(89%);
}
.icons {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}