%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%; } }