color: inherit; }
h1, .h1 {
- font-size: 2.25rem; }
+ font-size: 36px; }
h2, .h2 {
- font-size: 2rem; }
+ font-size: 32px; }
h3, .h3 {
- font-size: 1.5rem; }
+ font-size: 24px; }
h4, .h4 {
- font-size: 1.25rem; }
+ font-size: 20px; }
h5, .h5 {
- font-size: 1rem; }
+ font-size: 16px; }
h6, .h6 {
- font-size: 0.75rem; }
+ font-size: 12px; }
.lead {
- font-size: 1.5rem;
+ font-size: 24px;
font-weight: 300; }
.display-1 {
- font-size: 7.5rem;
+ font-size: 120px;
font-weight: 300;
line-height: 1.1; }
.display-2 {
- font-size: 3rem;
+ font-size: 48px;
font-weight: 300;
line-height: 1.1; }
.display-3 {
- font-size: 2.25rem;
+ font-size: 32px;
font-weight: 300;
line-height: 1.1; }
.display-4 {
- font-size: 1.5rem;
+ font-size: 24px;
font-weight: 300;
line-height: 1.1; }
hr {
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
+ margin-top: 8px;
+ margin-bottom: 8px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small,
.small {
- font-size: 0.875rem;
+ font-size: 14px;
font-weight: 400; }
mark,
text-transform: uppercase; }
.blockquote {
- padding: 0.25rem 0.5rem;
- margin-bottom: 0.5rem;
+ padding: 4px 8px;
+ margin-bottom: 8px;
font-size: 1.25rem;
border-left: 0.25rem solid #eceeef; }
content: "\2014 \00A0"; }
.blockquote-reverse {
- padding-right: 0.5rem;
+ padding-right: 8px;
padding-left: 0;
text-align: right;
border-right: 0.25rem solid #eceeef;
-ms-user-select: none;
user-select: none;
border: 2px solid transparent;
- padding: 0.5rem 1rem;
+ padding: 8px 16px;
font-size: 1rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn {
- padding: 0.75rem 2rem;
- font-size: 1.25rem;
- border-radius: 0.125rem; }
+ padding: 12px 32px;
+ font-size: 20px;
+ border-radius: 2px; }
.btn-sm, .btn-group-sm > .btn {
- padding: 0.25rem 0.5rem;
+ padding: 4px 8px;
font-size: 0.875rem;
border-radius: 0.2rem; }
width: 100%; }
.btn-block + .btn-block {
- margin-top: 0.5rem; }
+ margin-top: 8px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
outline: 0; }
.btn + .dropdown-toggle-split {
- padding-right: 0.75rem;
- padding-left: 0.75rem; }
+ padding-right: 12px;
+ padding-left: 12px; }
.btn + .dropdown-toggle-split::after {
margin-left: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
- padding-right: 0.375rem;
- padding-left: 0.375rem; }
+ padding-right: 6px;
+ padding-left: 6px; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
- padding-right: 1.5rem;
- padding-left: 1.5rem; }
+ padding-right: 24px;
+ padding-left: 24px; }
.btn-group-vertical {
display: -webkit-inline-box;
.nav-link {
display: block;
- padding: 0.5em 1.5em; }
+ padding: 8px 24px; }
.nav-link:focus, .nav-link:hover {
text-decoration: none; }
.nav-link.disabled {
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
- padding: 0.5rem 0.5rem; }
+ padding: 8px 8px; }
.navbar-brand {
display: inline-block;
padding-top: .25rem;
padding-bottom: .25rem;
- margin-right: 0.5rem;
- font-size: 1.25rem;
+ margin-right: 8px;
+ font-size: 20px;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:focus, .navbar-brand:hover {
.navbar-toggler-left {
position: absolute;
- left: 0.5rem; }
+ left: 8px; }
.navbar-toggler-right {
position: absolute;
- right: 0.5rem; }
+ right: 8px; }
@media (max-width: 575px) {
.navbar-toggleable .navbar-nav .dropdown-menu {
margin-bottom: 0 !important; }
.m-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-0 {
padding: 0 0 !important; }
padding-bottom: 0 !important; }
.p-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-auto {
margin: auto !important; }
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-sm-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-sm-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-sm-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-sm-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-sm-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-sm-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-sm-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-sm-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-sm-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-sm-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-sm-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-sm-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-sm-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-sm-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-sm-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-sm-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-sm-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-sm-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-sm-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-sm-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-sm-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-sm-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-sm-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-sm-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-sm-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-sm-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-sm-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-sm-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-sm-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-sm-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-sm-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-sm-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-sm-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-sm-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-sm-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-sm-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-sm-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-sm-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-sm-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-sm-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-sm-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-sm-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-sm-0 {
padding: 0 0 !important; }
.pt-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-sm-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-sm-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-sm-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-sm-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-sm-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-sm-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-sm-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-sm-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-sm-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-sm-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-sm-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-sm-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-sm-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-sm-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-sm-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-sm-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-sm-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-sm-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-sm-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-sm-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-sm-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-sm-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-sm-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-sm-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-sm-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-sm-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-sm-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-sm-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-sm-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-sm-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-sm-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-sm-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-sm-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-sm-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-sm-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-sm-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-sm-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-sm-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-sm-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-sm-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-sm-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-sm-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-md-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-md-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-md-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-md-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-md-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-md-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-md-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-md-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-md-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-md-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-md-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-md-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-md-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-md-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-md-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-md-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-md-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-md-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-md-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-md-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-md-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-md-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-md-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-md-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-md-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-md-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-md-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-md-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-md-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-md-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-md-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-md-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-md-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-md-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-md-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-md-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-md-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-md-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-md-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-md-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-md-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-md-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-md-0 {
padding: 0 0 !important; }
.pt-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-md-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-md-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-md-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-md-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-md-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-md-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-md-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-md-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-md-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-md-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-md-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-md-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-md-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-md-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-md-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-md-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-md-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-md-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-md-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-md-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-md-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-md-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-md-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-md-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-md-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-md-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-md-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-md-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-md-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-md-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-md-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-md-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-md-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-md-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-md-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-md-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-md-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-md-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-md-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-md-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-md-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-md-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-lg-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-lg-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-lg-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-lg-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-lg-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-lg-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-lg-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-lg-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-lg-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-lg-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-lg-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-lg-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-lg-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-lg-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-lg-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-lg-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-lg-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-lg-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-lg-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-lg-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-lg-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-lg-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-lg-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-lg-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-lg-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-lg-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-lg-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-lg-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-lg-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-lg-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-lg-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-lg-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-lg-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-lg-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-lg-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-lg-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-lg-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-lg-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-lg-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-lg-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-lg-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-lg-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-lg-0 {
padding: 0 0 !important; }
.pt-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-lg-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-lg-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-lg-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-lg-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-lg-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-lg-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-lg-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-lg-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-lg-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-lg-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-lg-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-lg-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-lg-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-lg-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-lg-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-lg-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-lg-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-lg-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-lg-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-lg-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-lg-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-lg-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-lg-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-lg-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-lg-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-lg-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-lg-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-lg-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-lg-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-lg-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-lg-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-lg-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-lg-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-lg-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-lg-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-lg-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-lg-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-lg-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-lg-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-lg-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-lg-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-lg-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-xl-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-xl-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-xl-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-xl-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-xl-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-xl-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-xl-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-xl-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-xl-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-xl-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-xl-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-xl-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-xl-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-xl-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-xl-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-xl-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-xl-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-xl-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-xl-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-xl-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-xl-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-xl-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-xl-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-xl-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-xl-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-xl-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-xl-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-xl-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-xl-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-xl-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-xl-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-xl-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-xl-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-xl-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-xl-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-xl-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-xl-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-xl-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-xl-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-xl-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-xl-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-xl-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-xl-0 {
padding: 0 0 !important; }
.pt-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-xl-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-xl-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-xl-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-xl-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-xl-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-xl-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-xl-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-xl-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-xl-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-xl-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-xl-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-xl-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-xl-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-xl-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-xl-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-xl-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-xl-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-xl-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-xl-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-xl-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-xl-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-xl-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-xl-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-xl-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-xl-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-xl-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-xl-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-xl-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-xl-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-xl-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-xl-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-xl-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-xl-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-xl-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-xl-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-xl-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-xl-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-xl-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-xl-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-xl-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-xl-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-xl-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto {
.hidden-print {
display: none !important; } }
+.container {
+ width: 100%;
+ max-width: 1200px; }
+
body {
- font-smoothing: antialiased; }
+ -webkit-font-smoothing: antialiased;
+ font-size: 16px; }
h1 {
line-height: 3rem; }
line-height: 2.75rem; }
h3 {
- line-height: 2rem; }
- @media (max-width: 767px) {
+ font-size: 20px;
+ line-height: 28px; }
+ @media (min-width: 768px) {
h3 {
- font-size: 1em; } }
+ font-size: 24px;
+ line-height: 32px; } }
h4 {
font-weight: 500;
- line-height: 1.75rem; }
- @media (max-width: 767px) {
+ font-size: 16px;
+ line-height: 24px; }
+ @media (min-width: 576px) {
h4 {
- font-size: 1em; } }
+ font-size: 20px;
+ line-height: 28px; } }
-h5 {
- line-height: 1.5rem; }
+h5, .h5 {
+ font-size: 16px;
+ line-height: 24px; }
+ @media (min-width: 768px) {
+ h5, .h5 {
+ font-size: 24px;
+ line-height: 32px; } }
p {
- line-height: 1.5rem; }
- @media (max-width: 767px) {
- p {
- font-size: .85em; } }
+ font-size: 16px;
+ line-height: 24px; }
p.lead {
- line-height: 2rem; }
- @media (max-width: 991px) {
+ font-size: inherit;
+ line-height: inherit; }
+ @media (min-width: 768px) {
p.lead {
- font-size: 1.5rem;
- line-height: 2rem; } }
- @media (max-width: 767px) {
- p.lead {
- font-size: 1rem;
- line-height: 1.5rem; } }
+ font-size: 24px;
+ line-height: 32px; } }
+
+.display-1 {
+ font-size: 120px;
+ line-height: 144px; }
.display-2 {
- margin-bottom: 4rem; }
- @media (max-width: 991px) {
+ font-size: 32px;
+ line-height: 44px;
+ margin-bottom: 40px; }
+ @media (min-width: 768px) {
.display-2 {
- font-size: 2.5rem;
- line-height: 3.5rem;
+ font-size: 40px;
+ line-height: 56px;
margin-bottom: 3rem; } }
- @media (max-width: 767px) {
- .display-2 {
- font-size: 2rem;
- line-height: 2.75rem; } }
-@media (max-width: 575px) {
- .display-4 {
- font-size: .875rem;
- line-height: 1.25rem; } }
+.display-3 {
+ font-size: 24px;
+ line-height: 32px; }
+ @media (min-width: 768px) {
+ .display-3 {
+ font-size: 32px;
+ line-height: 44px; } }
-small {
- line-height: 1rem; }
- @media (max-width: 767px) {
- small {
- font-size: .75em; } }
+.display-4 {
+ font-size: 14px;
+ line-height: 20px;
+ font-weight: 400; }
+ @media (min-width: 576px) {
+ .display-4 {
+ font-size: 24px;
+ line-height: 32px; } }
+
+.display-5 {
+ font-size: 20px;
+ line-height: 28px; }
+
+small,
+.small {
+ font-size: 14px;
+ line-height: 20px; }
+ @media (min-width: 768px) {
+ small,
+ .small {
+ font-size: 16px;
+ line-height: 24px; } }
.truncate {
width: 100%;
overflow: hidden;
text-overflow: ellipsis; }
+.fireinfo_cat {
+ font-size: 14px;
+ line-height: 20px; }
+
+h5.fireinfo {
+ font-size: 20px;
+ line-height: 28px;
+ font-weight: 500; }
+
+.fireinfo_per {
+ font-size: 20px;
+ line-height: 28px; }
+
#mask {
width: 100vw;
height: 100vh;
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
- background-color: transparent;
+ background-color: rgba(0, 0, 0, 0.4);
display: none;
visibility: hidden; }
#mask.open {
display: block;
visibility: visible; }
+.tux {
+ position: absolute;
+ top: 12px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ .tux h1 {
+ font-weight: 300 !important;
+ color: #263238;
+ font-size: 20px;
+ line-height: 28px;
+ margin-bottom: 0; }
+ .tux h1 strong {
+ font-weight: 700 !important; }
+ .tux h1:before {
+ content: "";
+ height: 32px;
+ width: 25px;
+ background-image: url("../img/ipfire-tux.png");
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: contain;
+ display: inline-block;
+ position: relative; }
+
.menu-text {
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out; }
width: 100%; }
.fixed-top .navbar a {
color: #263238; }
+ @media (min-width: 576px) {
+ .fixed-top .navbar a {
+ margin-top: 8px; } }
.fixed-top .navbar .navbar-toggler-left {
left: -12px;
top: 8px; }
font-size: 20px;
font-weight: 300;
opacity: 0;
- margin: 8px 0 0 96px;
- margin-top: 8px;
+ margin: 0;
-webkit-transition: opacity .7s linear;
transition: opacity .7s linear; }
@media (min-width: 992px) {
.scrolled .navbar-brand {
opacity: 1; }
+.scrolled.fadeout {
+ background-color: rgba(100, 100, 100, 0.5); }
+ .scrolled.fadeout a.btn-donate {
+ opacity: .5; }
+ .scrolled.fadeout a.navbar-brand {
+ opacity: .5; }
+
#navbarSupportedContent {
width: 100%; }
- @media (max-width: 1199px) {
+ @media (max-width: 991px) {
#navbarSupportedContent {
background: white;
position: fixed;
@media (min-width: 992px) {
.navbar-nav {
- padding-top: 10px; } }
+ padding-top: 2px; } }
.navbar-nav .nav-link {
color: #263238;
color: #263238; }
@media (max-width: 575px) {
section.intro .branding h1 {
- font-size: 4.5rem; } }
+ font-size: 72px;
+ line-height: 88px;
+ margin-bottom: 0; } }
section.intro .branding h1 strong {
font-weight: 700 !important; }
section.intro .branding h1:before {
width: 93px;
margin-right: 32px;
top: 8px; } }
- section.intro .page-scroll {
- position: absolute;
- bottom: 48px;
- left: 50%;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%); }
- section.intro .page-scroll .btn {
- width: 36px;
- height: 36px;
- fill: #b71c1c; }
- @media (min-width: 576px) {
- section.intro .page-scroll .btn {
- width: 64px;
- height: 64px; } }
- section.intro .page-scroll .btn:hover .i_arrow_down {
- fill: white; }
+
+.page-scroll {
+ display: block;
+ visibility: visible;
+ position: absolute;
+ bottom: 48px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ .page-scroll .btn {
+ width: 36px;
+ height: 36px;
+ fill: #b71c1c; }
+ @media (min-width: 576px) {
+ .page-scroll .btn {
+ width: 64px;
+ height: 64px; } }
+ .page-scroll .btn:hover .i_arrow_down {
+ fill: white; }
section.content-section {
padding: 3rem 0; }
.circle {
position: relative; }
- .circle p.lead {
+ .circle p.fireinfo_per {
color: #546e7a;
position: absolute;
- top: calc(50% - 1.25rem);
- width: 100%;
- font-size: 1.25em; }
+ top: calc(50% - 20px);
+ width: 100%; }
section#appliances {
padding-bottom: 48px; }
padding-top: 31px; } }
footer h4 {
margin-bottom: 1.25rem;
- color: rgba(38, 50, 56, 0.6); }
+ color: rgba(38, 50, 56, 0.6);
+ font-size: 20px;
+ line-height: 28px; }
footer ul li {
- font-size: 0.875rem;
+ font-size: 14px;
margin-bottom: .75rem; }
footer ul li a {
color: rgba(38, 50, 56, 0.6);
#copyright {
background-color: rgba(38, 50, 56, 0.06);
padding: 1rem 0; }
+ #copyright p {
+ font-size: 12px;
+ line-height: 16px; }
@-webkit-keyframes scroll {
0%, 100% {
-function getCookie(o){var e=document.cookie.match("\\b"+o+"=([^;]*)\\b");return e?e[1]:void 0}$(document).ready(function(){$("#scrollto").click(function(o){o.preventDefault(),$("body").animate({scrollTop:$("#features").offset().top-72},1e3)}),$(window).scroll(function(){$(document).scrollTop()>100?($(".fixed-top").addClass("scrolled"),$(".menu-text").addClass("hidden")):($(".fixed-top").removeClass("scrolled"),$(".menu-text").removeClass("hidden"))}),$(".navbar-toggler-left").click(function(){$("#navbarSupportedContent, #mask").addClass("open")}),$("#mask").click(function(){$("#navbarSupportedContent, #mask").removeClass("open")})}),$.query=function(o){return new RegExp("[\\?&]"+o+"=([^&#]*)").exec(window.location.href)[1]||0},$("a.download-splash").click(function(o){o.preventDefault(),linkLocation=this.href,window.location="http://downloads.ipfire.org/download-splash?file="+linkLocation}),/.*download-splash.*/i.test(window.location.href)&&$("p.download-path").ready(function(){var o=!1,e=["http://downloads.ipfire.org/"],n=$.query("file");for(i in e)prefix=e[i],n.substring(0,prefix.length)==prefix&&(o=!0);o&&($("p.download-path").prepend($("<a>",{href:encodeURI(n),text:n})),setTimeout(function(){window.location=n},"2000"))}),jQuery.postJSON=function(url,args,callback){args._xsrf=getCookie("_xsrf"),$.ajax({url:url,data:$.param(args),dataType:"text",type:"POST",success:function(response){callback(eval("("+response+")"))}})};
\ No newline at end of file
+function getCookie(o){var e=document.cookie.match("\\b"+o+"=([^;]*)\\b");return e?e[1]:void 0}$(document).ready(function(){$("#scrollto").click(function(o){o.preventDefault(),$("body").animate({scrollTop:$("#features").offset().top-72},1e3)}),$(window).scroll(function(){$(document).scrollTop()>100?($(".fixed-top").addClass("scrolled"),$(".menu-text").addClass("hidden")):($(".fixed-top").removeClass("scrolled"),$(".menu-text").removeClass("hidden"))}),$(".navbar-toggler-left").click(function(){$("#navbarSupportedContent, #mask").addClass("open"),$(".scrolled").addClass("fadeout")}),$("#mask").click(function(){$("#navbarSupportedContent, #mask").removeClass("open"),$(".scrolled").removeClass("fadeout")})}),$.query=function(o){return new RegExp("[\\?&]"+o+"=([^&#]*)").exec(window.location.href)[1]||0},$("a.download-splash").click(function(o){o.preventDefault(),linkLocation=this.href,window.location="http://downloads.ipfire.org/download-splash?file="+linkLocation}),/.*download-splash.*/i.test(window.location.href)&&$("p.download-path").ready(function(){var o=!1,e=["http://downloads.ipfire.org/"],n=$.query("file");for(i in e)prefix=e[i],n.substring(0,prefix.length)==prefix&&(o=!0);o&&($("p.download-path").prepend($("<a>",{href:encodeURI(n),text:n})),setTimeout(function(){window.location=n},"2000"))}),jQuery.postJSON=function(url,args,callback){args._xsrf=getCookie("_xsrf"),$.ajax({url:url,data:$.param(args),dataType:"text",type:"POST",success:function(response){callback(eval("("+response+")"))}})};
\ No newline at end of file
//* Menu *//
$('.navbar-toggler-left').click(function() {
$('#navbarSupportedContent, #mask').addClass('open');
+ $('.scrolled').addClass('fadeout');
});
$('#mask').click(function() {
$('#navbarSupportedContent, #mask').removeClass('open');
+ $('.scrolled').removeClass('fadeout');
});
});
body {
font-family: "Ubuntu", sans-serif;
font-size: 1rem;
- font-weight: 300;
+ font-weight: 400;
line-height: 1.5;
color: #263238;
background-color: #eceff1; }
body {
font-family: "Ubuntu", sans-serif;
font-size: 1rem;
- font-weight: 300;
+ font-weight: 400;
line-height: 1.5;
color: #263238;
background-color: #eceff1; }
color: inherit; }
h1, .h1 {
- font-size: 2.25rem; }
+ font-size: 36px; }
h2, .h2 {
- font-size: 2rem; }
+ font-size: 32px; }
h3, .h3 {
- font-size: 1.5rem; }
+ font-size: 24px; }
h4, .h4 {
- font-size: 1.25rem; }
+ font-size: 20px; }
h5, .h5 {
- font-size: 1rem; }
+ font-size: 16px; }
h6, .h6 {
- font-size: 0.75rem; }
+ font-size: 12px; }
.lead {
- font-size: 1.5rem;
+ font-size: 24px;
font-weight: 300; }
.display-1 {
- font-size: 7.5rem;
+ font-size: 120px;
font-weight: 300;
line-height: 1.1; }
.display-2 {
- font-size: 3rem;
+ font-size: 48px;
font-weight: 300;
line-height: 1.1; }
.display-3 {
- font-size: 2.25rem;
+ font-size: 32px;
font-weight: 300;
line-height: 1.1; }
.display-4 {
- font-size: 1.5rem;
+ font-size: 24px;
font-weight: 300;
line-height: 1.1; }
hr {
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
+ margin-top: 8px;
+ margin-bottom: 8px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
small,
.small {
- font-size: 0.875rem;
- font-weight: 300; }
+ font-size: 14px;
+ font-weight: 400; }
mark,
.mark {
text-transform: uppercase; }
.blockquote {
- padding: 0.25rem 0.5rem;
- margin-bottom: 0.5rem;
+ padding: 4px 8px;
+ margin-bottom: 8px;
font-size: 1.25rem;
border-left: 0.25rem solid #eceeef; }
content: "\2014 \00A0"; }
.blockquote-reverse {
- padding-right: 0.5rem;
+ padding-right: 8px;
padding-left: 0;
text-align: right;
border-right: 0.25rem solid #eceeef;
display: inline-block; }
.figure-img {
- margin-bottom: 0.25rem;
+ margin-bottom: 4px;
line-height: 1; }
.figure-caption {
.table {
width: 100%;
max-width: 100%;
- margin-bottom: 0.5rem; }
+ margin-bottom: 8px; }
.table th,
.table td {
padding: 0.75rem;
.col-form-label-lg {
padding-top: calc(0.75rem - 2px * 2);
padding-bottom: calc(0.75rem - 2px * 2);
- font-size: 1.25rem; }
+ font-size: 20px; }
.col-form-label-sm {
padding-top: calc(0.25rem - 2px * 2);
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
padding: 0.75rem 1.5rem;
- font-size: 1.25rem;
+ font-size: 20px;
border-radius: 0.3rem; }
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
vertical-align: middle;
user-select: none;
border: 2px solid transparent;
- padding: 0.5rem 1rem;
+ padding: 8px 16px;
font-size: 1rem;
border-radius: 0.25rem;
transition: all 0.2s ease-in-out; }
border-color: #d9534f; }
.btn-link {
- font-weight: 300;
+ font-weight: 400;
color: #b71c1c;
border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn {
- padding: 0.75rem 2rem;
- font-size: 1.25rem;
- border-radius: 0.125rem; }
+ padding: 12px 32px;
+ font-size: 20px;
+ border-radius: 2px; }
.btn-sm, .btn-group-sm > .btn {
- padding: 0.25rem 0.5rem;
+ padding: 4px 8px;
font-size: 0.875rem;
border-radius: 0.2rem; }
width: 100%; }
.btn-block + .btn-block {
- margin-top: 0.5rem; }
+ margin-top: 8px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
.dropdown-divider {
height: 1px;
- margin: 0.25rem 0;
+ margin: 4px 0;
overflow: hidden;
background-color: #eceeef; }
width: 100%;
padding: 3px 1.5rem;
clear: both;
- font-weight: 300;
+ font-weight: 400;
color: #292b2c;
text-align: inherit;
white-space: nowrap;
outline: 0; }
.btn + .dropdown-toggle-split {
- padding-right: 0.75rem;
- padding-left: 0.75rem; }
+ padding-right: 12px;
+ padding-left: 12px; }
.btn + .dropdown-toggle-split::after {
margin-left: 0; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
- padding-right: 0.375rem;
- padding-left: 0.375rem; }
+ padding-right: 6px;
+ padding-left: 6px; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
- padding-right: 1.5rem;
- padding-left: 1.5rem; }
+ padding-right: 24px;
+ padding-left: 24px; }
.btn-group-vertical {
display: inline-flex;
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
- font-weight: 300;
+ font-weight: 400;
line-height: 1.25;
color: #464a4c;
text-align: center;
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 0.75rem 1.5rem;
- font-size: 1.25rem;
+ font-size: 20px;
border-radius: 0.3rem; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
.nav-link {
display: block;
- padding: 0.5em 1.5em; }
+ padding: 8px 24px; }
.nav-link:focus, .nav-link:hover {
text-decoration: none; }
.nav-link.disabled {
position: relative;
display: flex;
flex-direction: column;
- padding: 0.5rem 0.5rem; }
+ padding: 8px 8px; }
.navbar-brand {
display: inline-block;
padding-top: .25rem;
padding-bottom: .25rem;
- margin-right: 0.5rem;
- font-size: 1.25rem;
+ margin-right: 8px;
+ font-size: 20px;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:focus, .navbar-brand:hover {
.navbar-toggler-left {
position: absolute;
- left: 0.5rem; }
+ left: 8px; }
.navbar-toggler-right {
position: absolute;
- right: 0.5rem; }
+ right: 8px; }
@media (max-width: 575px) {
.navbar-toggleable .navbar-nav .dropdown-menu {
.breadcrumb {
padding: 0.75rem 1rem;
- margin-bottom: 0.5rem;
+ margin-bottom: 8px;
list-style: none;
background-color: #eceeef;
border-radius: 0.25rem; }
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
- font-size: 1.25rem; }
+ font-size: 20px; }
.pagination-lg .page-item:first-child .page-link {
border-bottom-left-radius: 0.3rem;
display: block;
font-family: "Ubuntu", sans-serif;
font-style: normal;
- font-weight: 300;
+ font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
padding: 1px;
font-family: "Ubuntu", sans-serif;
font-style: normal;
- font-weight: 300;
+ font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
margin-bottom: 0 !important; }
.m-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-0 {
padding: 0 0 !important; }
padding-bottom: 0 !important; }
.p-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-auto {
margin: auto !important; }
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-sm-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-sm-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-sm-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-sm-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-sm-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-sm-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-sm-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-sm-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-sm-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-sm-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-sm-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-sm-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-sm-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-sm-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-sm-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-sm-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-sm-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-sm-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-sm-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-sm-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-sm-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-sm-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-sm-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-sm-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-sm-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-sm-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-sm-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-sm-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-sm-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-sm-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-sm-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-sm-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-sm-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-sm-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-sm-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-sm-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-sm-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-sm-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-sm-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-sm-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-sm-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-sm-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-sm-0 {
padding: 0 0 !important; }
.pt-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-sm-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-sm-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-sm-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-sm-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-sm-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-sm-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-sm-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-sm-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-sm-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-sm-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-sm-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-sm-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-sm-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-sm-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-sm-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-sm-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-sm-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-sm-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-sm-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-sm-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-sm-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-sm-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-sm-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-sm-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-sm-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-sm-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-sm-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-sm-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-sm-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-sm-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-sm-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-sm-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-sm-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-sm-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-sm-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-sm-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-sm-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-sm-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-sm-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-sm-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-sm-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-sm-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-md-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-md-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-md-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-md-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-md-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-md-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-md-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-md-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-md-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-md-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-md-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-md-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-md-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-md-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-md-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-md-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-md-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-md-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-md-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-md-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-md-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-md-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-md-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-md-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-md-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-md-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-md-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-md-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-md-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-md-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-md-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-md-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-md-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-md-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-md-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-md-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-md-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-md-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-md-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-md-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-md-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-md-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-md-0 {
padding: 0 0 !important; }
.pt-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-md-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-md-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-md-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-md-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-md-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-md-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-md-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-md-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-md-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-md-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-md-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-md-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-md-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-md-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-md-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-md-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-md-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-md-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-md-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-md-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-md-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-md-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-md-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-md-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-md-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-md-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-md-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-md-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-md-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-md-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-md-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-md-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-md-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-md-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-md-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-md-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-md-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-md-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-md-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-md-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-md-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-md-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-lg-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-lg-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-lg-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-lg-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-lg-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-lg-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-lg-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-lg-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-lg-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-lg-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-lg-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-lg-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-lg-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-lg-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-lg-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-lg-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-lg-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-lg-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-lg-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-lg-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-lg-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-lg-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-lg-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-lg-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-lg-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-lg-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-lg-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-lg-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-lg-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-lg-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-lg-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-lg-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-lg-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-lg-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-lg-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-lg-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-lg-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-lg-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-lg-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-lg-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-lg-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-lg-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-lg-0 {
padding: 0 0 !important; }
.pt-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-lg-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-lg-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-lg-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-lg-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-lg-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-lg-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-lg-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-lg-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-lg-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-lg-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-lg-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-lg-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-lg-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-lg-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-lg-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-lg-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-lg-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-lg-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-lg-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-lg-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-lg-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-lg-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-lg-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-lg-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-lg-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-lg-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-lg-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-lg-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-lg-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-lg-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-lg-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-lg-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-lg-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-lg-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-lg-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-lg-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-lg-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-lg-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-lg-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-lg-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-lg-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-lg-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.m-xl-1 {
- margin: 0.125rem 0.125rem !important; }
+ margin: 2px 2px !important; }
.mt-xl-1 {
- margin-top: 0.125rem !important; }
+ margin-top: 2px !important; }
.mr-xl-1 {
- margin-right: 0.125rem !important; }
+ margin-right: 2px !important; }
.mb-xl-1 {
- margin-bottom: 0.125rem !important; }
+ margin-bottom: 2px !important; }
.ml-xl-1 {
- margin-left: 0.125rem !important; }
+ margin-left: 2px !important; }
.mx-xl-1 {
- margin-right: 0.125rem !important;
- margin-left: 0.125rem !important; }
+ margin-right: 2px !important;
+ margin-left: 2px !important; }
.my-xl-1 {
- margin-top: 0.125rem !important;
- margin-bottom: 0.125rem !important; }
+ margin-top: 2px !important;
+ margin-bottom: 2px !important; }
.m-xl-2 {
- margin: 0.25rem 0.25rem !important; }
+ margin: 4px 4px !important; }
.mt-xl-2 {
- margin-top: 0.25rem !important; }
+ margin-top: 4px !important; }
.mr-xl-2 {
- margin-right: 0.25rem !important; }
+ margin-right: 4px !important; }
.mb-xl-2 {
- margin-bottom: 0.25rem !important; }
+ margin-bottom: 4px !important; }
.ml-xl-2 {
- margin-left: 0.25rem !important; }
+ margin-left: 4px !important; }
.mx-xl-2 {
- margin-right: 0.25rem !important;
- margin-left: 0.25rem !important; }
+ margin-right: 4px !important;
+ margin-left: 4px !important; }
.my-xl-2 {
- margin-top: 0.25rem !important;
- margin-bottom: 0.25rem !important; }
+ margin-top: 4px !important;
+ margin-bottom: 4px !important; }
.m-xl-3 {
- margin: 0.5rem 0.5rem !important; }
+ margin: 8px 8px !important; }
.mt-xl-3 {
- margin-top: 0.5rem !important; }
+ margin-top: 8px !important; }
.mr-xl-3 {
- margin-right: 0.5rem !important; }
+ margin-right: 8px !important; }
.mb-xl-3 {
- margin-bottom: 0.5rem !important; }
+ margin-bottom: 8px !important; }
.ml-xl-3 {
- margin-left: 0.5rem !important; }
+ margin-left: 8px !important; }
.mx-xl-3 {
- margin-right: 0.5rem !important;
- margin-left: 0.5rem !important; }
+ margin-right: 8px !important;
+ margin-left: 8px !important; }
.my-xl-3 {
- margin-top: 0.5rem !important;
- margin-bottom: 0.5rem !important; }
+ margin-top: 8px !important;
+ margin-bottom: 8px !important; }
.m-xl-4 {
- margin: 0.75rem 0.75rem !important; }
+ margin: 12px 12px !important; }
.mt-xl-4 {
- margin-top: 0.75rem !important; }
+ margin-top: 12px !important; }
.mr-xl-4 {
- margin-right: 0.75rem !important; }
+ margin-right: 12px !important; }
.mb-xl-4 {
- margin-bottom: 0.75rem !important; }
+ margin-bottom: 12px !important; }
.ml-xl-4 {
- margin-left: 0.75rem !important; }
+ margin-left: 12px !important; }
.mx-xl-4 {
- margin-right: 0.75rem !important;
- margin-left: 0.75rem !important; }
+ margin-right: 12px !important;
+ margin-left: 12px !important; }
.my-xl-4 {
- margin-top: 0.75rem !important;
- margin-bottom: 0.75rem !important; }
+ margin-top: 12px !important;
+ margin-bottom: 12px !important; }
.m-xl-5 {
- margin: 1rem 1rem !important; }
+ margin: 16px 16px !important; }
.mt-xl-5 {
- margin-top: 1rem !important; }
+ margin-top: 16px !important; }
.mr-xl-5 {
- margin-right: 1rem !important; }
+ margin-right: 16px !important; }
.mb-xl-5 {
- margin-bottom: 1rem !important; }
+ margin-bottom: 16px !important; }
.ml-xl-5 {
- margin-left: 1rem !important; }
+ margin-left: 16px !important; }
.mx-xl-5 {
- margin-right: 1rem !important;
- margin-left: 1rem !important; }
+ margin-right: 16px !important;
+ margin-left: 16px !important; }
.my-xl-5 {
- margin-top: 1rem !important;
- margin-bottom: 1rem !important; }
+ margin-top: 16px !important;
+ margin-bottom: 16px !important; }
.m-xl-6 {
- margin: 3rem 3rem !important; }
+ margin: 48px 48px !important; }
.mt-xl-6 {
- margin-top: 3rem !important; }
+ margin-top: 48px !important; }
.mr-xl-6 {
- margin-right: 3rem !important; }
+ margin-right: 48px !important; }
.mb-xl-6 {
- margin-bottom: 3rem !important; }
+ margin-bottom: 48px !important; }
.ml-xl-6 {
- margin-left: 3rem !important; }
+ margin-left: 48px !important; }
.mx-xl-6 {
- margin-right: 3rem !important;
- margin-left: 3rem !important; }
+ margin-right: 48px !important;
+ margin-left: 48px !important; }
.my-xl-6 {
- margin-top: 3rem !important;
- margin-bottom: 3rem !important; }
+ margin-top: 48px !important;
+ margin-bottom: 48px !important; }
.p-xl-0 {
padding: 0 0 !important; }
.pt-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.p-xl-1 {
- padding: 0.125rem 0.125rem !important; }
+ padding: 2px 2px !important; }
.pt-xl-1 {
- padding-top: 0.125rem !important; }
+ padding-top: 2px !important; }
.pr-xl-1 {
- padding-right: 0.125rem !important; }
+ padding-right: 2px !important; }
.pb-xl-1 {
- padding-bottom: 0.125rem !important; }
+ padding-bottom: 2px !important; }
.pl-xl-1 {
- padding-left: 0.125rem !important; }
+ padding-left: 2px !important; }
.px-xl-1 {
- padding-right: 0.125rem !important;
- padding-left: 0.125rem !important; }
+ padding-right: 2px !important;
+ padding-left: 2px !important; }
.py-xl-1 {
- padding-top: 0.125rem !important;
- padding-bottom: 0.125rem !important; }
+ padding-top: 2px !important;
+ padding-bottom: 2px !important; }
.p-xl-2 {
- padding: 0.25rem 0.25rem !important; }
+ padding: 4px 4px !important; }
.pt-xl-2 {
- padding-top: 0.25rem !important; }
+ padding-top: 4px !important; }
.pr-xl-2 {
- padding-right: 0.25rem !important; }
+ padding-right: 4px !important; }
.pb-xl-2 {
- padding-bottom: 0.25rem !important; }
+ padding-bottom: 4px !important; }
.pl-xl-2 {
- padding-left: 0.25rem !important; }
+ padding-left: 4px !important; }
.px-xl-2 {
- padding-right: 0.25rem !important;
- padding-left: 0.25rem !important; }
+ padding-right: 4px !important;
+ padding-left: 4px !important; }
.py-xl-2 {
- padding-top: 0.25rem !important;
- padding-bottom: 0.25rem !important; }
+ padding-top: 4px !important;
+ padding-bottom: 4px !important; }
.p-xl-3 {
- padding: 0.5rem 0.5rem !important; }
+ padding: 8px 8px !important; }
.pt-xl-3 {
- padding-top: 0.5rem !important; }
+ padding-top: 8px !important; }
.pr-xl-3 {
- padding-right: 0.5rem !important; }
+ padding-right: 8px !important; }
.pb-xl-3 {
- padding-bottom: 0.5rem !important; }
+ padding-bottom: 8px !important; }
.pl-xl-3 {
- padding-left: 0.5rem !important; }
+ padding-left: 8px !important; }
.px-xl-3 {
- padding-right: 0.5rem !important;
- padding-left: 0.5rem !important; }
+ padding-right: 8px !important;
+ padding-left: 8px !important; }
.py-xl-3 {
- padding-top: 0.5rem !important;
- padding-bottom: 0.5rem !important; }
+ padding-top: 8px !important;
+ padding-bottom: 8px !important; }
.p-xl-4 {
- padding: 0.75rem 0.75rem !important; }
+ padding: 12px 12px !important; }
.pt-xl-4 {
- padding-top: 0.75rem !important; }
+ padding-top: 12px !important; }
.pr-xl-4 {
- padding-right: 0.75rem !important; }
+ padding-right: 12px !important; }
.pb-xl-4 {
- padding-bottom: 0.75rem !important; }
+ padding-bottom: 12px !important; }
.pl-xl-4 {
- padding-left: 0.75rem !important; }
+ padding-left: 12px !important; }
.px-xl-4 {
- padding-right: 0.75rem !important;
- padding-left: 0.75rem !important; }
+ padding-right: 12px !important;
+ padding-left: 12px !important; }
.py-xl-4 {
- padding-top: 0.75rem !important;
- padding-bottom: 0.75rem !important; }
+ padding-top: 12px !important;
+ padding-bottom: 12px !important; }
.p-xl-5 {
- padding: 1rem 1rem !important; }
+ padding: 16px 16px !important; }
.pt-xl-5 {
- padding-top: 1rem !important; }
+ padding-top: 16px !important; }
.pr-xl-5 {
- padding-right: 1rem !important; }
+ padding-right: 16px !important; }
.pb-xl-5 {
- padding-bottom: 1rem !important; }
+ padding-bottom: 16px !important; }
.pl-xl-5 {
- padding-left: 1rem !important; }
+ padding-left: 16px !important; }
.px-xl-5 {
- padding-right: 1rem !important;
- padding-left: 1rem !important; }
+ padding-right: 16px !important;
+ padding-left: 16px !important; }
.py-xl-5 {
- padding-top: 1rem !important;
- padding-bottom: 1rem !important; }
+ padding-top: 16px !important;
+ padding-bottom: 16px !important; }
.p-xl-6 {
- padding: 3rem 3rem !important; }
+ padding: 48px 48px !important; }
.pt-xl-6 {
- padding-top: 3rem !important; }
+ padding-top: 48px !important; }
.pr-xl-6 {
- padding-right: 3rem !important; }
+ padding-right: 48px !important; }
.pb-xl-6 {
- padding-bottom: 3rem !important; }
+ padding-bottom: 48px !important; }
.pl-xl-6 {
- padding-left: 3rem !important; }
+ padding-left: 48px !important; }
.px-xl-6 {
- padding-right: 3rem !important;
- padding-left: 3rem !important; }
+ padding-right: 48px !important;
+ padding-left: 48px !important; }
.py-xl-6 {
- padding-top: 3rem !important;
- padding-bottom: 3rem !important; }
+ padding-top: 48px !important;
+ padding-bottom: 48px !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto {
text-transform: capitalize !important; }
.font-weight-normal {
- font-weight: 300; }
+ font-weight: 400; }
.font-weight-bold {
font-weight: 500; }
$brand-inverse: $gray-dark !default;
// Spacing
-
-$spacer: 0.5rem;
+$spacer: 8px;
$spacer-x: $spacer;
$spacer-y: $spacer;
$spacers: (
// Body
//
// Settings for the `<body>` element.
-
$body-bg: $blue_grey_50;
$body-color: $blue_grey_900;
$inverse-bg: $gray-dark !default;
$inverse-color: $gray-lighter !default;
// Links
-
$link-color: $red_900;
$link-hover-color: darken($link-color, 15%);
$link-hover-decoration: none;
-// Grid
+// Grid breakpoints
+//
+// Define the minimum dimensions at which your layout will change,
+// adapting to different screen sizes, for use in media queries.
+$grid-breakpoints: (
+ xs: 0,
+ sm: 576px,
+ md: 768px,
+ lg: 992px,
+ xl: 1200px
+) !default;
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints);
+// Grid
$grid-columns: 12 !default;
$grid-gutter-width-base: 24px;
$grid-gutter-widths: (
);
// Fonts
-
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500');
$font-family-sans-serif: 'Ubuntu', sans-serif;
$font-family-base: $font-family-sans-serif;
-$font-size-lg: 1.25rem;
+$font-size-lg: 20px;
$font-weight-normal: 400;
$font-weight-bold: 500;
$font-weight-base: $font-weight-normal;
-$font-size-h1: 2.25rem;
-$font-size-h2: 2rem;
-$font-size-h3: 1.5rem;
-$font-size-h4: 1.25rem;
-$font-size-h5: 1rem;
-$font-size-h6: 0.75rem;
+$font-size-h1: 36px;
+$font-size-h2: 32px;
+$font-size-h3: 24px;
+$font-size-h4: 20px;
+$font-size-h5: 16px;
+$font-size-h6: 12px;
$headings-font-weight: 400;
-$display1-size: 7.5rem;
-$display2-size: 3rem;
-$display3-size: 2.25rem;
-$display4-size: 1.5rem;
+$display1-size: 120px;
+$display2-size: 48px;
+$display3-size: 32px;
+$display4-size: 24px;
-$lead-font-size: 1.5rem;
+$lead-font-size: 24px;
-$small-font-size: .875rem;
+$small-font-size: 14px;
// Buttons
-
-$btn-padding-x: 1rem;
-$btn-padding-y: .5rem !default;
+$btn-padding-x: 16px;
+$btn-padding-y: 8px;
$btn-line-height: .95;
$btn-font-weight: 600;
$btn-box-shadow: none;
$btn-link-disabled-color: $gray-light !default;
-$btn-padding-x-sm: .5rem !default;
-$btn-padding-y-sm: .25rem !default;
+$btn-padding-x-sm: 8px;
+$btn-padding-y-sm: 4px;
-$btn-padding-x-lg: 2rem;
-$btn-padding-y-lg: .75rem !default;
+$btn-padding-x-lg: 32px;
+$btn-padding-y-lg: 12px;
-$btn-block-spacing-y: .5rem !default;
-$btn-toolbar-margin: .5rem !default;
+$btn-block-spacing-y: 8px;
+$btn-toolbar-margin: 8px;
// Allows for customizing button radius independently from global border radius
-$btn-border-radius-lg: .125rem;
+$btn-border-radius-lg: 2px;
$input-btn-border-width: $border-width;
// Navs
-
-$nav-item-margin: 1.5rem;
-$nav-item-inline-spacer: 1rem !default;
-$nav-link-padding: .5em 1.5em;
+$nav-item-margin: 24px;
+$nav-item-inline-spacer: 16px;
+$nav-link-padding: 8px 24px;
$nav-link-hover-bg: $gray-lighter !default;
$nav-disabled-link-color: $gray-light !default;
// Navbar
-
$navbar-padding-x: $spacer;
$navbar-padding-y: $spacer;
// Utility classes
@import "bootstrap-4.0.0-alpha.6/scss/utilities";
+.container {
+ width: 100%;
+ max-width: 1200px;
+}
+
// Custom stuff
@import '_fonts';
@import '_nav';
@import '_buttons';
+
// Colors
.amber-800 {
color: $amber-800;
font-weight: 300 !important;
color: $blue-grey-900;
@include media-breakpoint-down(xs) {
- font-size: 4.5rem;
+ font-size: 72px;
+ line-height: 88px;
+ margin-bottom: 0;
}
strong {
font-weight: 700 !important;
}
}
}
- .page-scroll {
- position: absolute;
- bottom: 48px;
- left: 50%;
- transform: translateX(-50%);
- .btn {
- width: 36px;
- height: 36px;
- fill: $red_900;
- @include media-breakpoint-up(sm) {
- width: 64px;
- height: 64px;
- }
- &:hover .i_arrow_down {
- fill: white;
- }
+}
+
+.page-scroll {
+ display: block;
+ visibility: visible;
+ position: absolute;
+ bottom: 48px;
+ left: 50%;
+ transform: translateX(-50%);
+ .btn {
+ width: 36px;
+ height: 36px;
+ fill: $red_900;
+ @include media-breakpoint-up(sm) {
+ width: 64px;
+ height: 64px;
+ }
+ &:hover .i_arrow_down {
+ fill: white;
}
}
}
.circle {
position: relative;
- p.lead {
+ p.fireinfo_per {
color: $blue-grey-600;
position: absolute;
- top: calc(50% - 1.25rem);
+ top: calc(50% - 20px);
width: 100%;
- font-size: 1.25em;
}
}
h4 {
margin-bottom: 1.25rem;
color: rgba($blue-grey-900, .6);
+ font-size: 20px;
+ line-height: 28px;
}
ul {
li {
- font-size: $small-font-size;
+ font-size: 14px;
margin-bottom: .75rem;
a {
color: rgba($blue-grey-900, .6);
#copyright {
background-color: rgba($blue-grey-900, .06);
padding: 1rem 0;
+ p {
+ font-size: 12px;
+ line-height: 16px;
+ }
}
// Animation
<footer class="footer">
<div class="container pb-3">
<div class="row mb-6">
- <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
+ <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
<h4>{{ _("About") }}</h4>
<ul class="list-unstyled">
</ul>
</div>
- <div class="col-6 col-sm-5 col-md-3 col-lg-2 mb-5">
+ <div class="col-6 col-sm-5 offset-sm-2 col-md-3 offset-md-0 col-lg-2 mb-5">
<h4>{{ _("Community") }}</h4>
<ul class="list-unstyled">
</ul>
</div>
- <div class="col-sm-8 col-md-12 col-lg-4 pt-md-6 pt-lg-1 text-center">
+ <div class="col-sm-8 offset-sm-2 col-md-12 offset-md-0 col-lg-4 pt-md-6 pt-lg-1 text-center">
<a class="btn btn-primary btn-lg" href="//www.ipfire.org/donate">
<svg class="icon i_heart"><use xlink:href="#heart"/></svg>
{{ _("Donate") }}
<div class="btn-toolbar justify-content-around col-md-6 offset-md-3">
<a class="btn btn-sm" href="http://www.ipfire.org/news.rss">
- <svg class="icon i_rss"><use xlink:href="#rss""/></svg>
+ <svg class="icon i_rss"><use xlink:href="#rss"/></svg>
</a>
<a class="btn btn-sm" href="https://twitter.com/ipfire">
<svg class="icon i_twitter"><use xlink:href="#twitter"/></svg>
</p>
{% end %}
- <p><small>© {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</small></p>
+ <p>© {{ year }} - {{ _("IPFire is free software written by the IPFire Project") }}</p>
</div>
</div>
</footer>
<section id="wishlist" class="content-section">
<div class="container">
-
<h2 class="display-2 text-center text-white">IP<strong>Fire</strong>’s Wishlist</h2>
{% if hottest_wish %}
<div class="d-flex flex-row justify-content-between align-items-baseline">
- <h3 class="text-white">{{ hottest_wish.title }}</h3>
+ <h5 class="text-white">{{ hottest_wish.title }}</h5>
{% if hottest_wish.is_new() %}
<span class="label label-success pull-right">{{ _("NEW") }}</span>
{{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
</span>
{% else %}
- <span class="amber-800 hidden-xs-down">
+ <span class="h5 amber-800 hidden-xs-down">
{{ _("%d%% funded") % hottest_wish.percentage }}
</span>
{% end %}
</div>
</div>
- <p class="text-white"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
+ <p class="text-white small"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
{% end %}
<div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6">
<div class="col-6 col-md-3 mb-6 text-center">
- <p class="mb-0 mb-sm-3"><small>Latest Release</small></p>
- <h4 class="pb-5">2.19 Core 109</h4>
+ <p class="mb-0 mb-sm-3 fireinfo_cat">Latest Release</p>
+ <h5 class="pb-5 fireinfo">2.19 Core 109</h5>
<div class="r_circle circle mt-5">
- <p class="lead">48%</p>
+ <p class="fireinfo_per">48%</p>
</div>
<script>
$('.r_circle').circleProgress({ value: 0.48, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } });
</div>
<div class="col-6 col-md-3 mb-6 text-center">
- <p class="mb-0 mb-sm-3"><small>Favorite Kernel</small></p>
- <h4 class="pb-5 truncate">3.14.79-ipfire-pae</h4>
+ <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite Kernel</p>
+ <h5 class="pb-5 fireinfo truncate">3.14.79-ipfire-pae</h5>
<div class="f_circle circle mt-5">
- <p class="lead">36%</p>
+ <p class="fireinfo_per">36%</p>
</div>
<script>
$('.f_circle').circleProgress({ value: 0.36, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#00bcd4"] } });
</div>
<div class="col-6 col-md-3 text-center">
- <p class="mb-0 mb-sm-3"><small>Favorite CPU</small></p>
- <h4 class="pb-5">Intel</h4>
+ <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite CPU</p>
+ <h5 class="pb-5 fireinfo">Intel</h5>
<div class="c_circle circle mt-5">
- <p class="lead">71%</p>
+ <p class="fireinfo_per">71%</p>
</div>
<script>
$('.c_circle').circleProgress({ value: 0.71, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#43a047"] } });
</div>
<div class="col-6 col-md-3 text-center">
- <p class="mb-0 mb-sm-3 truncate"><small>Favorite Virtualisation</small></p>
- <h4 class="pb-5">VMWare</h4>
+ <p class="mb-0 mb-sm-3 fireinfo_cat truncate">Favorite Virtualisation</p>
+ <h5 class="pb-5 fireinfo">VMWare</h5>
<div class="v_circle circle mt-5">
- <p class="lead">46%</p>
+ <p class="fireinfo_per">46%</p>
</div>
<script>
$('.v_circle').circleProgress({ value: 0.46, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#ff8f00"] } });
<div class="container">
<h2 class="display-2 text-center">{{ _("Professional Appliances & Services") }}</h2>
- <div class="row mb-lg-6 mb-md-4 pb-6">
- <div class="col-md-12 col-lg-7 mb-5 mb-md-6">
+ <div class="row mb-lg-6 mb-md-4 pb-6 pb-lg-4">
+ <div class="col-md-12 col-lg-7 mb-5 mb-md-6 mb-lg-0">
<p class="lead">
{% if lang == "de" %}
<a href="http://www.lightningwirelabs.com" target="_blank">Lightning Wire Labs</a> bietet
+<div class="hidden-xl-up">
+ <div class="tux">
+ <h1>IP<strong>Fire</strong></h1>
+ </div>
+</div>
+
<ul class="navbar-nav justify-content-lg-end">
{% if hostname in ("www.ipfire.org", "dev.ipfire.org") %}
<li class="nav-item hidden-lg-up">