%PDF- %PDF-
| Direktori : /home/bitrix/www/!_land/responsive/ |
| Current File : /home/bitrix/www/!_land/responsive/responsive.css |
/** ==|== Responsive =============================================================
Author: James South
twitter : http://twitter.com/James_M_South
github : https://github.com/ResponsiveBP/Responsive
Copyright (c), James South.
Licensed under the MIT License.
============================================================================== */
/*! Responsive v4.1.1 | MIT License | responsivebp.com */
/*! normalize.css v3.0.3 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted;
cursor: help; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.375rem; }
sub {
bottom: -0.1875rem; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1rem 2.5rem; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35rem 0.625rem 0.75rem; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
html {
-webkit-overflow-scrolling: touch;
color: #222222;
font-size: 100%;
line-height: 1.4;
box-sizing: border-box; }
*, :before, :after {
box-sizing: inherit; }
:focus {
outline: #4d90fe;
outline-style: solid;
outline-width: 1px;
outline-offset: -1px; }
[tabindex="-1"]:focus {
outline: none !important; }
_::-ms-reveal,
body:not([tabindex]):focus,
div:not([tabindex]):focus {
outline: none !important; }
h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility;
page-break-after: avoid; }
h1 {
font-size: 2rem;
margin: 1.34rem 0; }
h2 {
font-size: 1.5rem;
margin: 1.245rem 0; }
h3 {
font-size: 1.17rem;
margin: 1.17rem 0; }
h4 {
font-size: 1rem;
margin: 1.33rem 0; }
h5 {
font-size: 0.83rem;
margin: 1.386rem 0; }
h6 {
font-size: 0.67rem;
margin: 1.561rem 0; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid silver;
margin: 1rem 0;
padding: 0; }
.container, .modal-ajax.container,
.modal-iframe,
.container-full {
margin: 0 auto; }
.container.fixed,
.fixed.modal-iframe, .fixed .container,
.fixed .modal-iframe,
.container-full.fixed, .fixed
.container-full {
width: 100%; }
.container-full {
overflow-x: hidden; }
.container, .modal-ajax.container,
.modal-iframe {
max-width: 1140px;
width: calc(100% - 16px); }
.container.fixed,
.fixed.modal-iframe, .fixed .container,
.fixed .modal-iframe {
width: 1140px; }
.row,
[class*="block-row-"] {
margin: 0 -8px; }
.no-gutter {
margin: 0; }
[class*="block-row-"] {
display: block;
padding: 0;
list-style: none; }
[class*=col-],
[class*="block-row-"] > * {
display: block;
float: left;
min-height: 1px;
width: 100%;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
background-clip: padding-box; }
[dir="rtl"] [class*=col-], [dir="rtl"]
[class*="block-row-"] > * {
float: right; }
[class*=col-][class*=offset], [class*=col-][class*=push], [class*=col-][class*=pull] {
position: relative; }
[class*="block-row-"].no-gutter > *,
.no-gutter > [class*=col-] {
border: none;
background-clip: border-box; }
.equal-height {
display: table;
table-layout: fixed;
height: 1px;
width: calc(100% + 16px); }
.equal-height.no-gutter {
width: 100%; }
.equal-height:before {
display: none !important; }
.equal-height > [class*=col-] {
float: none;
vertical-align: top; }
.col-xxs-1 {
width: 8.3333%; }
.offset-xxs-1,
.push-xxs-1 {
left: 8.3333%; }
[dir="rtl"] .offset-xxs-1, [dir="rtl"]
.push-xxs-1 {
left: auto;
right: 8.3333%; }
.pull-xxs-1 {
right: 8.3333%; }
[dir="rtl"] .pull-xxs-1 {
right: auto;
left: 8.3333%; }
.col-xxs-2 {
width: 16.6667%; }
.offset-xxs-2,
.push-xxs-2 {
left: 16.6667%; }
[dir="rtl"] .offset-xxs-2, [dir="rtl"]
.push-xxs-2 {
left: auto;
right: 16.6667%; }
.pull-xxs-2 {
right: 16.6667%; }
[dir="rtl"] .pull-xxs-2 {
right: auto;
left: 16.6667%; }
.col-xxs-3 {
width: 25%; }
.offset-xxs-3,
.push-xxs-3 {
left: 25%; }
[dir="rtl"] .offset-xxs-3, [dir="rtl"]
.push-xxs-3 {
left: auto;
right: 25%; }
.pull-xxs-3 {
right: 25%; }
[dir="rtl"] .pull-xxs-3 {
right: auto;
left: 25%; }
.col-xxs-4 {
width: 33.3333%; }
.offset-xxs-4,
.push-xxs-4 {
left: 33.3333%; }
[dir="rtl"] .offset-xxs-4, [dir="rtl"]
.push-xxs-4 {
left: auto;
right: 33.3333%; }
.pull-xxs-4 {
right: 33.3333%; }
[dir="rtl"] .pull-xxs-4 {
right: auto;
left: 33.3333%; }
.col-xxs-5 {
width: 41.6667%; }
.offset-xxs-5,
.push-xxs-5 {
left: 41.6667%; }
[dir="rtl"] .offset-xxs-5, [dir="rtl"]
.push-xxs-5 {
left: auto;
right: 41.6667%; }
.pull-xxs-5 {
right: 41.6667%; }
[dir="rtl"] .pull-xxs-5 {
right: auto;
left: 41.6667%; }
.col-xxs-6 {
width: 50%; }
.offset-xxs-6,
.push-xxs-6 {
left: 50%; }
[dir="rtl"] .offset-xxs-6, [dir="rtl"]
.push-xxs-6 {
left: auto;
right: 50%; }
.pull-xxs-6 {
right: 50%; }
[dir="rtl"] .pull-xxs-6 {
right: auto;
left: 50%; }
.col-xxs-7 {
width: 58.3333%; }
.offset-xxs-7,
.push-xxs-7 {
left: 58.3333%; }
[dir="rtl"] .offset-xxs-7, [dir="rtl"]
.push-xxs-7 {
left: auto;
right: 58.3333%; }
.pull-xxs-7 {
right: 58.3333%; }
[dir="rtl"] .pull-xxs-7 {
right: auto;
left: 58.3333%; }
.col-xxs-8 {
width: 66.6667%; }
.offset-xxs-8,
.push-xxs-8 {
left: 66.6667%; }
[dir="rtl"] .offset-xxs-8, [dir="rtl"]
.push-xxs-8 {
left: auto;
right: 66.6667%; }
.pull-xxs-8 {
right: 66.6667%; }
[dir="rtl"] .pull-xxs-8 {
right: auto;
left: 66.6667%; }
.col-xxs-9 {
width: 75%; }
.offset-xxs-9,
.push-xxs-9 {
left: 75%; }
[dir="rtl"] .offset-xxs-9, [dir="rtl"]
.push-xxs-9 {
left: auto;
right: 75%; }
.pull-xxs-9 {
right: 75%; }
[dir="rtl"] .pull-xxs-9 {
right: auto;
left: 75%; }
.col-xxs-10 {
width: 83.3333%; }
.offset-xxs-10,
.push-xxs-10 {
left: 83.3333%; }
[dir="rtl"] .offset-xxs-10, [dir="rtl"]
.push-xxs-10 {
left: auto;
right: 83.3333%; }
.pull-xxs-10 {
right: 83.3333%; }
[dir="rtl"] .pull-xxs-10 {
right: auto;
left: 83.3333%; }
.col-xxs-11 {
width: 91.6667%; }
.offset-xxs-11,
.push-xxs-11 {
left: 91.6667%; }
[dir="rtl"] .offset-xxs-11, [dir="rtl"]
.push-xxs-11 {
left: auto;
right: 91.6667%; }
.pull-xxs-11 {
right: 91.6667%; }
[dir="rtl"] .pull-xxs-11 {
right: auto;
left: 91.6667%; }
.col-xxs-12 {
width: 100%; }
.offset-xxs-12,
.push-xxs-12 {
left: 100%; }
[dir="rtl"] .offset-xxs-12, [dir="rtl"]
.push-xxs-12 {
left: auto;
right: 100%; }
.pull-xxs-12 {
right: 100%; }
[dir="rtl"] .pull-xxs-12 {
right: auto;
left: 100%; }
.equal-height > [class*=col-xxs] {
display: table-cell;
height: 100%; }
.equal-height > .col-xxs-13 {
display: table-caption; }
.block-row-xxs-1 > * {
width: 100%; }
.block-row-xxs-1 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-1 > :nth-of-type(1n+1) {
clear: both; }
.block-row-xxs-2 > * {
width: 50%; }
.block-row-xxs-2 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-2 > :nth-of-type(2n+1) {
clear: both; }
.block-row-xxs-3 > * {
width: 33.3333%; }
.block-row-xxs-3 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-3 > :nth-of-type(3n+1) {
clear: both; }
.block-row-xxs-4 > * {
width: 25%; }
.block-row-xxs-4 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-4 > :nth-of-type(4n+1) {
clear: both; }
.block-row-xxs-5 > * {
width: 20%; }
.block-row-xxs-5 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-5 > :nth-of-type(5n+1) {
clear: both; }
.block-row-xxs-6 > * {
width: 16.6667%; }
.block-row-xxs-6 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-6 > :nth-of-type(6n+1) {
clear: both; }
.block-row-xxs-7 > * {
width: 14.2857%; }
.block-row-xxs-7 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-7 > :nth-of-type(7n+1) {
clear: both; }
.block-row-xxs-8 > * {
width: 12.5%; }
.block-row-xxs-8 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-8 > :nth-of-type(8n+1) {
clear: both; }
.block-row-xxs-9 > * {
width: 11.1111%; }
.block-row-xxs-9 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-9 > :nth-of-type(9n+1) {
clear: both; }
.block-row-xxs-10 > * {
width: 10%; }
.block-row-xxs-10 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-10 > :nth-of-type(10n+1) {
clear: both; }
.block-row-xxs-11 > * {
width: 9.0909%; }
.block-row-xxs-11 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-11 > :nth-of-type(11n+1) {
clear: both; }
.block-row-xxs-12 > * {
width: 8.3333%; }
.block-row-xxs-12 > :nth-of-type(n+1) {
clear: none; }
.block-row-xxs-12 > :nth-of-type(12n+1) {
clear: both; }
@media print and (min-width: 536px), screen and (min-width: 37.5em) {
.col-xs-1 {
width: 8.3333%; }
.offset-xs-1,
.push-xs-1 {
left: 8.3333%; }
[dir="rtl"] .offset-xs-1, [dir="rtl"]
.push-xs-1 {
left: auto;
right: 8.3333%; }
.pull-xs-1 {
right: 8.3333%; }
[dir="rtl"] .pull-xs-1 {
right: auto;
left: 8.3333%; }
.col-xs-2 {
width: 16.6667%; }
.offset-xs-2,
.push-xs-2 {
left: 16.6667%; }
[dir="rtl"] .offset-xs-2, [dir="rtl"]
.push-xs-2 {
left: auto;
right: 16.6667%; }
.pull-xs-2 {
right: 16.6667%; }
[dir="rtl"] .pull-xs-2 {
right: auto;
left: 16.6667%; }
.col-xs-3 {
width: 25%; }
.offset-xs-3,
.push-xs-3 {
left: 25%; }
[dir="rtl"] .offset-xs-3, [dir="rtl"]
.push-xs-3 {
left: auto;
right: 25%; }
.pull-xs-3 {
right: 25%; }
[dir="rtl"] .pull-xs-3 {
right: auto;
left: 25%; }
.col-xs-4 {
width: 33.3333%; }
.offset-xs-4,
.push-xs-4 {
left: 33.3333%; }
[dir="rtl"] .offset-xs-4, [dir="rtl"]
.push-xs-4 {
left: auto;
right: 33.3333%; }
.pull-xs-4 {
right: 33.3333%; }
[dir="rtl"] .pull-xs-4 {
right: auto;
left: 33.3333%; }
.col-xs-5 {
width: 41.6667%; }
.offset-xs-5,
.push-xs-5 {
left: 41.6667%; }
[dir="rtl"] .offset-xs-5, [dir="rtl"]
.push-xs-5 {
left: auto;
right: 41.6667%; }
.pull-xs-5 {
right: 41.6667%; }
[dir="rtl"] .pull-xs-5 {
right: auto;
left: 41.6667%; }
.col-xs-6 {
width: 50%; }
.offset-xs-6,
.push-xs-6 {
left: 50%; }
[dir="rtl"] .offset-xs-6, [dir="rtl"]
.push-xs-6 {
left: auto;
right: 50%; }
.pull-xs-6 {
right: 50%; }
[dir="rtl"] .pull-xs-6 {
right: auto;
left: 50%; }
.col-xs-7 {
width: 58.3333%; }
.offset-xs-7,
.push-xs-7 {
left: 58.3333%; }
[dir="rtl"] .offset-xs-7, [dir="rtl"]
.push-xs-7 {
left: auto;
right: 58.3333%; }
.pull-xs-7 {
right: 58.3333%; }
[dir="rtl"] .pull-xs-7 {
right: auto;
left: 58.3333%; }
.col-xs-8 {
width: 66.6667%; }
.offset-xs-8,
.push-xs-8 {
left: 66.6667%; }
[dir="rtl"] .offset-xs-8, [dir="rtl"]
.push-xs-8 {
left: auto;
right: 66.6667%; }
.pull-xs-8 {
right: 66.6667%; }
[dir="rtl"] .pull-xs-8 {
right: auto;
left: 66.6667%; }
.col-xs-9 {
width: 75%; }
.offset-xs-9,
.push-xs-9 {
left: 75%; }
[dir="rtl"] .offset-xs-9, [dir="rtl"]
.push-xs-9 {
left: auto;
right: 75%; }
.pull-xs-9 {
right: 75%; }
[dir="rtl"] .pull-xs-9 {
right: auto;
left: 75%; }
.col-xs-10 {
width: 83.3333%; }
.offset-xs-10,
.push-xs-10 {
left: 83.3333%; }
[dir="rtl"] .offset-xs-10, [dir="rtl"]
.push-xs-10 {
left: auto;
right: 83.3333%; }
.pull-xs-10 {
right: 83.3333%; }
[dir="rtl"] .pull-xs-10 {
right: auto;
left: 83.3333%; }
.col-xs-11 {
width: 91.6667%; }
.offset-xs-11,
.push-xs-11 {
left: 91.6667%; }
[dir="rtl"] .offset-xs-11, [dir="rtl"]
.push-xs-11 {
left: auto;
right: 91.6667%; }
.pull-xs-11 {
right: 91.6667%; }
[dir="rtl"] .pull-xs-11 {
right: auto;
left: 91.6667%; }
.col-xs-12 {
width: 100%; }
.offset-xs-12,
.push-xs-12 {
left: 100%; }
[dir="rtl"] .offset-xs-12, [dir="rtl"]
.push-xs-12 {
left: auto;
right: 100%; }
.pull-xs-12 {
right: 100%; }
[dir="rtl"] .pull-xs-12 {
right: auto;
left: 100%; }
.equal-height > [class*=col-xs] {
display: table-cell;
height: 100%; }
.equal-height > .col-xs-13 {
display: table-caption; }
.block-row-xs-1 > * {
width: 100%; }
.block-row-xs-1 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-1 > :nth-of-type(1n+1) {
clear: both; }
.block-row-xs-2 > * {
width: 50%; }
.block-row-xs-2 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-2 > :nth-of-type(2n+1) {
clear: both; }
.block-row-xs-3 > * {
width: 33.3333%; }
.block-row-xs-3 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-3 > :nth-of-type(3n+1) {
clear: both; }
.block-row-xs-4 > * {
width: 25%; }
.block-row-xs-4 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-4 > :nth-of-type(4n+1) {
clear: both; }
.block-row-xs-5 > * {
width: 20%; }
.block-row-xs-5 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-5 > :nth-of-type(5n+1) {
clear: both; }
.block-row-xs-6 > * {
width: 16.6667%; }
.block-row-xs-6 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-6 > :nth-of-type(6n+1) {
clear: both; }
.block-row-xs-7 > * {
width: 14.2857%; }
.block-row-xs-7 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-7 > :nth-of-type(7n+1) {
clear: both; }
.block-row-xs-8 > * {
width: 12.5%; }
.block-row-xs-8 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-8 > :nth-of-type(8n+1) {
clear: both; }
.block-row-xs-9 > * {
width: 11.1111%; }
.block-row-xs-9 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-9 > :nth-of-type(9n+1) {
clear: both; }
.block-row-xs-10 > * {
width: 10%; }
.block-row-xs-10 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-10 > :nth-of-type(10n+1) {
clear: both; }
.block-row-xs-11 > * {
width: 9.0909%; }
.block-row-xs-11 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-11 > :nth-of-type(11n+1) {
clear: both; }
.block-row-xs-12 > * {
width: 8.3333%; }
.block-row-xs-12 > :nth-of-type(n+1) {
clear: none; }
.block-row-xs-12 > :nth-of-type(12n+1) {
clear: both; } }
@media print and (min-width: 537px), screen and (min-width: 48em) {
.col-s-1 {
width: 8.3333%; }
.offset-s-1,
.push-s-1 {
left: 8.3333%; }
[dir="rtl"] .offset-s-1, [dir="rtl"]
.push-s-1 {
left: auto;
right: 8.3333%; }
.pull-s-1 {
right: 8.3333%; }
[dir="rtl"] .pull-s-1 {
right: auto;
left: 8.3333%; }
.col-s-2 {
width: 16.6667%; }
.offset-s-2,
.push-s-2 {
left: 16.6667%; }
[dir="rtl"] .offset-s-2, [dir="rtl"]
.push-s-2 {
left: auto;
right: 16.6667%; }
.pull-s-2 {
right: 16.6667%; }
[dir="rtl"] .pull-s-2 {
right: auto;
left: 16.6667%; }
.col-s-3 {
width: 25%; }
.offset-s-3,
.push-s-3 {
left: 25%; }
[dir="rtl"] .offset-s-3, [dir="rtl"]
.push-s-3 {
left: auto;
right: 25%; }
.pull-s-3 {
right: 25%; }
[dir="rtl"] .pull-s-3 {
right: auto;
left: 25%; }
.col-s-4 {
width: 33.3333%; }
.offset-s-4,
.push-s-4 {
left: 33.3333%; }
[dir="rtl"] .offset-s-4, [dir="rtl"]
.push-s-4 {
left: auto;
right: 33.3333%; }
.pull-s-4 {
right: 33.3333%; }
[dir="rtl"] .pull-s-4 {
right: auto;
left: 33.3333%; }
.col-s-5 {
width: 41.6667%; }
.offset-s-5,
.push-s-5 {
left: 41.6667%; }
[dir="rtl"] .offset-s-5, [dir="rtl"]
.push-s-5 {
left: auto;
right: 41.6667%; }
.pull-s-5 {
right: 41.6667%; }
[dir="rtl"] .pull-s-5 {
right: auto;
left: 41.6667%; }
.col-s-6 {
width: 50%; }
.offset-s-6,
.push-s-6 {
left: 50%; }
[dir="rtl"] .offset-s-6, [dir="rtl"]
.push-s-6 {
left: auto;
right: 50%; }
.pull-s-6 {
right: 50%; }
[dir="rtl"] .pull-s-6 {
right: auto;
left: 50%; }
.col-s-7 {
width: 58.3333%; }
.offset-s-7,
.push-s-7 {
left: 58.3333%; }
[dir="rtl"] .offset-s-7, [dir="rtl"]
.push-s-7 {
left: auto;
right: 58.3333%; }
.pull-s-7 {
right: 58.3333%; }
[dir="rtl"] .pull-s-7 {
right: auto;
left: 58.3333%; }
.col-s-8 {
width: 66.6667%; }
.offset-s-8,
.push-s-8 {
left: 66.6667%; }
[dir="rtl"] .offset-s-8, [dir="rtl"]
.push-s-8 {
left: auto;
right: 66.6667%; }
.pull-s-8 {
right: 66.6667%; }
[dir="rtl"] .pull-s-8 {
right: auto;
left: 66.6667%; }
.col-s-9 {
width: 75%; }
.offset-s-9,
.push-s-9 {
left: 75%; }
[dir="rtl"] .offset-s-9, [dir="rtl"]
.push-s-9 {
left: auto;
right: 75%; }
.pull-s-9 {
right: 75%; }
[dir="rtl"] .pull-s-9 {
right: auto;
left: 75%; }
.col-s-10 {
width: 83.3333%; }
.offset-s-10,
.push-s-10 {
left: 83.3333%; }
[dir="rtl"] .offset-s-10, [dir="rtl"]
.push-s-10 {
left: auto;
right: 83.3333%; }
.pull-s-10 {
right: 83.3333%; }
[dir="rtl"] .pull-s-10 {
right: auto;
left: 83.3333%; }
.col-s-11 {
width: 91.6667%; }
.offset-s-11,
.push-s-11 {
left: 91.6667%; }
[dir="rtl"] .offset-s-11, [dir="rtl"]
.push-s-11 {
left: auto;
right: 91.6667%; }
.pull-s-11 {
right: 91.6667%; }
[dir="rtl"] .pull-s-11 {
right: auto;
left: 91.6667%; }
.col-s-12 {
width: 100%; }
.offset-s-12,
.push-s-12 {
left: 100%; }
[dir="rtl"] .offset-s-12, [dir="rtl"]
.push-s-12 {
left: auto;
right: 100%; }
.pull-s-12 {
right: 100%; }
[dir="rtl"] .pull-s-12 {
right: auto;
left: 100%; }
.equal-height > [class*=col-s] {
display: table-cell;
height: 100%; }
.equal-height > .col-s-13 {
display: table-caption; }
.block-row-s-1 > * {
width: 100%; }
.block-row-s-1 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-1 > :nth-of-type(1n+1) {
clear: both; }
.block-row-s-2 > * {
width: 50%; }
.block-row-s-2 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-2 > :nth-of-type(2n+1) {
clear: both; }
.block-row-s-3 > * {
width: 33.3333%; }
.block-row-s-3 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-3 > :nth-of-type(3n+1) {
clear: both; }
.block-row-s-4 > * {
width: 25%; }
.block-row-s-4 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-4 > :nth-of-type(4n+1) {
clear: both; }
.block-row-s-5 > * {
width: 20%; }
.block-row-s-5 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-5 > :nth-of-type(5n+1) {
clear: both; }
.block-row-s-6 > * {
width: 16.6667%; }
.block-row-s-6 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-6 > :nth-of-type(6n+1) {
clear: both; }
.block-row-s-7 > * {
width: 14.2857%; }
.block-row-s-7 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-7 > :nth-of-type(7n+1) {
clear: both; }
.block-row-s-8 > * {
width: 12.5%; }
.block-row-s-8 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-8 > :nth-of-type(8n+1) {
clear: both; }
.block-row-s-9 > * {
width: 11.1111%; }
.block-row-s-9 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-9 > :nth-of-type(9n+1) {
clear: both; }
.block-row-s-10 > * {
width: 10%; }
.block-row-s-10 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-10 > :nth-of-type(10n+1) {
clear: both; }
.block-row-s-11 > * {
width: 9.0909%; }
.block-row-s-11 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-11 > :nth-of-type(11n+1) {
clear: both; }
.block-row-s-12 > * {
width: 8.3333%; }
.block-row-s-12 > :nth-of-type(n+1) {
clear: none; }
.block-row-s-12 > :nth-of-type(12n+1) {
clear: both; } }
@media (min-width: 62em) {
.col-m-1 {
width: 8.3333%; }
.offset-m-1,
.push-m-1 {
left: 8.3333%; }
[dir="rtl"] .offset-m-1, [dir="rtl"]
.push-m-1 {
left: auto;
right: 8.3333%; }
.pull-m-1 {
right: 8.3333%; }
[dir="rtl"] .pull-m-1 {
right: auto;
left: 8.3333%; }
.col-m-2 {
width: 16.6667%; }
.offset-m-2,
.push-m-2 {
left: 16.6667%; }
[dir="rtl"] .offset-m-2, [dir="rtl"]
.push-m-2 {
left: auto;
right: 16.6667%; }
.pull-m-2 {
right: 16.6667%; }
[dir="rtl"] .pull-m-2 {
right: auto;
left: 16.6667%; }
.col-m-3 {
width: 25%; }
.offset-m-3,
.push-m-3 {
left: 25%; }
[dir="rtl"] .offset-m-3, [dir="rtl"]
.push-m-3 {
left: auto;
right: 25%; }
.pull-m-3 {
right: 25%; }
[dir="rtl"] .pull-m-3 {
right: auto;
left: 25%; }
.col-m-4 {
width: 33.3333%; }
.offset-m-4,
.push-m-4 {
left: 33.3333%; }
[dir="rtl"] .offset-m-4, [dir="rtl"]
.push-m-4 {
left: auto;
right: 33.3333%; }
.pull-m-4 {
right: 33.3333%; }
[dir="rtl"] .pull-m-4 {
right: auto;
left: 33.3333%; }
.col-m-5 {
width: 41.6667%; }
.offset-m-5,
.push-m-5 {
left: 41.6667%; }
[dir="rtl"] .offset-m-5, [dir="rtl"]
.push-m-5 {
left: auto;
right: 41.6667%; }
.pull-m-5 {
right: 41.6667%; }
[dir="rtl"] .pull-m-5 {
right: auto;
left: 41.6667%; }
.col-m-6 {
width: 50%; }
.offset-m-6,
.push-m-6 {
left: 50%; }
[dir="rtl"] .offset-m-6, [dir="rtl"]
.push-m-6 {
left: auto;
right: 50%; }
.pull-m-6 {
right: 50%; }
[dir="rtl"] .pull-m-6 {
right: auto;
left: 50%; }
.col-m-7 {
width: 58.3333%; }
.offset-m-7,
.push-m-7 {
left: 58.3333%; }
[dir="rtl"] .offset-m-7, [dir="rtl"]
.push-m-7 {
left: auto;
right: 58.3333%; }
.pull-m-7 {
right: 58.3333%; }
[dir="rtl"] .pull-m-7 {
right: auto;
left: 58.3333%; }
.col-m-8 {
width: 66.6667%; }
.offset-m-8,
.push-m-8 {
left: 66.6667%; }
[dir="rtl"] .offset-m-8, [dir="rtl"]
.push-m-8 {
left: auto;
right: 66.6667%; }
.pull-m-8 {
right: 66.6667%; }
[dir="rtl"] .pull-m-8 {
right: auto;
left: 66.6667%; }
.col-m-9 {
width: 75%; }
.offset-m-9,
.push-m-9 {
left: 75%; }
[dir="rtl"] .offset-m-9, [dir="rtl"]
.push-m-9 {
left: auto;
right: 75%; }
.pull-m-9 {
right: 75%; }
[dir="rtl"] .pull-m-9 {
right: auto;
left: 75%; }
.col-m-10 {
width: 83.3333%; }
.offset-m-10,
.push-m-10 {
left: 83.3333%; }
[dir="rtl"] .offset-m-10, [dir="rtl"]
.push-m-10 {
left: auto;
right: 83.3333%; }
.pull-m-10 {
right: 83.3333%; }
[dir="rtl"] .pull-m-10 {
right: auto;
left: 83.3333%; }
.col-m-11 {
width: 91.6667%; }
.offset-m-11,
.push-m-11 {
left: 91.6667%; }
[dir="rtl"] .offset-m-11, [dir="rtl"]
.push-m-11 {
left: auto;
right: 91.6667%; }
.pull-m-11 {
right: 91.6667%; }
[dir="rtl"] .pull-m-11 {
right: auto;
left: 91.6667%; }
.col-m-12 {
width: 100%; }
.offset-m-12,
.push-m-12 {
left: 100%; }
[dir="rtl"] .offset-m-12, [dir="rtl"]
.push-m-12 {
left: auto;
right: 100%; }
.pull-m-12 {
right: 100%; }
[dir="rtl"] .pull-m-12 {
right: auto;
left: 100%; }
.equal-height > [class*=col-m] {
display: table-cell;
height: 100%; }
.equal-height > .col-m-13 {
display: table-caption; }
.block-row-m-1 > * {
width: 100%; }
.block-row-m-1 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-1 > :nth-of-type(1n+1) {
clear: both; }
.block-row-m-2 > * {
width: 50%; }
.block-row-m-2 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-2 > :nth-of-type(2n+1) {
clear: both; }
.block-row-m-3 > * {
width: 33.3333%; }
.block-row-m-3 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-3 > :nth-of-type(3n+1) {
clear: both; }
.block-row-m-4 > * {
width: 25%; }
.block-row-m-4 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-4 > :nth-of-type(4n+1) {
clear: both; }
.block-row-m-5 > * {
width: 20%; }
.block-row-m-5 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-5 > :nth-of-type(5n+1) {
clear: both; }
.block-row-m-6 > * {
width: 16.6667%; }
.block-row-m-6 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-6 > :nth-of-type(6n+1) {
clear: both; }
.block-row-m-7 > * {
width: 14.2857%; }
.block-row-m-7 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-7 > :nth-of-type(7n+1) {
clear: both; }
.block-row-m-8 > * {
width: 12.5%; }
.block-row-m-8 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-8 > :nth-of-type(8n+1) {
clear: both; }
.block-row-m-9 > * {
width: 11.1111%; }
.block-row-m-9 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-9 > :nth-of-type(9n+1) {
clear: both; }
.block-row-m-10 > * {
width: 10%; }
.block-row-m-10 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-10 > :nth-of-type(10n+1) {
clear: both; }
.block-row-m-11 > * {
width: 9.0909%; }
.block-row-m-11 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-11 > :nth-of-type(11n+1) {
clear: both; }
.block-row-m-12 > * {
width: 8.3333%; }
.block-row-m-12 > :nth-of-type(n+1) {
clear: none; }
.block-row-m-12 > :nth-of-type(12n+1) {
clear: both; } }
@media (min-width: 75em) {
.col-l-1 {
width: 8.3333%; }
.offset-l-1,
.push-l-1 {
left: 8.3333%; }
[dir="rtl"] .offset-l-1, [dir="rtl"]
.push-l-1 {
left: auto;
right: 8.3333%; }
.pull-l-1 {
right: 8.3333%; }
[dir="rtl"] .pull-l-1 {
right: auto;
left: 8.3333%; }
.col-l-2 {
width: 16.6667%; }
.offset-l-2,
.push-l-2 {
left: 16.6667%; }
[dir="rtl"] .offset-l-2, [dir="rtl"]
.push-l-2 {
left: auto;
right: 16.6667%; }
.pull-l-2 {
right: 16.6667%; }
[dir="rtl"] .pull-l-2 {
right: auto;
left: 16.6667%; }
.col-l-3 {
width: 25%; }
.offset-l-3,
.push-l-3 {
left: 25%; }
[dir="rtl"] .offset-l-3, [dir="rtl"]
.push-l-3 {
left: auto;
right: 25%; }
.pull-l-3 {
right: 25%; }
[dir="rtl"] .pull-l-3 {
right: auto;
left: 25%; }
.col-l-4 {
width: 33.3333%; }
.offset-l-4,
.push-l-4 {
left: 33.3333%; }
[dir="rtl"] .offset-l-4, [dir="rtl"]
.push-l-4 {
left: auto;
right: 33.3333%; }
.pull-l-4 {
right: 33.3333%; }
[dir="rtl"] .pull-l-4 {
right: auto;
left: 33.3333%; }
.col-l-5 {
width: 41.6667%; }
.offset-l-5,
.push-l-5 {
left: 41.6667%; }
[dir="rtl"] .offset-l-5, [dir="rtl"]
.push-l-5 {
left: auto;
right: 41.6667%; }
.pull-l-5 {
right: 41.6667%; }
[dir="rtl"] .pull-l-5 {
right: auto;
left: 41.6667%; }
.col-l-6 {
width: 50%; }
.offset-l-6,
.push-l-6 {
left: 50%; }
[dir="rtl"] .offset-l-6, [dir="rtl"]
.push-l-6 {
left: auto;
right: 50%; }
.pull-l-6 {
right: 50%; }
[dir="rtl"] .pull-l-6 {
right: auto;
left: 50%; }
.col-l-7 {
width: 58.3333%; }
.offset-l-7,
.push-l-7 {
left: 58.3333%; }
[dir="rtl"] .offset-l-7, [dir="rtl"]
.push-l-7 {
left: auto;
right: 58.3333%; }
.pull-l-7 {
right: 58.3333%; }
[dir="rtl"] .pull-l-7 {
right: auto;
left: 58.3333%; }
.col-l-8 {
width: 66.6667%; }
.offset-l-8,
.push-l-8 {
left: 66.6667%; }
[dir="rtl"] .offset-l-8, [dir="rtl"]
.push-l-8 {
left: auto;
right: 66.6667%; }
.pull-l-8 {
right: 66.6667%; }
[dir="rtl"] .pull-l-8 {
right: auto;
left: 66.6667%; }
.col-l-9 {
width: 75%; }
.offset-l-9,
.push-l-9 {
left: 75%; }
[dir="rtl"] .offset-l-9, [dir="rtl"]
.push-l-9 {
left: auto;
right: 75%; }
.pull-l-9 {
right: 75%; }
[dir="rtl"] .pull-l-9 {
right: auto;
left: 75%; }
.col-l-10 {
width: 83.3333%; }
.offset-l-10,
.push-l-10 {
left: 83.3333%; }
[dir="rtl"] .offset-l-10, [dir="rtl"]
.push-l-10 {
left: auto;
right: 83.3333%; }
.pull-l-10 {
right: 83.3333%; }
[dir="rtl"] .pull-l-10 {
right: auto;
left: 83.3333%; }
.col-l-11 {
width: 91.6667%; }
.offset-l-11,
.push-l-11 {
left: 91.6667%; }
[dir="rtl"] .offset-l-11, [dir="rtl"]
.push-l-11 {
left: auto;
right: 91.6667%; }
.pull-l-11 {
right: 91.6667%; }
[dir="rtl"] .pull-l-11 {
right: auto;
left: 91.6667%; }
.col-l-12 {
width: 100%; }
.offset-l-12,
.push-l-12 {
left: 100%; }
[dir="rtl"] .offset-l-12, [dir="rtl"]
.push-l-12 {
left: auto;
right: 100%; }
.pull-l-12 {
right: 100%; }
[dir="rtl"] .pull-l-12 {
right: auto;
left: 100%; }
.equal-height > [class*=col-l] {
display: table-cell;
height: 100%; }
.equal-height > .col-l-13 {
display: table-caption; }
.block-row-l-1 > * {
width: 100%; }
.block-row-l-1 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-1 > :nth-of-type(1n+1) {
clear: both; }
.block-row-l-2 > * {
width: 50%; }
.block-row-l-2 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-2 > :nth-of-type(2n+1) {
clear: both; }
.block-row-l-3 > * {
width: 33.3333%; }
.block-row-l-3 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-3 > :nth-of-type(3n+1) {
clear: both; }
.block-row-l-4 > * {
width: 25%; }
.block-row-l-4 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-4 > :nth-of-type(4n+1) {
clear: both; }
.block-row-l-5 > * {
width: 20%; }
.block-row-l-5 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-5 > :nth-of-type(5n+1) {
clear: both; }
.block-row-l-6 > * {
width: 16.6667%; }
.block-row-l-6 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-6 > :nth-of-type(6n+1) {
clear: both; }
.block-row-l-7 > * {
width: 14.2857%; }
.block-row-l-7 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-7 > :nth-of-type(7n+1) {
clear: both; }
.block-row-l-8 > * {
width: 12.5%; }
.block-row-l-8 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-8 > :nth-of-type(8n+1) {
clear: both; }
.block-row-l-9 > * {
width: 11.1111%; }
.block-row-l-9 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-9 > :nth-of-type(9n+1) {
clear: both; }
.block-row-l-10 > * {
width: 10%; }
.block-row-l-10 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-10 > :nth-of-type(10n+1) {
clear: both; }
.block-row-l-11 > * {
width: 9.0909%; }
.block-row-l-11 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-11 > :nth-of-type(11n+1) {
clear: both; }
.block-row-l-12 > * {
width: 8.3333%; }
.block-row-l-12 > :nth-of-type(n+1) {
clear: none; }
.block-row-l-12 > :nth-of-type(12n+1) {
clear: both; } }
.alert {
position: relative;
margin: 1rem 0;
padding: 0 1rem;
background-color: #ffd54f;
border-left: 5px solid #ff6f00;
color: #4f3c00; }
.alert .close {
position: relative;
right: -2.73rem;
top: .13rem;
float: right;
background-color: transparent;
border: none;
color: inherit;
font-size: 1.17rem;
font-weight: bold; }
[dir="rtl"] .alert .close {
float: left;
right: auto;
left: -2.73rem; }
.alert .close:hover {
text-decoration: underline; }
.alert-dismissable {
padding-right: 2.87rem; }
[dir="rtl"] .alert-dismissable {
padding-right: 1rem;
padding-left: 2.87rem; }
.alert-heading {
color: inherit; }
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
-webkit-appearance: none;
border-radius: 0;
color: inherit;
cursor: pointer;
display: inline-block;
min-height: 2rem;
padding: 0 1rem;
margin-bottom: 0;
background: #dadada;
border: solid 1px silver;
-ms-touch-action: manipulation;
touch-action: manipulation;
text-decoration: none; }
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
background-color: #cdcdcd; }
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background-color: #e7e7e7;
outline: none; }
button[disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
input[type="reset"][disabled] {
background-color: #e7e7e7;
color: #5d5d5d;
cursor: not-allowed;
opacity: 1; }
.input-group button, .input-group
input[type="submit"], .input-group
input[type="button"], .input-group
input[type="reset"] {
min-width: 100%; }
input[type="submit"], input[type="reset"], input[type="button"] {
max-width: none;
width: auto; }
.btn-group > * {
float: left; }
[dir="rtl"] .btn-group > * {
float: right; }
pre,
code,
samp,
kbd {
padding: .5rem;
font-size: 1rem;
background-color: #f7f7f9;
border: 1px solid silver;
font-family: monospace, monospace;
color: #950b2f; }
code > kbd {
background-color: #e8e8ee; }
code,
samp,
kbd {
padding: .0667rem .25rem; }
kbd {
white-space: nowrap; }
pre {
overflow-x: auto; }
pre code,
pre samp {
padding: 0;
border: none; }
pre code {
word-wrap: normal;
white-space: pre; }
.pre-scrollable {
max-height: 20rem;
overflow-y: scroll; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
legend {
display: block;
width: 100%;
margin-bottom: 1rem; }
label {
display: block;
margin-bottom: 1rem; }
label[for] {
cursor: pointer; }
label > input,
label > input[type='checkbox'],
label > input[type='radio'],
label > select {
display: inline-block;
margin: 0 1rem 0 0;
vertical-align: text-top; }
[dir=rtl] label > input, [dir=rtl]
label > input[type='checkbox'], [dir=rtl]
label > input[type='radio'], [dir=rtl]
label > select {
margin: 0 0 0 1rem; }
select,
textarea,
input,
.readonly {
display: block;
height: 2rem;
padding: 0.25rem;
width: 100%;
margin-bottom: 1rem;
background: white;
border: 1px solid silver;
border-radius: 0;
color: #222222;
font-family: inherit; }
fieldset[disabled] select, select[disabled], fieldset[disabled]
textarea,
textarea[disabled], fieldset[disabled]
input,
input[disabled], fieldset[disabled]
.readonly,
.readonly[disabled] {
background: #ebebeb;
border-color: silver;
color: silver;
cursor: not-allowed;
opacity: 1; }
input[type='file']::-ms-value {
background: white;
border: none; }
input[type='file']::-ms-browse {
-webkit-appearance: none;
background: #dadada;
border: solid 1px silver;
color: #222222; }
input[type='file']::-ms-browse:active {
background-color: #e7e7e7; }
input[type='file']::-webkit-file-upload-button {
-webkit-appearance: none;
border-radius: 0;
background: #dadada;
border: solid 1px silver;
color: #222222; }
input[type='file']::-webkit-file-upload-button:active {
background-color: #e7e7e7; }
input[type='color'] {
max-width: 6.563rem; }
input[type='radio'],
input[type='checkbox'] {
height: 1.334rem;
min-width: 1.334rem;
margin-bottom: 1.1rem;
padding: 0;
width: auto; }
input[type='radio'] {
border-radius: 100%;
border: none \9; }
input[type='range'] {
border: 1px solid transparent;
border: 1px solid silver \9;
background-color: transparent;
background-color: white \9;
padding: 0.25rem 0;
padding: 0.25rem \9; }
_::-ms-reveal,
input[type='range'] {
border: 1px solid transparent; }
select,
textarea,
input[type='text'],
input[type='search'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='week'],
input[type='month'],
input[type='time'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='url'],
input[type='color'] {
-webkit-appearance: none; }
select option {
height: 100%; }
[multiple] {
height: auto; }
[multiple] option {
height: auto; }
textarea {
height: auto;
min-height: 5.25rem;
resize: both; }
textarea.horizontal {
resize: horizontal; }
textarea.vertical {
resize: vertical; }
textarea.no-resize {
resize: none; }
.readonly,
[readonly] {
border-color: #ebebeb;
cursor: not-allowed; }
::-webkit-input-placeholder {
color: #767676;
opacity: 1; }
::-moz-placeholder {
color: #767676;
opacity: 1; }
:-ms-input-placeholder {
color: #767676;
opacity: 1; }
::placeholder {
color: #767676;
opacity: 1; }
@-moz-document url-prefix() {
input[type='color'] {
padding: 0; }
input[type='file'] {
height: auto;
min-height: 2rem; } }
@media (-webkit-min-device-pixel-ratio: 0) {
input[type='color'] {
padding: 0; }
input[type='color']::-webkit-color-swatch-wrapper {
padding: 0; }
input[type='color']::-webkit-color-swatch {
border: none; }
select {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMC41Ij48cG9seWdvbiBmaWxsPSIjMjIyIiBwb2ludHM9IjExLDAgNS41LDkgMCwwIi8+PC9zdmc+");
background-repeat: no-repeat;
background-position: right .6rem center;
padding-right: 1.67rem; }
[dir=rtl] select {
background-position: .6rem center;
padding-right: 0;
padding-left: 1.67rem; }
select[multiple] {
background-image: none;
padding-left: 0;
padding-right: 0; } }
input.inline-block,
select.inline-block {
width: auto; }
.form-actions {
margin: 1rem 0;
padding: 1rem 0; }
.input-group,
.btn-group {
position: relative;
display: table;
border-collapse: separate;
width: 100%;
margin-bottom: 1rem; }
.btn-group {
width: auto; }
.input-group > *,
.btn-group > * {
display: table-cell;
margin-bottom: 0; }
.input-group-addon {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon > * {
margin-bottom: 0 !important; }
.supplement {
padding: 0 1rem;
line-height: 1.4;
background: #dadada;
border: solid 1px silver; }
html:not([dir=rtl]) .supplement:first-child {
border-right: none; }
html:not([dir=rtl]) .supplement:last-child {
border-left: none; }
[dir=rtl] .supplement:first-child {
border-left: none; }
[dir=rtl] .supplement:last-child {
border-right: none; }
ul,
ol {
margin: 1rem 0;
padding-left: 2.5rem; }
[dir="rtl"] ul, [dir="rtl"]
ol {
padding-left: 0;
padding-right: 2.5rem; }
ul ul,
ol ol {
margin: 0; }
ul.no-bullets,
ol.no-bullets {
padding-left: 0; }
[dir="rtl"] ul.no-bullets, [dir="rtl"]
ol.no-bullets {
padding-right: 0; }
ul.no-bullets > li,
ol.no-bullets > li {
list-style: none; }
ul.colored,
ol.colored {
padding-left: 2.5rem; }
ul.colored > li,
ol.colored > li {
list-style-type: none;
position: relative; }
ul.colored > li:before,
ol.colored > li:before {
position: absolute;
top: .1rem;
left: -1rem;
-webkit-margin-start: -.25rem;
content: "\25cf";
color: #00a9ec;
font-size: .8rem;
text-align: right;
text-decoration: none; }
[dir="rtl"] ul.colored > li:before, [dir="rtl"]
ol.colored > li:before {
left: auto;
right: -1rem;
text-align: left; }
ol.colored {
counter-reset: foo; }
ol.colored > li {
counter-increment: foo; }
ol.colored > li:before {
content: counter(foo) ".";
top: 0;
left: -3.125rem;
width: 2.5rem;
-webkit-margin-start: 0;
font-size: 1rem; }
[dir="rtl"] ol.colored > li:before {
right: -3.125rem; }
dt, dd {
min-height: 1.4rem; }
@media print and (min-width: 537px), screen and (min-width: 48em) {
.dl-horizontal > dt {
clear: left;
float: left;
width: 9.375rem;
white-space: nowrap;
overflow: hidden;
text-align: right;
text-overflow: ellipsis; }
[dir="rtl"] .dl-horizontal > dt {
clear: right;
float: right;
text-align: left; }
.dl-horizontal > dd {
margin-left: 10.375rem; }
[dir="rtl"] .dl-horizontal > dd {
margin-left: auto;
margin-right: 10.375rem; } }
audio,
canvas,
iframe,
img,
video,
svg {
vertical-align: middle; }
img {
max-width: 100%;
height: auto; }
img[src*=".svg"] {
width: 100% \9; }
_::-ms-reveal,
img[src*=".svg"] {
width: 100%; }
a img {
border: none; }
.media {
height: 0;
height: auto;
margin-bottom: 1rem;
max-width: 100%;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }
.media.four-by-three {
padding-bottom: 75%; }
.media.instagram {
height: auto;
max-width: none;
padding-bottom: 120%; }
.media.vine {
height: auto;
max-width: none;
padding-bottom: 100%; }
.media.getty {
height: auto;
padding-bottom: 79.9663%; }
.media iframe,
.media object,
.media embed,
.media video {
background-color: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
outline: none;
padding: 0;
position: absolute;
top: 0;
width: 100%; }
.media img {
bottom: -1000000%;
left: -1000000%;
margin: auto;
position: absolute;
right: -1000000%;
top: -1000000%;
width: 100%; }
.media.media-scroll {
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
table {
margin: 1rem 0;
max-width: 100%;
width: 100%; }
table th,
table td {
padding: 0.5rem;
text-align: left;
vertical-align: top; }
[dir="rtl"] table th, [dir="rtl"]
table td {
text-align: right; }
.table-bordered {
border: 1px solid silver;
border-left-width: 0;
border-collapse: separate; }
.table-bordered th,
.table-bordered td {
border-top: 1px solid silver;
border-left: 1px solid silver; }
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top-width: 0; }
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #ebebeb; }
.table-scrollable {
margin: 1rem 0;
overflow-y: hidden;
overflow-x: auto;
width: 100%; }
.table-scrollable table {
margin: 0; }
[data-navigation],
.navigation {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: fixed;
z-index: 2147483647;
width: 1px;
height: 100%;
top: 0;
bottom: 0;
right: 0;
visibility: hidden;
background-color: #222222;
color: white;
-webkit-transition: .3s linear width;
transition: .3s linear width; }
[data-navigation].open,
.navigation.open {
width: 260px; }
[data-navigation].visible,
.navigation.visible {
visibility: visible; }
[data-navigation] > button:first-child,
.navigation > button:first-child {
visibility: visible;
background-color: #222222;
color: white;
width: 55px;
height: 48px;
padding: 0;
position: absolute;
left: 1px;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
border: none; }
[dir="rtl"] [data-navigation], [data-navigation].pull, [dir="rtl"]
.navigation,
.navigation.pull {
float: none;
right: auto;
left: 0; }
[dir="rtl"] [data-navigation] > button:first-child, [data-navigation].pull > button:first-child, [dir="rtl"]
.navigation > button:first-child,
.navigation.pull > button:first-child {
left: auto;
right: 1px;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
[dir="rtl"] [data-navigation].pull, [dir="rtl"]
.navigation.pull {
left: auto;
right: 0; }
[dir="rtl"] [data-navigation].pull > button:first-child, [dir="rtl"]
.navigation.pull > button:first-child {
right: auto;
left: 1px;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
[data-navigation] > ul,
.navigation > ul {
list-style: none;
margin: 0;
padding: .5rem 0;
width: 260px;
height: 100%;
overflow-y: auto; }
[data-navigation] a,
.navigation a {
color: inherit;
display: block;
padding: .5rem 1rem; }
.autosize,
[data-autosize] {
overflow: hidden;
-webkit-transition: height .2s linear;
transition: height .2s linear; }
.carousel {
margin-bottom: 1rem;
overflow: hidden;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000; }
.carousel.no-transition > figure {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important; }
.carousel > figure {
margin: 0;
display: none;
position: relative;
-webkit-transition: .7s ease-in-out left;
transition: .7s ease-in-out left;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
[dir="rtl"] .carousel > figure {
-webkit-transition: .7s ease-in-out right;
transition: .7s ease-in-out right; }
.carousel > figure > img {
display: block;
width: 100%; }
.carousel > figure > figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 50%;
overflow-y: auto;
padding: 1px 3rem;
background-color: rgba(34, 34, 34, 0.4);
color: white; }
.carousel > ol {
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
top: 1rem;
z-index: 3; }
.carousel > ol li {
background-color: transparent;
border: 1px solid #222222;
cursor: pointer;
display: inline-block;
height: 1rem;
margin: 1px;
text-indent: -9999px;
width: 1rem; }
.carousel > ol li:hover {
background-color: silver; }
.carousel > ol .active {
background-color: white; }
.carousel > ol .active:hover {
background-color: white; }
.carousel .carousel-active,
.carousel .next,
.carousel .prev,
.carousel .swipe {
display: block; }
.carousel .carousel-active,
.carousel .next.left,
.carousel .prev.right {
left: 0; }
[dir="rtl"] .carousel .carousel-active, [dir="rtl"]
.carousel .next.left, [dir="rtl"]
.carousel .prev.right {
left: auto;
right: 0; }
.carousel .carousel-active {
position: relative !important;
z-index: 1; }
.carousel .next,
.carousel .prev,
.carousel .swipe {
position: absolute;
z-index: 0;
top: 0;
width: 100%;
height: 100%; }
.carousel .next,
.carousel .carousel-active.right {
left: 100%; }
[dir="rtl"] .carousel .next, [dir="rtl"]
.carousel .carousel-active.right {
left: auto;
right: 100%; }
[dir="rtl"] .carousel .next.swiping, [dir="rtl"]
.carousel .carousel-active.right.swiping {
right: -100%; }
.carousel .prev,
.carousel .carousel-active.left {
left: -100%; }
[dir="rtl"] .carousel .prev, [dir="rtl"]
.carousel .carousel-active.left {
left: auto;
right: -100%; }
[dir="rtl"] .carousel .prev.swiping, [dir="rtl"]
.carousel .carousel-active.left.swiping {
right: 100%; }
.carousel > button {
position: absolute;
left: 1px;
top: 40%;
z-index: 3;
display: block;
width: 3rem;
margin-top: -1rem;
padding: 1rem;
background-color: transparent;
border: none;
font-size: 2rem;
font-weight: bold;
color: white;
text-align: center;
text-decoration: none; }
[dir="rtl"] .carousel > button {
left: auto;
right: 1px; }
.carousel > button.forward {
left: auto;
right: 1px; }
[dir="rtl"] .carousel > button.forward {
right: auto;
left: 1px; }
.carousel > button:hover {
text-decoration: underline; }
.carousel-fade > figure {
position: absolute;
top: 0;
right: 0 !important;
bottom: 0;
left: 0 !important;
width: 100%;
height: 100%;
opacity: 0; }
.carousel-fade > figure, [dir="rtl"] .carousel-fade > figure {
-webkit-transition: opacity .7s ease-in-out;
transition: opacity .7s ease-in-out; }
.carousel-fade > figure.swipe,
.carousel-fade > figure.next,
.carousel-fade > figure.prev {
z-index: 1;
opacity: 1; }
.carousel-fade .carousel-active.swipe {
z-index: 2; }
.carousel-fade .carousel-active {
opacity: 1; }
.carousel-fade .carousel-active.left, .carousel-fade .carousel-active.right {
z-index: 2;
opacity: 0; }
.carousel-fade .carousel-control, .carousel-fade .carousel-control:visited {
z-index: 3; }
.accordion {
border: solid 1px silver;
margin-bottom: .125rem; }
.accordion-head {
display: block; }
.accordion-head a {
display: block;
padding: .5rem; }
.accordion-body {
padding: 0 .5rem;
border-top: solid 1px silver; }
.trans,
.collapse {
-webkit-transition: height .5s ease, width .5s ease;
transition: height .5s ease, width .5s ease; }
.expand,
.collapse {
display: block;
height: auto;
margin-top: 0;
overflow: hidden;
position: relative;
width: auto; }
.collapse {
height: 0; }
.collapse.width {
height: auto;
width: 0; }
.modal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483647;
width: 100%;
height: 100%;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
background-color: rgba(0, 0, 0, 0.7);
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
text-align: center; }
.modal-overlay:before {
content: "";
display: inline-block;
height: 100%;
width: 1px;
margin-right: -1px;
vertical-align: middle; }
[dir="rtl"] .modal-overlay:before {
margin-right: 0;
margin-left: -1px; }
.modal-loader:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
width: 12px;
height: 4px;
margin: auto;
content: "";
background-image: url(data:image/gif;base64,R0lGODlhDAAEAPABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJMgABACwAAAAADAAEAAACCoQRqXm42h48MhUAIfkECTIAAQAsBAAAAAQABAAAAgSEjwkFACH5BAUyAAEALAgAAAAEAAQAAAIEhI8JBQA7);
image-rendering: optimizeSpeed; }
.modal {
display: inline-block;
max-height: 95%;
max-width: 95%;
vertical-align: middle;
margin: 0 auto;
overflow: auto; }
.modal-iframe,
.modal-image {
overflow: hidden; }
.modal-iframe .media,
.modal-iframe iframe {
max-height: 100%;
max-width: 100%; }
.modal-iframe .media {
background-color: #fff;
margin-bottom: 0; }
.modal-iframe.iframe-full {
height: 95%; }
.iframe-full .media {
height: 100%;
padding: 0; }
.modal-image > img {
max-height: 100%; }
.modal-content {
max-height: 100%;
overflow: auto;
padding: 1rem;
background-color: white;
text-align: left; }
[dir="rtl"] .modal-content {
text-align: right; }
.modal-header,
.modal-footer {
position: fixed;
top: 0;
right: 0;
left: 0;
color: #fff; }
.modal-header {
padding: 0 4.555rem; }
.modal-footer {
top: auto;
bottom: 0; }
.modal-close {
position: fixed;
top: 1px;
right: 1px;
z-index: 2;
display: inline-block;
padding: 1.245rem;
font-size: 1.5rem;
font-weight: bold;
color: white; }
[dir="rtl"] .modal-close {
right: auto;
left: 1px; }
.modal-direction {
position: fixed;
top: 49%;
left: 0;
z-index: 2;
display: block;
width: 3rem;
padding: 1rem;
color: white;
font-size: 2rem;
font-weight: bold;
text-align: center; }
[dir="rtl"] .modal-direction {
right: 0; }
.modal-direction.next {
left: auto;
right: 0; }
[dir="rtl"] .modal-direction.next {
right: auto;
left: 0; }
button.modal-close,
button.modal-direction {
background-color: transparent;
border: none; }
button.modal-close:hover,
button.modal-direction:hover {
text-decoration: underline; }
@media print and (max-width: 536px), screen and (max-width: 47.99em) {
/*
* Force the columns to display as rows on small viewports.
* Headers are applied with data attributes.
*/
[data-table-list] {
opacity: 0; }
.table-list {
display: block; }
.table-list thead,
.table-list tfoot,
.table-list th {
position: absolute;
clip: rect(0 0 0 0);
overflow: hidden;
visibility: hidden; }
.table-list tbody,
.table-list tr,
.table-list td,
.table-list th[scope=row] {
position: static;
display: block;
overflow: visible;
visibility: visible; }
.table-list tr:before, .table-list tr:after {
content: "";
display: table; }
.table-list tr:after {
clear: both; }
.table-list td,
.table-list th[scope=row] {
float: left;
width: 100%; }
[dir="rtl"] .table-list td, [dir="rtl"]
.table-list th[scope=row] {
float: right; }
.table-list td:before, .table-list td:after {
display: block;
padding: 0.5rem 0;
font-weight: bold; }
.table-list td:before {
content: attr(data-thead); }
.table-list th[scope=row]:before, .table-list th[scope=row]:after {
display: block;
padding: 0.5rem 0;
font-weight: bold; }
.table-list th[scope=row]:before {
content: attr(data-thead); }
.table-list td:after,
.table-list th[scope=row]:after {
content: attr(data-tfoot); }
.table-list.table-bordered {
border-top-style: none; } }
.tabs {
position: relative; }
.tabs > ul {
list-style: none;
border-bottom: 1px solid silver;
margin-top: 0;
padding: 0; }
.tabs > ul > li {
float: left;
margin-bottom: -1px; }
[dir="rtl"] .tabs > ul > li {
float: right; }
.tabs > ul > li a {
display: block;
line-height: 2;
margin-right: .2rem;
padding: 0 1rem;
border: 1px solid transparent;
text-decoration: none;
cursor: pointer; }
[dir="rtl"] .tabs > ul > li a {
margin-right: 0;
margin-left: .2rem; }
.tabs > ul > li a:hover {
background-color: #ebebeb;
border-color: silver; }
.tabs > ul > li > [aria-selected="true"], .tabs > ul > li > [aria-selected="true"]:hover {
background-color: white;
border: 1px solid silver;
border-bottom-color: transparent;
color: #454545;
cursor: default; }
.tabs > * {
display: none; }
.tabs > ul,
.tabs [tabIndex="0"] {
display: block; }
.clearfix:before, .container:before, .modal-ajax.container:before,
.modal-iframe:before,
.container-full:before, .row:before,
[class*="block-row-"]:before, .alert:before, .tabs > ul:before, .clearfix:after, .container:after, .modal-ajax.container:after,
.modal-iframe:after,
.container-full:after, .row:after,
[class*="block-row-"]:after, .alert:after, .tabs > ul:after {
content: "";
display: table; }
.clearfix:after, .container:after, .modal-ajax.container:after,
.modal-iframe:after,
.container-full:after, .row:after,
[class*="block-row-"]:after, .alert:after, .tabs > ul:after {
clear: both; }
.push {
float: right; }
[dir="rtl"] .push {
float: left; }
.pull {
float: left; }
[dir="rtl"] .pull {
float: right; }
.push-xxs {
float: right; }
[dir="rtl"] .push-xxs {
float: left; }
.pull-xxs {
float: left; }
[dir="rtl"] .pull-xxs {
float: right; }
@media (max-width: 37.49em) {
.push-xxs-only {
float: right; }
[dir="rtl"] .push-xxs-only {
float: left; }
.pull-xxs-only {
float: left; }
[dir="rtl"] .pull-xxs-only {
float: right; } }
@media print and (min-width: 536px), screen and (min-width: 37.5em) {
.push-xs {
float: right; }
[dir="rtl"] .push-xs {
float: left; }
.pull-xs {
float: left; }
[dir="rtl"] .pull-xs {
float: right; } }
@media print and (min-width: 536px) and (max-width: 536px), screen and (min-width: 37.5em) and (max-width: 47.99em) {
.push-xs-only {
float: right; }
[dir="rtl"] .push-xs-only {
float: left; }
.pull-xs-only {
float: left; }
[dir="rtl"] .pull-xs-only {
float: right; } }
@media print and (min-width: 537px), screen and (min-width: 48em) {
.push-s {
float: right; }
[dir="rtl"] .push-s {
float: left; }
.pull-s {
float: left; }
[dir="rtl"] .pull-s {
float: right; } }
@media print and (min-width: 537px) and (max-width: 61.99em), screen and (min-width: 48em) and (max-width: 61.99em) {
.push-s-only {
float: right; }
[dir="rtl"] .push-s-only {
float: left; }
.pull-s-only {
float: left; }
[dir="rtl"] .pull-s-only {
float: right; } }
@media (min-width: 62em) {
.push-m {
float: right; }
[dir="rtl"] .push-m {
float: left; }
.pull-m {
float: left; }
[dir="rtl"] .pull-m {
float: right; } }
@media (min-width: 62em) and (max-width: 74.99em) {
.push-m-only {
float: right; }
[dir="rtl"] .push-m-only {
float: left; }
.pull-m-only {
float: left; }
[dir="rtl"] .pull-m-only {
float: right; } }
@media (min-width: 75em) {
.push-l {
float: right; }
[dir="rtl"] .push-l {
float: left; }
.pull-l {
float: left; }
[dir="rtl"] .pull-l {
float: right; } }
.block {
display: block; }
.inline-block {
display: inline-block; }
.inline {
display: inline; }
.block-xxs {
display: block; }
.inline-block-xxs {
display: inline-block; }
.inline-xxs {
display: inline; }
@media (max-width: 37.49em) {
.block-xxs-only {
display: block; }
.inline-block-xxs-only {
display: inline-block; }
.inline-xxs-only {
display: inline; } }
@media print and (min-width: 536px), screen and (min-width: 37.5em) {
.block-xs {
display: block; }
.inline-block-xs {
display: inline-block; }
.inline-xs {
display: inline; } }
@media print and (min-width: 536px) and (max-width: 536px), screen and (min-width: 37.5em) and (max-width: 47.99em) {
.block-xs-only {
display: block; }
.inline-block-xs-only {
display: inline-block; }
.inline-xs-only {
display: inline; } }
@media print and (min-width: 537px), screen and (min-width: 48em) {
.block-s {
display: block; }
.inline-block-s {
display: inline-block; }
.inline-s {
display: inline; } }
@media print and (min-width: 537px) and (max-width: 61.99em), screen and (min-width: 48em) and (max-width: 61.99em) {
.block-s-only {
display: block; }
.inline-block-s-only {
display: inline-block; }
.inline-s-only {
display: inline; } }
@media (min-width: 62em) {
.block-m {
display: block; }
.inline-block-m {
display: inline-block; }
.inline-m {
display: inline; } }
@media (min-width: 62em) and (max-width: 74.99em) {
.block-m-only {
display: block; }
.inline-block-m-only {
display: inline-block; }
.inline-m-only {
display: inline; } }
@media (min-width: 75em) {
.block-l {
display: block; }
.inline-block-l {
display: inline-block; }
.inline-l {
display: inline; } }
.text-pull {
text-align: left; }
[dir="rtl"] .text-pull {
text-align: right; }
.text-push {
text-align: right; }
[dir="rtl"] .text-push {
text-align: left; }
.text-center {
text-align: center; }
.text-xxs-pull {
text-align: left; }
[dir="rtl"] .text-xxs-pull {
text-align: right; }
.text-xxs-push {
text-align: right; }
[dir="rtl"] .text-xxs-push {
text-align: left; }
.text-xxs-center {
text-align: center; }
@media (max-width: 37.49em) {
.text-xxs-pull-only {
text-align: left; }
[dir="rtl"] .text-xxs-pull-only {
text-align: right; }
.text-xxs-push-only {
text-align: right; }
[dir="rtl"] .text-xxs-push-only {
text-align: left; }
.text-xxs-center-only {
text-align: center; } }
@media print and (min-width: 536px), screen and (min-width: 37.5em) {
.text-xs-pull {
text-align: left; }
[dir="rtl"] .text-xs-pull {
text-align: right; }
.text-xs-push {
text-align: right; }
[dir="rtl"] .text-xs-push {
text-align: left; }
.text-xs-center {
text-align: center; } }
@media print and (min-width: 536px) and (max-width: 536px), screen and (min-width: 37.5em) and (max-width: 47.99em) {
.text-xs-pull {
text-align: left; }
[dir="rtl"] .text-xs-pull {
text-align: right; }
.text-xs-push {
text-align: right; }
[dir="rtl"] .text-xs-push {
text-align: left; }
.text-xs-center {
text-align: center; } }
@media print and (min-width: 537px), screen and (min-width: 48em) {
.text-s-pull {
text-align: left; }
[dir="rtl"] .text-s-pull {
text-align: right; }
.text-s-push {
text-align: right; }
[dir="rtl"] .text-s-push {
text-align: left; }
.text-s-center {
text-align: center; } }
@media print and (min-width: 537px) and (max-width: 61.99em), screen and (min-width: 48em) and (max-width: 61.99em) {
.text-s-pull {
text-align: left; }
[dir="rtl"] .text-s-pull {
text-align: right; }
.text-s-push {
text-align: right; }
[dir="rtl"] .text-s-push {
text-align: left; }
.text-s-center {
text-align: center; } }
@media (min-width: 62em) {
.text-m-pull {
text-align: left; }
[dir="rtl"] .text-m-pull {
text-align: right; }
.text-m-push {
text-align: right; }
[dir="rtl"] .text-m-push {
text-align: left; }
.text-m-center {
text-align: center; } }
@media (min-width: 62em) and (max-width: 74.99em) {
.text-m-pull {
text-align: left; }
[dir="rtl"] .text-m-pull {
text-align: right; }
.text-m-push {
text-align: right; }
[dir="rtl"] .text-m-push {
text-align: left; }
.text-m-center {
text-align: center; } }
@media (min-width: 75em) {
.text-l-pull {
text-align: left; }
[dir="rtl"] .text-l-pull {
text-align: right; }
.text-l-push {
text-align: right; }
[dir="rtl"] .text-l-push {
text-align: left; }
.text-l-center {
text-align: center; } }
.grid-state-indicator {
position: absolute;
top: -9999px;
height: 1px;
width: 0; }
@media (max-width: 37.49em) {
.grid-state-indicator {
width: 0; } }
@media print and (max-width: 536px), screen and (min-width: 37.5em) and (max-width: 47.99em) {
.grid-state-indicator {
width: 1px; } }
@media print and (min-width: 537px) and (max-width: 61.99em), screen and (min-width: 48em) and (max-width: 61.99em) {
.grid-state-indicator {
width: 2px; } }
@media (min-width: 62em) and (max-width: 74.99em) {
.grid-state-indicator {
width: 3px; } }
@media (min-width: 75em) {
.grid-state-indicator {
width: 4px; } }
.scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
[data-lock], [data-lock] body {
height: 100%;
overflow: hidden;
-ms-touch-action: none;
touch-action: none; }
.ir {
background-color: transparent;
border: 0;
overflow: hidden; }
.ir:before {
content: "";
display: block;
height: 150%;
width: 0; }
.hidden {
display: none !important; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.invisible {
visibility: hidden; }
.fade-out,
.fade-in {
-webkit-transition: opacity .3s;
transition: opacity .3s; }
.fade-out {
opacity: 0 !important; }
.fade-in {
opacity: 1 !important; }
.visible-xxs,
.visible-xs,
.visible-s,
.visible-m,
.visible-l {
display: none !important; }
@media (max-width: 37.49em) {
.hidden-xxs {
display: none !important; }
.visible-xxs {
display: block !important; }
.visible-xxs.inline {
display: inline !important; }
.visible-xxs.inline-block {
display: inline-block !important; }
table.visible-xxs {
display: table; }
thead.visible-xxs {
display: table-header-group !important; }
tfoot.visible-xxs {
display: table-footer-group !important; }
tr.visible-xxs {
display: table-row !important; }
th.visible-xxs,
td.visible-xxs {
display: table-cell !important; }
col.visible-xxs {
display: table-column !important; }
caption.visible-xxs {
display: table-caption !important; } }
@media print and (max-width: 536px), screen and (min-width: 37.5em) and (max-width: 47.99em) {
.hidden-xs {
display: none !important; }
.visible-xs {
display: block !important; }
.visible-xs.inline {
display: inline !important; }
.visible-xs.inline-block {
display: inline-block !important; }
table.visible-xs {
display: table; }
thead.visible-xs {
display: table-header-group !important; }
tfoot.visible-xs {
display: table-footer-group !important; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; }
col.visible-xs {
display: table-column !important; }
caption.visible-xs {
display: table-caption !important; } }
@media print and (min-width: 537px) and (max-width: 61.99em), screen and (min-width: 48em) and (max-width: 61.99em) {
.hidden-s {
display: none !important; }
.visible-s {
display: block !important; }
.visible-s.inline {
display: inline !important; }
.visible-s.inline-block {
display: inline-block !important; }
table.visible-s {
display: table; }
thead.visible-s {
display: table-header-group !important; }
tfoot.visible-s {
display: table-footer-group !important; }
tr.visible-s {
display: table-row !important; }
th.visible-s,
td.visible-s {
display: table-cell !important; }
col.visible-s {
display: table-column !important; }
caption.visible-s {
display: table-caption !important; } }
@media (min-width: 62em) and (max-width: 74.99em) {
.hidden-m {
display: none !important; }
.visible-m {
display: block !important; }
.visible-m.inline {
display: inline !important; }
.visible-m.inline-block {
display: inline-block !important; }
table.visible-m {
display: table; }
thead.visible-m {
display: table-header-group !important; }
tfoot.visible-m {
display: table-footer-group !important; }
tr.visible-m {
display: table-row !important; }
th.visible-m,
td.visible-m {
display: table-cell !important; }
col.visible-m {
display: table-column !important; }
caption.visible-m {
display: table-caption !important; } }
@media (min-width: 75em) {
.hidden-l {
display: none !important; }
.visible-l {
display: block !important; }
.visible-l.inline {
display: inline !important; }
.visible-l.inline-block {
display: inline-block !important; }
table.visible-l {
display: table; }
thead.visible-l {
display: table-header-group !important; }
tfoot.visible-l {
display: table-footer-group !important; }
tr.visible-l {
display: table-row !important; }
th.visible-l,
td.visible-l {
display: table-cell !important; }
col.visible-l {
display: table-column !important; }
caption.visible-l {
display: table-caption !important; } }
@media print {
*, :before, :after {
box-shadow: none !important;
text-shadow: none !important;
background: transparent !important;
color: #000 !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid silver;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.container, .modal-ajax.container,
.modal-iframe {
max-width: 100%;
width: 100%; }
.container.fixed,
.fixed.modal-iframe, .fixed .container,
.fixed .modal-iframe {
width: 100%; } }