/*! libs\paper\scss\bundle.scss */ /*! @import "englishextra-ui-colors" */ /*! * englishextra-ui colors * use microsoft.com/en-us/design/color * localhost/tools/Tinter-Shader/index.html * localhost/tools/perfect_colors/ * localhost/tools/TinyColor/index.html * localhost/tools/color-palette-generator/index.html * localhost/tools/hexcolortool/index.html * localhost/tools/css3-playground/ */ /* 0073D2 007DD1 5E308F 9C0087 D13636 F23819 FF4141 00AC54 547E71 8C582C F5630E FDE000 C3C3C3 D54848 2D7C9A 2F79B6 EF6B50 EB5262 706D6A 60867B 615FC8 744DA5 3087CD */ /* \$(.*?)\: (.*?)\; \t\t\t\t\t\t\t\t\t\t
$\1
\$(.*?)\: (.*?)\; .bg-\1 { background-color: $\1; } */ /*! @import "englishextra-variables"; */ /*! @import "font-face"; */ /* @font-face { font-family: "Source Sans Pro"; src: url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Light.otf.woff2) format("woff2"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Light.otf.woff) format("woff"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: "Source Sans Pro"; src: url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Regular.otf.woff2) format("woff2"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Regular.otf.woff) format("woff"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: "Source Sans Pro"; src: url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-It.otf.woff2) format("woff2"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-It.otf.woff) format("woff"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-It.ttf) format("truetype"); font-weight: 400; font-style: italic; font-stretch: normal; font-display: swap; } @font-face { font-family: "Source Sans Pro"; src: url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Bold.otf.woff2) format("woff2"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Bold.otf.woff) format("woff"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: "Source Sans Pro"; src: url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-BoldIt.otf.woff2) format("woff2"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-BoldIt.otf.woff) format("woff"), url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-BoldIt.ttf) format("truetype"); font-weight: 700; font-style: italic; font-stretch: normal; font-display: swap; } @font-face { font-family: "Source Code Pro"; src: url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Regular.otf.woff2) format("woff2"), url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Regular.otf.woff) format("woff"), url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-stretch: normal; font-display: swap; } @font-face { font-family: "Source Code Pro"; src: url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Bold.otf.woff2) format("woff2"), url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Bold.otf.woff) format("woff"), url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-stretch: normal; font-display: swap; } */ @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Thin.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Thin.woff?v=2.137) format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-ThinItalic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-ThinItalic.woff?v=2.137) format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Light.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Light.woff?v=2.137) format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-LightItalic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-LightItalic.woff?v=2.137) format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Regular.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Regular.woff?v=2.137) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Regular.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Regular.woff?v=2.137) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Italic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Italic.woff?v=2.137) format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Italic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Italic.woff?v=2.137) format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Medium.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Medium.woff?v=2.137) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-MediumItalic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-MediumItalic.woff?v=2.137) format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Bold.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Bold.woff?v=2.137) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Bold.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Bold.woff?v=2.137) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-BoldItalic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-BoldItalic.woff?v=2.137) format("woff"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-BoldItalic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-BoldItalic.woff?v=2.137) format("woff"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Black.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-Black.woff?v=2.137) format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Roboto; src: url(../../../fonts/roboto-fontfacekit/2.137/Roboto-BlackItalic.woff2?v=2.137) format("woff2"), url(../../../fonts/roboto-fontfacekit/2.137/Roboto-BlackItalic.woff?v=2.137) format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Thin.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Thin.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Thin.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Thin.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Thin.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Thin.svg#RobotoMonoThin) format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-ThinItalic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-ThinItalic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-ThinItalic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-ThinItalic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-ThinItalic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-ThinItalic.svg#RobotoMonoThinItalic) format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Light.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Light.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Light.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Light.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Light.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Light.svg#RobotoMonoLight) format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-LightItalic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-LightItalic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-LightItalic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-LightItalic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-LightItalic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-LightItalic.svg#RobotoMonoLightItalic) format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.svg#RobotoMonoRegular) format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Regular.svg#RobotoMonoRegular) format("svg"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.svg#RobotoMonoItalic) format("svg"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Italic.svg#RobotoMonoItalic) format("svg"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Medium.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Medium.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Medium.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Medium.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Medium.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Medium.svg#RobotoMonoMedium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-MediumItalic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-MediumItalic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-MediumItalic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-MediumItalic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-MediumItalic.svg#RobotoMonoMediumItalic) format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.svg#RobotoMonoBold) format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-Bold.svg#RobotoMonoBold) format("svg"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.svg#RobotoMonoBoldItalic) format("svg"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Mono"; src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.eot); src: url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.woff2?v=2.0.986) format("woff2"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.woff?v=2.0.986) format("woff"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.ttf) format("truetype"), url(../../../fonts/roboto-mono-fontfacekit/2.0.986/RobotoMono-BoldItalic.svg#RobotoMonoBoldItalic) format("svg"); font-weight: 700; font-style: italic; font-display: swap; } /*! @import "normalize"; */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /*! * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /*! * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /*! * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /*! * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /*! * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /*! * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /*! * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /*! * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /*! * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /*! * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /*! * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /*! * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /*! * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /*! * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /*! * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /*! * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000000; } /*! * Add the correct font size in all browsers. */ small { font-size: 80%; } /*! * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /*! * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /*! * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /*! * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /*! * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /*! * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /*! * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /*! * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /*! * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /*! * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /*! * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /*! * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /*! * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /*! * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /*! * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /*! * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /*! * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /*! * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /*! * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /*! * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /*! * Add the correct display in IE 9-. */ canvas { display: inline-block; } /*! * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /*! * Add the correct display in IE 10-. */ [hidden] { display: none; } /*! @import "typeboost-uwp"; */ /*! * typeboost-uwp.css v0.1.8 * @see {@link https://github.com/englishextra/typeboost-uwp.css} * set html font to 15px, and body to 1.000rem * line height should be the closest multiple of 4 */ html { font-size: 15px; line-height: 20px; } body { font-size: 1.000rem; line-height: 1.333rem; } .col div, .col span, .col applet, .col object, .col iframe, .col h1, .col h2, .col h3, .col h4, .col h5, .col h6, .col p, .col blockquote, .col pre, .col a, .col abbr, .col acronym, .col address, .col big, .col cite, .col code, .col del, .col dfn, .col em, .col img, .col ins, .col kbd, .col q, .col s, .col samp, .col small, .col strike, .col strong, .col sub, .col sup, .col tt, .col var, .col b, .col u, .col i, .col center, .col dl, .col dt, .col dd, .col ol, .col ul, .col details, .col li, .col fieldset, .col form, .col label, .col legend, .col table, .col caption, .col tbody, .col tfoot, .col thead, .col tr, .col th, .col td, .col article, .col aside, .col canvas, .col embed, .col figure, .col figcaption, .col footer, .col header, .col hgroup, .col menu, .col nav, .col output, .col ruby, .col section, .col summary, .col time, .col mark, .col audio, .col video { font-size: 100%; font: inherit; border: 0; vertical-align: baseline; margin: 0; padding: 0; } .col sub, .col sup { font-size: 75%; line-height: 0; position: relative; } .col sup { top: -0.5em; } .col sub { bottom: -0.25em; } .col blockquote, .col q { quotes: none; } .col blockquote:before, .col blockquote:after, .col q:before, .col q:after { content: ""; content: none; } .col a { text-decoration: none; -webkit-tap-highlight-color: transparent; outline: none; } .col h1 a, .col h2 a, .col h3 a, .col h4 a, .col h5 a, .col h6 a { font-weight: inherit; } .col address, .col p.address { font-size: 0.933rem; line-height: 1.333rem; margin-right: 0; } .col p.blockquote { margin-right: 0; } .col h1 { font-size: 2.400rem; line-height: 3.200rem; padding: 0; } .col h2 { font-size: 1.6rem; line-height: 2.133rem; padding: 0; } .col h3 { font-size: 1.267rem; line-height: 1.6rem; padding: 0; } .col h4 { font-size: 1.000rem; line-height: 1.333rem; padding: 0; } .col h5 { font-size: 1.000rem; line-height: 1.333rem; text-transform: uppercase; padding: 0; } .col h6 { font-size: 1.000rem; line-height: 1.333rem; text-decoration: underline; padding: 0; } .col caption, .col label, .col p.smaller, .col table td, .col table th, .col pre, .col pre code { font-size: 0.933rem; line-height: 1.333rem; } .col p.larger, .col blockquote { font-size: 1.133rem; line-height: 1.6rem; } .col p, .col p.blockquote, .col dl dt, .col dl dd, .col ul li, .col ol li { font-size: inherit; line-height: inherit; } .col ul { list-style: disc outside; } .col ol { list-style: decimal inside; } .col pre { font-size: inherit; line-height: inherit; white-space: pre; white-space: pre-wrap; word-wrap: inherit; overflow: -moz-scrollbars-horizontal; overflow-x: auto; border: 0; -webkit-box-shadow: none; box-shadow: none; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; padding: 1.067rem 1.333rem; } .col pre code { text-shadow: none; } .col pre a { text-decoration: none; -webkit-tap-highlight-color: transparent; outline: none; } .col table { width: auto; border-collapse: collapse; border-spacing: 0; } .col caption, .col table th, .col table td { text-align: left; } .col table td, .col table th { padding: 0.500rem 0.800rem 0.467rem 0.800rem; vertical-align: top; } .col img { border: 0; vertical-align: bottom; padding: 0; } .col input[type^="text"], .col input[type^="search"], .col input[type^="email"], .col input[type^="url"], .col input[type^="password"], .col input[type^="tel"], .col input[type^="color"], .col input[type^="number"], .col input[type^="date"], .col input[type^="month"], .col input[type^="week"], .col input[type^="time"], .col input[type^="datetime"], .col input[type^="datetime-local"], .col select, .col textarea { font-size: 0.933rem; line-height: 1.333rem; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; -webkit-tap-highlight-color: transparent; outline: none; padding: 0 0.533rem; } .col select { padding: 0 0 0 0.267rem; } .col optgroup { margin: 0.267rem; padding-left: 0.267rem; } .col input[type="color"] { padding: 0; } .col button, .col input[type="button"], .col input[type="reset"], .col input[type="submit"], .col input[type^="text"], .col input[type^="search"], .col input[type^="email"], .col input[type^="url"], .col input[type^="password"], .col input[type^="tel"], .col input[type^="color"], .col input[type^="number"], .col input[type^="date"], .col input[type^="month"], .col input[type^="week"], .col input[type^="time"], .col input[type^="datetime"], .col input[type^="datetime-local"], .col select { height: 2.400rem; } .col button, .col input[type="button"], .col input[type="reset"], .col input[type="submit"] { font-size: 0.933rem; line-height: 1.333rem; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: baseline; -webkit-tap-highlight-color: transparent; outline: none; cursor: pointer; padding: 0 0.533rem; } .col label { display: block; margin-bottom: 0.267rem; } .col textarea { width: 95%; } .col ul, .col ol, .col dl { margin-left: auto; } .col dl dd:before { content: "\2014\00a0"; } .col address, .col p.address, .col p.blockquote, .col dl dd, .col blockquote { margin-left: 1.333rem; } .col ol { padding-left: 1.333rem; } .col .indent { text-indent: 1.333rem; } .col ul { padding-left: 2.667rem; } .col td ul { margin-top: 0; } .col td ul li { font-size: inherit; line-height: inherit; } .col td ol { margin-top: 0; } .col td ol li { font-size: inherit; line-height: inherit; } .col.textcenter address, .col.textcenter p.address, .col.textcenter dd, .col.textcenter pre, .col.textcenter blockquote, .col.textcenter p.blockquote { margin-left: 0; } .col img, .col input, .col ol li, .col select, .col textarea, .col ul li, .col table td ol, .col table td ul, .col table td dl { margin: 0; } .col address, .col p.address, .col p.blockquote, .col h1, .col h2, .col h3, .col h4, .col h5, .col h6, .col blockquote, .col caption, .col dl, .col dl dd, .col figcaption, .col figure, .col ol, .col p, .col pre, .col table, .col ul, .col details { margin-top: 0; } .col h2 + div, .col h2 + p, .col h2 + table, .col h3 + div, .col h3 + p, .col h3 + table, .col h4 + div, .col h4 + p, .col h4 + table, .col h5 + div, .col h5 + p, .col h5 + table, .col h6 + div, .col h6 + p, .col h6 + table { margin-top: 0.533rem; } .col address:first-child, .col div + address, .col h1 + blockquote, .col h1 + div, .col h1 + hr, .col h1 + div.hr, .col h1 + dl, .col h1 + ol, .col h1 + p, .col h1 + pre, .col h1 + table, .col h1 + ul, .col h1 + details, .col h2 + blockquote, .col h2 + dl, .col h2 + h3, .col h2 + ol, .col h2 + pre, .col h2 + ul, .col h2 + details, .col h3 + blockquote, .col h3 + dl, .col h3 + h4, .col h3 + ol, .col h3 + pre, .col h3 + ul, .col h3 + details, .col h4 + blockquote, .col h4 + dl, .col h4 + h3, .col h4 + h5, .col h4 + ol, .col h4 + pre, .col h4 + ul, .col h4 + details, .col h5 + blockquote, .col h5 + dl, .col h5 + h6, .col h5 + h2, .col h5 + ol, .col h5 + pre, .col h5 + ul, .col h5 + details, .col h6 + blockquote, .col h6 + dl, .col h6 + ol, .col h6 + pre, .col h6 + ul, .col h6 + details, .col p + address, .col p + p, .col p.address, .col p.blockquote, .col pre + address, .col table + address, .col table + p.address, .col table + p.blockquote { margin-top: 1.333rem; } .col blockquote + blockquote, .col blockquote + dl, .col blockquote + h1, .col blockquote + h2, .col blockquote + h3, .col blockquote + h4, .col blockquote + h5, .col blockquote + h6, .col blockquote + ol, .col blockquote + p, .col blockquote + pre, .col blockquote + table, .col blockquote + ul, .col blockquote + details, .col div + blockquote, .col div + dl, .col div + h1, .col div + h2, .col div + h3, .col div + h4, .col div + h5, .col div + h6, .col div + ol, .col div + p, .col div + pre, .col div + table, .col div + ul, .col div + details, .col dl + blockquote, .col dl + dl, .col dl + h1, .col dl + h2, .col dl + h3, .col dl + h4, .col dl + h5, .col dl + h6, .col dl + ol, .col dl + p, .col dl + pre, .col dl + table, .col dl + ul, .col dl + details, .col ol + blockquote, .col ol + dl, .col ol + h1, .col ol + h2, .col ol + h3, .col ol + h4, .col ol + h5, .col ol + h6, .col ol + ol, .col ol + p, .col ol + pre, .col ol + table, .col ol + ul, .col ol + details, .col p + blockquote, .col p + dl, .col p + figcaption, .col p + figure, .col p + h1, .col p + h2, .col p + h3, .col p + h4, .col p + h5, .col p + h6, .col p + ol, .col p + pre, .col p + table, .col p + ul, .col p + details, .col pre + blockquote, .col pre + dl, .col pre + h1, .col pre + h2, .col pre + h3, .col pre + h4, .col pre + h5, .col pre + h6, .col pre + ol, .col pre + p, .col pre + pre, .col pre + table, .col pre + ul, .col pre + details, .col table + blockquote, .col table + dl, .col table + h1, .col table + h2, .col table + h3, .col table + h4, .col table + h5, .col table + h6, .col table + ol, .col table + p, .col table + pre, .col table + table, .col table + ul, .col table + details, .col ul + blockquote, .col ul + dl, .col ul + h1, .col ul + h2, .col ul + h3, .col ul + h4, .col ul + h5, .col ul + h6, .col ul + ol, .col ul + p, .col ul + pre, .col ul + table, .col ul + ul, .col ul + details, .col details + blockquote, .col details + dl, .col details + h1, .col details + h2, .col details + h3, .col details + h4, .col details + h5, .col details + h6, .col details + ol, .col details + p, .col details + pre, .col details + table, .col details + ul, .col details + details, .col h1:first-child, .col h2:first-child, .col h3:first-child, .col h4:first-child, .col h5:first-child, .col h6:first-child, .col p:first-child, .col dl:first-child, .col ul:first-child, .col details:first-child, .col ol:first-child, .col blockquote:first-child, .col pre:first-child, .col table:first-child, .col figcaption:first-child, .col figure:first-child { margin-top: 1.333rem; } .col dl dd, .col address:first-of-type, .col p.address:first-of-type, .col address:last-child, .col p.address:last-child, .col p.blockquote:first-of-type, .col p.blockquote:last-child, .col p:last-child, .col dl:last-child, .col ul:last-child, .col details:last-child, .col ol:last-child, .col blockquote:last-child, .col pre:last-child, .col table:first-of-type, .col table:last-child, .col figcaption:last-child, .col figure:last-child { margin-bottom: 0; } .col address, .col blockquote, .col dl, .col figcaption, .col figure, .col ol, .col pre, .col ul, .col details { margin-bottom: 1.333rem; } .col blockquote + p, .col div + p, .col dl + p, .col h1 + p, .col h2 + p, .col h3 + p, .col h4 + p, .col h5 + p, .col h6 + p, .col ol + p, .col p + p, .col pre + p, .col table + p, .col ul + p, .col details + p { margin-bottom: 1.067rem; } .col .textleft { text-align: left; } .col .textright { text-align: right; } .col .textcenter { text-align: center; } .col .larger { font-size: larger; } .col small, .col .smaller { font-size: smaller; } .col hr, .col .hr { height: 0.067rem; padding: 0; margin: 1.333rem 0 1.267rem 0; } /*! * font weights */ .col h2, .col h4, .col h5, .col h6, .col address, .col p, .col p.address, .col p.blockquote, .col dl dd, .col ul li, .col ol li, .col table td, .col caption, .col input[type^="text"], .col input[type^="search"], .col input[type^="email"], .col input[type^="url"], .col input[type^="password"], .col input[type^="tel"], .col input[type^="color"], .col input[type^="number"], .col input[type^="date"], .col input[type^="month"], .col input[type^="week"], .col input[type^="time"], .col input[type^="datetime"], .col input[type^="datetime-local"], .col select, .col textarea, .col label { font-weight: normal; } .col h1 { font-weight: normal; } .col h4, .col table th, .col dl dt, .col button, .col input[type="button"], .col input[type="reset"], .col input[type="submit"], .col b, .col strong, .col .bolder, .col .highlight { font-weight: bolder; } /*! * font styles */ .col address, .col p.address, .col p.blockquote, .col blockquote, .col caption, .col label, .col i, .col em, .col .italic { font-style: italic; } .col optgroup { font-style: normal; } /*! * font families */ .col body { font-family: "Segoe UI", "Segoe WP", "HelveticaNeue", "Roboto", "Source Sans Pro", "Open Sans", "Exo2", "Fira Sans", sans-serif; } /* .col h1 { font-family: "Segoe UI", "Segoe WP", "HelveticaNeue-Light", "Source Sans Pro", "Open Sans", "Exo2", "Fira Sans", sans-serif-light, sans-serif; } */ .col pre, .col pre code { font-family: "Consolas", "Monaco", "Droid Sans Mono", "Inconsolata", "Source Code Pro", monospace; } .col select { font-family: sans-serif; } .col button, .col input[type="button"], .col input[type="reset"], .col input[type="submit"], .col input[type^="text"], .col input[type^="search"], .col input[type^="email"], .col input[type^="url"], .col input[type^="password"], .col input[type^="tel"], .col input[type^="color"], .col input[type^="number"], .col input[type^="date"], .col input[type^="month"], .col input[type^="week"], .col input[type^="time"], .col input[type^="datetime"], .col input[type^="datetime-local"], .col textarea, .col caption, .col table th, .col table td { font-family: inherit; } .col .phonetic { font-family: "Roboto Mono", "Consolas", "Monaco", "Droid Sans Mono", "Inconsolata", "Source Code Pro", monospace; } /*! * colors */ .col a { color: #3585d8; } .col a:focus, .col a:hover, .col a:active { color: #3585d8; } .col h1, .col h2, .col h3, .col h4, .col h5, .col h6, .col h1 a, .col h2 a, .col h3 a, .col h4 a, .col h5 a, .col h6 a, .col pre code, .col pre a, .col caption, .col table td, .col table th a, .col input[type^="text"], .col input[type^="search"], .col input[type^="email"], .col input[type^="url"], .col input[type^="password"], .col input[type^="tel"], .col input[type^="color"], .col input[type^="number"], .col input[type^="date"], .col input[type^="month"], .col input[type^="week"], .col input[type^="time"], .col input[type^="datetime"], .col input[type^="datetime-local"], .col textarea, .col select, .col input[type^="text"]:focus, .col input[type^="search"]:focus, .col input[type^="email"]:focus, .col input[type^="url"]:focus, .col input[type^="password"]:focus, .col input[type^="tel"]:focus, .col input[type^="color"]:focus, .col input[type^="number"]:focus, .col input[type^="date"]:focus, .col input[type^="month"]:focus, .col input[type^="week"]:focus, .col input[type^="time"]:focus, .col input[type^="datetime"]:focus, .col input[type^="datetime-local"]:focus, .col textarea:focus, .col select:focus, .col input[type^="text"]:active, .col input[type^="search"]:active, .col input[type^="email"]:active, .col input[type^="url"]:active, .col input[type^="password"]:active, .col input[type^="tel"]:active, .col input[type^="color"]:active, .col input[type^="number"]:active, .col input[type^="date"]:active, .col input[type^="month"]:active, .col input[type^="week"]:active, .col input[type^="time"]:active, .col input[type^="datetime"]:active, .col input[type^="datetime-local"]:active, .col textarea:active, .col select:active { color: inherit; } .col pre { color: inherit; background-color: #f3f3f3; } .col pre a:focus, .col pre a:hover, .col pre a:active { color: inherit; } .col select, .col input[type^="text"], .col input[type^="search"], .col input[type^="email"], .col input[type^="url"], .col input[type^="password"], .col input[type^="tel"], .col input[type^="color"], .col input[type^="number"], .col input[type^="date"], .col input[type^="month"], .col input[type^="week"], .col input[type^="time"], .col input[type^="datetime"], .col input[type^="datetime-local"], .col textarea { background-color: #FFFFFF; border: 0.067rem solid #c3c3c3; } .col button:focus, .col input[type="button"]:focus, .col input[type="reset"]:focus, .col input[type="submit"]:focus, .col button:hover, .col input[type="button"]:hover, .col input[type="reset"]:hover, .col input[type="submit"]:hover, .col button:active, .col input[type="button"]:active, .col input[type="reset"]:active, .col input[type="submit"]:active { color: #FFFFFF; background-color: #5f5f5f; border: 0.067rem solid #5f5f5f; } .col button, .col input[type="button"], .col input[type="reset"], .col input[type="submit"] { color: #FFFFFF; background-color: #373737; border: 0.067rem solid #373737; } .col select:focus, .col select:hover, .col input[type^="text"]:focus, .col input[type^="search"]:focus, .col input[type^="email"]:focus, .col input[type^="url"]:focus, .col input[type^="password"]:focus, .col input[type^="tel"]:focus, .col input[type^="color"]:focus, .col input[type^="number"]:focus, .col input[type^="date"]:focus, .col input[type^="month"]:focus, .col input[type^="week"]:focus, .col input[type^="time"]:focus, .col input[type^="datetime"]:focus, .col input[type^="datetime-local"]:focus, .col textarea:focus, .col select:active, .col input[type^="text"]:active, .col input[type^="search"]:active, .col input[type^="email"]:active, .col input[type^="url"]:active, .col input[type^="password"]:active, .col input[type^="tel"]:active, .col input[type^="color"]:active, .col input[type^="number"]:active, .col input[type^="date"]:active, .col input[type^="month"]:active, .col input[type^="week"]:active, .col input[type^="time"]:active, .col input[type^="datetime"]:active, .col input[type^="datetime-local"]:active, .col textarea:active { background-color: #f3f3f3; border: 0.067rem solid #c3c3c3; } .col select:disabled, .col input[type^="text"]:disabled, .col input[type^="search"]:disabled, .col input[type^="email"]:disabled, .col input[type^="url"]:disabled, .col input[type^="password"]:disabled, .col input[type^="tel"]:disabled, .col input[type^="color"]:disabled, .col input[type^="number"]:disabled, .col input[type^="date"]:disabled, .col input[type^="month"]:disabled, .col input[type^="week"]:disabled, .col input[type^="time"]:disabled, .col input[type^="datetime"]:disabled, .col input[type^="datetime-local"]:disabled, .col textarea:disabled { background-color: #d5d5d5; border-color: #d5d5d5; } .col button:disabled, .col input[type="button"]:disabled, .col input[type="reset"]:disabled, .col input[type="submit"]:disabled { background-color: #d5d5d5; border-color: #d5d5d5; } .col table { border: none; border-top-width: 0.067rem; border-top-style: solid; border-top-color: #c3c3c3; border-right-width: 0.067rem; border-right-style: solid; border-right-color: #c3c3c3; border-left-width: 0.067rem; border-left-style: solid; border-left-color: #c3c3c3; } .col table th { border: none; border-bottom-width: 0.067rem; border-bottom-style: solid; border-bottom-color: #c3c3c3; } .col table td { border: none; border-bottom-width: 0.067rem; border-bottom-style: solid; border-bottom-color: #c3c3c3; } .col img { background-color: inherit; border: 0; } .col hr, .col .hr { background-color: #c3c3c3; border: 0; } .col .highlight { color: #d93d3d; } /*! @import "simplegrid.fixed"; */ /*! * modified Simple Grid * Project Page - http://thisisdallas.github.com/Simple-Grid/ * Author - Dallas Bass * Site - http://ninenineteen.co * changed padding 20px/10px to 24px/12px * removed top padding of grid-pad at mobile media query * added bottom margin to last child of grid-pad * removed top margin for h1/h2/h3 within the grid content * chenged breakpoint max 767px to max 800px * added float none to col- and mobile-col- at mobile media query * removed .hide-on-mobile class */ *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } [class*="col-"] { float: left; min-height: 1px; padding-right: 1.333rem; } .grid { display: block; width: 100%; max-width: 1140px; min-width: 748px; margin: 0 auto; overflow: hidden; } .grid-narrow { width: 100%; max-width: 720px; min-width: 720px; margin: 0 auto; overflow: hidden; } .grid:after, .grid-narrow:after { content: ""; display: table; clear: both; } .grid-pad { padding-top: 1.333rem; padding-left: 1.333rem; padding-right: 0; } .push-right { float: right; } .col-1-1 { width: 100%; } .col-2-3, .col-8-12 { width: 66.66%; } .col-1-2, .col-6-12 { width: 50%; } .col-1-3, .col-4-12 { width: 33.33%; } .col-1-4, .col-3-12 { width: 25%; } .col-1-5 { width: 20%; } .col-1-6, .col-2-12 { width: 16.667%; } .col-1-7 { width: 14.28%; } .col-1-8 { width: 12.5%; } .col-1-9 { width: 11.1%; } .col-1-10 { width: 10%; } .col-1-11 { width: 9.09%; } .col-1-12 { width: 8.33%; } .col-11-12 { width: 91.66%; } .col-10-12 { width: 83.333%; } .col-9-12 { width: 75%; } .col-5-12 { width: 41.66%; } .col-7-12 { width: 58.33%; } .push-2-3, .push-8-12 { margin-left: 66.66%; } .push-1-2, .push-6-12 { margin-left: 50%; } .push-1-3, .push-4-12 { margin-left: 33.33%; } .push-1-4, .push-3-12 { margin-left: 25%; } .push-1-5 { margin-left: 20%; } .push-1-6, .push-2-12 { margin-left: 16.667%; } .push-1-7 { margin-left: 14.28%; } .push-1-8 { margin-left: 12.5%; } .push-1-9 { margin-left: 11.1%; } .push-1-10 { margin-left: 10%; } .push-1-11 { margin-left: 9.09%; } .push-1-12 { margin-left: 8.33%; } @media only screen and (max-width: 800px) { .grid, .grid-narrow { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0.800rem; padding-right: 0; } .grid-narrow { max-width: 100%; } .grid-narrow { max-width: 100%; } [class*="col-"] { width: auto; float: none; margin: 0; padding-top: 1.333rem; padding-right: 0.800rem; } [class*="col-"]:first-child { margin-top: 0; } [class*="mobile-col-"] { float: left; margin: 0; padding-left: 0; padding-right: 0.800rem; padding-bottom: 0; } .grid-pad { padding-top: 0; padding-left: 0.800rem; } .grid-pad:first-child { padding-top: 0; } .mobile-col-1-1 { width: 100%; } .mobile-col-2-3, .mobile-col-8-12 { width: 66.66%; } .mobile-col-1-2, .mobile-col-6-12 { width: 50%; } .mobile-col-1-3, .mobile-col-4-12 { width: 33.33%; } .mobile-col-1-4, .mobile-col-3-12 { width: 25%; } .mobile-col-1-5 { width: 20%; } .mobile-col-1-6, .mobile-col-2-12 { width: 16.667%; } .mobile-col-1-7 { width: 14.28%; } .mobile-col-1-8 { width: 12.5%; } .mobile-col-1-9 { width: 11.1%; } .mobile-col-1-10 { width: 10%; } .mobile-col-1-11 { width: 9.09%; } .mobile-col-1-12 { width: 8.33%; } .mobile-col-11-12 { width: 91.66%; } .mobile-col-10-12 { width: 83.333%; } .mobile-col-9-12 { width: 75%; } .mobile-col-5-12 { width: 41.66%; } .mobile-col-7-12 { width: 58.33%; } } /*! * modified Simple lightbox effect in pure JS * @see {@link https://github.com/squeral/lightbox} * @see {@link https://github.com/squeral/lightbox/blob/master/lightbox.js} * passes jshint */ .iframe-lightbox, .iframe-lightbox .backdrop { width: 100%; height: 100%; top: 0; left: 0; } .iframe-lightbox { display: none; position: fixed; opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; /*! * @see {@link https://github.com/englishextra/iframe-lightbox/issues/10} * @see {@link https://github.com/englishextra/iframe-lightbox/issues/14} */ z-index: 999999; } .iframe-lightbox .backdrop { position: absolute; background-color: rgba(0, 0, 0, 0.92); cursor: default; } .iframe-lightbox .content-holder { width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: -50%; } .iframe-lightbox .content { height: 0; position: relative; padding-bottom: 56.25%; } .iframe-lightbox .content > .body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * another pure css spinner * @see {@link https://epic-spinners.epicmax.co/} */ .iframe-lightbox .content > .body .half-circle-spinner, .iframe-lightbox .content > .body .half-circle-spinner * { -webkit-box-sizing: border-box; box-sizing: border-box; } .iframe-lightbox .content > .body .half-circle-spinner { width: 60px; height: 60px; border-radius: 100%; position: relative; margin: 0; position: fixed; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .iframe-lightbox .content > .body .half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: calc(60px / 10) solid transparent; } .iframe-lightbox .content > .body .half-circle-spinner .circle.circle-1 { border-top-color: #FFFFFF; -webkit-animation: half-circle-spinner-animation 1s infinite; animation: half-circle-spinner-animation 1s infinite; } .iframe-lightbox .content > .body .half-circle-spinner .circle.circle-2 { border-bottom-color: #FFFFFF; -webkit-animation: half-circle-spinner-animation 1s infinite alternate; animation: half-circle-spinner-animation 1s infinite alternate; } @-webkit-keyframes half-circle-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes half-circle-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .iframe-lightbox .content > .body.is-loaded .half-circle-spinner { display: none; } .iframe-lightbox iframe { display: block; width: 100%; height: 100%; border: 0; -webkit-box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3); box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3); /*! * in js: iframe onload="this.style.opacity=1;" style="opacity:0;border:none;" */ /* opacity: 0; */ -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .iframe-lightbox.is-showing { display: block; } .iframe-lightbox.is-opened { opacity: 1; } .iframe-lightbox .btn-close { display: block; position: fixed; top: 1.000rem; right: 1.000rem; width: 1.500rem; height: 1.500rem; font-size: 1.000rem; outline: none; cursor: pointer; border: 0; background-color: transparent; } /*! * pure css version * @see {@link https://codepen.io/brissmyr/pen/egidw} */ .iframe-lightbox .btn-close:before, .iframe-lightbox .btn-close:after { content: " "; width: 0.125em; height: 1.500em; position: absolute; top: 0; right: 0.688em; background-color: #FFFFFF; } .iframe-lightbox .btn-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .iframe-lightbox .btn-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*! * @see {@link https://github.com/englishextra/iframe-lightbox/issues/12} */ .iframe-lightbox--open { overflow: hidden; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; height: auto; } /*! * some animations from animate.css * @see {@link https://github.com/daneden/animate.css} * daneden.github.io/animate.css/ */ /* .animated { animation-duration: 2s; animation-fill-mode: both; } */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /*! * img lightbox */ .img-lightbox { display: none; opacity: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.92); z-index: 999999; } .img-lightbox img { display: block; opacity: 0; max-width: 90%; max-height: 90%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; border: 0; -webkit-box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3); box-shadow: 0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3); vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: -webkit-zoom-out; cursor: zoom-out; margin: auto; } /*! * reset for animate.css * daneden.github.io/animate.css/ */ .img-lightbox.animated, .img-lightbox img.animated { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*! * another pure css spinner * @see {@link https://epic-spinners.epicmax.co/} */ .img-lightbox .half-circle-spinner, .img-lightbox .half-circle-spinner * { -webkit-box-sizing: border-box; box-sizing: border-box; } .img-lightbox .half-circle-spinner { width: 60px; height: 60px; border-radius: 100%; position: relative; margin: 0; position: fixed; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .img-lightbox .half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: calc(60px / 10) solid transparent; } .img-lightbox .half-circle-spinner .circle.circle-1 { border-top-color: #FFFFFF; -webkit-animation: half-circle-spinner-animation 1s infinite; animation: half-circle-spinner-animation 1s infinite; } .img-lightbox .half-circle-spinner .circle.circle-2 { border-bottom-color: #FFFFFF; -webkit-animation: half-circle-spinner-animation 1s infinite alternate; animation: half-circle-spinner-animation 1s infinite alternate; } @keyframes half-circle-spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .img-lightbox.is-loaded .half-circle-spinner { display: none; } .img-lightbox .btn-close { display: block; position: fixed; top: 1.000rem; right: 1.000rem; width: 1.500rem; height: 1.500rem; font-size: 1.000rem; outline: none; cursor: pointer; border: 0; background-color: transparent; } /*! * pure css version * @see {@link https://codepen.io/brissmyr/pen/egidw} */ .img-lightbox .btn-close:before, .img-lightbox .btn-close:after { content: " "; width: 0.125em; height: 1.500em; position: absolute; top: 0; right: 0.688em; background-color: #FFFFFF; } .img-lightbox .btn-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .img-lightbox .btn-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*! * @see {@link https://github.com/englishextra/iframe-lightbox/issues/12} */ .img-lightbox--open { overflow: hidden; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; height: auto; } /*! @import "glightbox.fixed" */ .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; overflow-scrolling: touch; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; } .glightbox-container .gslider { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; position: absolute; } .glightbox-container .gslide { height: 100%; width: 100%; position: absolute; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .glightbox-container .ginner-container { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { width: 100vw; max-width: 100vw; min-width: 100vw; outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: auto; width: initial; } .gslide-video { width: 100%; height: auto; min-width: 100%; max-width: 100%; min-height: auto; max-height: auto; position: relative; } .gslide-video:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing:before { display: none; } .gslide-video .jw-media, .gslide-video .jw-video { position: relative !important; } .gslide-video .jwplayer { max-width: 100vw; width: 100vh; height: auto !important; } .gslide-video .jwplayer, .gslide-video .box-emboss { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; } .gslide-video .jwplayer .btnd:active, .gslide-video .jwplayer .btnd:focus, .gslide-video .jwplayer .btnd.active, .gslide-video .box-emboss .btnd:active, .gslide-video .box-emboss .btnd:focus, .gslide-video .box-emboss .btnd.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .gslide-video object { position: absolute; top: 0; left: 0; } .gslide-inline { background: #FFFFFF; padding: 20px; text-align: left; max-height: 62vh; overflow: auto; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #FFFFFF; padding: 0; overflow: auto; max-height: 62vh; } .gslide-media { display: block; width: auto; } .gslide-description.left-position, .gslide-description.right-position { padding: 30px; background: #FFFFFF; max-width: 300px; min-width: 190px; } .gslide-description .bottom-position, .gslide-description .top-position { padding: 30px; background: #FFFFFF; width: 100%; display: inline-block; min-width: 190px; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p::last-child { margin-bottom: 0; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { background: transparent; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)) ); background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100% ); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .glightbox-mobile .glightbox-container .gslide-title { color: #FFFFFF; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #FFFFFF; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #FFFFFF; opacity: 0.4; } .gdesc-open .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0.4; } .gdesc-open .gslide-description { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 1; } .greset { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .glightbox-desc { display: none; } .glightbox-open { overflow: hidden; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; height: auto; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader 0.8s infinite linear; animation: lightboxLoader 0.8s infinite linear; border: 2px solid #FFFFFF; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000000; } .gprev, .gnext, .gclose { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: 0.1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #FFFFFF; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description { background: #FFFFFF; padding: 22px 20px; } .glightbox-clean .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video { background: #000000; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII="); } .glightbox-clean .gprev { background-color: rgba(0, 0, 0, 0.08); background-position: 4px 5px; position: absolute; top: -100%; left: 30px; width: 38px; height: 56px; } .glightbox-clean .gnext { background-color: rgba(0, 0, 0, 0.08); background-position: -27px 5px; position: absolute; top: -100%; right: 30px; width: 38px; height: 56px; } .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.08); width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; opacity: 0.7; background-position: -59px 2px; } .glightbox-clean .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn 0.5s ease; animation: gfadeIn 0.5s ease; } .gfadeOut { -webkit-animation: gfadeOut 0.5s ease; animation: gfadeOut 0.5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft 0.3s ease; animation: gslideOutLeft 0.3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft 0.3s ease; animation: gslideInLeft 0.3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight 0.3s ease; animation: gslideOutRight 0.3s ease; } .gslideInRight { -webkit-animation: gslideInRight 0.3s ease; animation: gslideInRight 0.3s ease; } .gzoomIn { -webkit-animation: gzoomIn 0.5s ease; animation: gzoomIn 0.5s ease; } .gzoomOut { -webkit-animation: gzoomOut 0.5s ease; animation: gzoomOut 0.5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @media (min-width: 25em) { .gslide iframe, .gslide video { min-width: 0; } } @media (min-width: 48em) { .glightbox-container .ginner-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .glightbox-container .ginner-container.desc-left .gslide-description, .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-media, .glightbox-container .ginner-container.desc-top .gslide-media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .gslide-image img { width: auto; width: initial; max-height: 97vh; } .gslide-video { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100px; height: 100%; max-height: 95vh !important; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 95vh; } .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .goverlay { background: rgba(0, 0, 0, 0.92); } .glightbox-clean .ginner-container { -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); } .glightbox-clean .gprev { top: 45%; } .glightbox-clean .gnext { top: 45%; } } @media (min-width: 62em) { .glightbox-clean .gclose { right: 20px; } } /*! * @see {@link https://github.com/mcstudios/glightbox/issues/22} */ /* .glightbox-open { height: 100% !important; } */ /*! @import "kamil-autocomplete.fixed"; */ /*! * modified Kamil v0.0.1 * Autocomplete library * oss6.github.io/kamil * MIT License * by Ossama Edbali */ .kamil-autocomplete { display: none; max-height: 16rem; position: absolute; list-style: none; font-size: 0.933rem; text-align: left; overflow-y: auto; color: inherit; background-color: #f2f2f2; border: 0.067rem solid #d83544; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); outline: none; padding: 0; margin: 0; } .kamil-autocomplete li { font-weight: 400; line-height: 3.200rem; overflow-x: hidden; white-space: nowrap; padding-right: 1.333rem; padding-left: 1.333rem; cursor: pointer; } .kamil-autocomplete li.kamil-active, .kamil-autocomplete li:hover { color: inherit; background-color: #e6e6e6; } /* .kamil-autocomplete li:focus, */ .kamil-autocomplete li:active { color: #191919; background-color: #d83544; } /*! @import "paper-animate.partial"; */ /*! * some animations from animate.css * @see {@link https://github.com/daneden/animate.css} * daneden.github.io/animate.css/ */ /* .animated { animation-duration: 2s; animation-fill-mode: both; } */ @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /*! @import "main"; */ /*! * main */ /*! * Default CSS Values for HTML Elements * @see {@link https://www.w3schools.com/cssref/css_default_values.asp} */ html, body { height: 100%; } html { font-size: 15px; line-height: 20px; /** * set the parent to background transparent * and position relative to parent, absolute for child */ background-color: transparent; } body { font-family: "Roboto", "Source Sans Pro", "Open Sans", "Exo2", "Fira Sans", "Segoe UI", "Segoe WP", "HelveticaNeue", "Roboto", sans-serif; font-weight: 400; font-size: 1.000rem; line-height: 1.333rem; width: 100%; color: #191919; background-color: #f0f0f0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; outline: none; overflow-x: hidden; margin: 0; padding: 0; } /*! * englishextra specific rules */ a { color: inherit; text-decoration: none; } a:focus, a:active, button:focus, button:active, select:focus, select:active { -webkit-tap-highlight-color: transparent; outline: none; } input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } b, strong, .bolder { font-weight: bold; } i, em, .italic { font-style: italic; } u, .underline { text-decoration: underline; } *, *:after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; } ::-moz-selection { color: rgba(255, 255, 255, 0.9); background-color: rgba(58, 150, 221, 0.9); } ::selection { color: rgba(255, 255, 255, 0.9); background-color: rgba(58, 150, 221, 0.9); } ::-webkit-input-placeholder { color: #878787 !important; opacity: 1; } ::-moz-placeholder { color: #878787 !important; opacity: 1; } :-ms-input-placeholder { color: #878787 !important; opacity: 1; } ::-ms-input-placeholder { color: #878787 !important; opacity: 1; } ::placeholder { color: #878787 !important; opacity: 1; } /*! * clearfix css-tricks.com/snippets/css/clear-fix/ */ .cf:after { content: ""; display: table; clear: both; } /*! * fit width */ .fit-width { min-width: 100%; } /*! * fit half width */ .fit-half-width { min-width: 50%; } /*! * hide and show on mobile */ .page .show-inline-on-mobile, .page .show-block-on-mobile { display: none; } @media only screen and (max-width: 800px) { .page .hide-on-mobile { display: none; width: 0; height: 0; } .page .show-inline-on-mobile { display: inline; } .page .show-block-on-mobile { display: block; } } .page .hide { display: none; } .page .show-inline { display: inline; } .page .show-inline-block { display: inline-block; } .page .show-block { display: block; } /*! * fixes to Simple Grid */ .grid:last-child, .grid-narrow:last-child { /* margin-bottom: 1.333rem; */ padding-bottom: 1.333rem; } .grid .col .content h1, .grid .col .content h2:first-child, .grid .col .content h3:first-child, .grid .col .content p:first-child, .grid-narrow .col .content h1, .grid-narrow .col .content h2:first-child, .grid-narrow .col .content h3:first-child, .grid-narrow .col .content p:first-child { margin-top: 0; } .grid .col .content h2.btn-expand-hidden-layer:first-child, .grid-narrow .col .content h2.btn-expand-hidden-layer:first-child { margin-top: 1.333rem; } .grid .col .footer p, .grid-narrow .col .footer p { text-align: center; } /*! * other */ .page { width: 100%; /** * set the parent to min height 100%, not just height * and position relative to parent, absolute for child */ min-height: 100%; position: relative; top: 0; /* left: 18.133rem; */ left: 0; background-color: #f0f0f0; -webkit-transition: left 0.2s linear; transition: left 0.2s linear; } .page.is-active { position: relative; left: 18.133rem; } .page img { display: block; } .panel-nav-top { display: block; width: 100%; height: 3.200rem; background-color: #e7e7e7; } .container { display: block; width: 100%; height: 100%; visibility: visible; opacity: 1; -webkit-transition: visibility 0s, opacity 0.2s ease; transition: visibility 0s, opacity 0.2s ease; padding: 0; margin: 0 auto; } .app-content { width: 100%; height: 100%; padding: 0; margin: 0 auto; } .container .content-wrapper, .app-content .content-wrapper { width: 100%; height: 100%; background-color: #FFFFFF; } .container .content-wrapper:after, .app-content .content-wrapper:after, .app-content:after { content: ""; display: table; clear: both; } /*! * nav menu */ .panel-nav-menu { display: block; width: 18.133rem; height: 100%; position: fixed; top: 0; /* left: 18.133rem; */ left: 0; bottom: 0; font-size: 0.933rem; line-height: 3.200rem; list-style: none; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #232323; -webkit-transition: left 0.2s linear; transition: left 0.2s linear; padding: 0; margin: 0; margin-left: -18.133rem; } .panel-nav-menu li { position: relative; top: 0; left: 0; font-weight: 400; padding: 0; margin: 0; } .panel-nav-menu li a { display: block; text-decoration: none; white-space: normal; white-space: nowrap; font-size: 0.933rem; color: #FFFFFF; border: none; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; padding-right: 1.333rem; padding-left: 1.333rem; } .panel-nav-menu li a:hover { background-color: #414141; } /* .panel-nav-menu li a:focus, */ .panel-nav-menu li a:active { color: #191919; background-color: #d83544; } .panel-nav-menu li a.is-active { background-color: #801e26; } .btn-nav-menu { display: block; width: 3.200rem; height: 3.200rem; position: fixed; top: 0; /* left: 18.133rem; */ left: 0; background-color: #E7E7E7; -webkit-transition: left 0.2s linear, background-color 0.2s ease; transition: left 0.2s linear, background-color 0.2s ease; outline: none; cursor: pointer; border: 0; } .btn-nav-menu .ui-icon { display: block; width: 3.200rem; height: 3.200rem; /*! @see {@link https://www.w3.org/Style/Examples/007/center.en.html#hv3} */ position: absolute; top: 0; left: 0; margin-top: auto; margin-right: auto; margin-left: auto; } .btn-nav-menu .ui-icon > * { fill: #616161; } .btn-nav-menu:hover { background-color: #D5D5D5; } .page.is-active .panel-nav-menu { left: 18.133rem; width: 18.133rem; } .page.is-active .btn-nav-menu { left: 18.133rem; } /*! * menu more */ .btn-menu-more { display: block; width: 3.200rem; height: 3.200rem; position: fixed; top: 0; left: 3.200rem; background-color: #E7E7E7; transition: left 0.2s linear, background-color 0.2s ease; outline: none; cursor: pointer; border: 0; } .btn-menu-more .ui-icon { display: block; width: 3.200rem; height: 3.200rem; /*! @see {@link https://www.w3.org/Style/Examples/007/center.en.html#hv3} */ position: absolute; top: 0; left: 0; margin-top: auto; margin-right: auto; margin-left: auto; } .btn-menu-more .ui-icon > * { fill: #616161; } .btn-menu-more:hover { background-color: #D5D5D5; } .btn-menu-more:active { color: #191919; background-color: #D83544; } .page.is-active .btn-menu-more { left: 21.333rem; } .holder-panel-menu-more { display: block; visibility: hidden; opacity: 0; position: fixed; top: 3.200rem; left: 3.200rem; color: #191919; background-color: #f2f2f2; border: 0.067rem solid #d83544; -webkit-box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); -webkit-transition: visibility 0s, opacity 0.2s ease; transition: visibility 0s, opacity 0.2s ease; } .page.is-active .holder-panel-menu-more { left: 21.333rem; } .holder-panel-menu-more.is-active { visibility: visible; opacity: 1; } .panel-menu-more { display: block; width: 18.133rem; height: 100%; font-size: 0.933rem; line-height: 3.200rem; list-style-type: none; padding: 0; margin: 0; } .panel-menu-more li a { display: block; font-weight: 400; text-decoration: none; color: inherit; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; overflow-x: hidden; white-space: nowrap; padding-right: 1.333rem; padding-left: 1.333rem; } .panel-menu-more li a:hover { color: inherit; background-color: #e6e6e6; } /* .panel-menu-more li a:focus, */ .panel-menu-more li a:active { color: #191919; background-color: #d83544; } /*! * search form */ .holder-search-form { display: inline-block; position: fixed; top: 0.4rem; right: 0.4rem; } .holder-search-form input[type^="text"], .holder-search-form input[type^="search"] { display: inline-block; width: 9.6rem; height: 2.400rem; font-family: inherit; font-size: 0.933rem; line-height: 1.133rem; color: inherit; border-color: transparent; border-style: solid; border-width: 0.067rem; -webkit-transition: width 0.2s linear; transition: width 0.2s linear; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-tap-highlight-color: transparent; outline: none; padding: 0.533rem 2.400rem 0.533rem 0.533rem; } .holder-search-form input[type^="text"]:focus, .holder-search-form input[type^="text"]:active, .holder-search-form input[type^="search"]:focus, .holder-search-form input[type^="search"]:active { width: 18.133rem; background-color: #d5d5d5; border-color: transparent; -webkit-tap-highlight-color: transparent; outline: none; } @media only screen and (max-width: 480px) { .holder-search-form input[type^="text"]:focus, .holder-search-form input[type^="text"]:active, .holder-search-form input[type^="search"]:focus, .holder-search-form input[type^="search"]:active { width: 14.133rem; } } .holder-search-form button[type^="submit"] { display: inline-block; width: 2.400rem; height: 2.400rem; position: absolute; top: 0; right: 0; font-size: 0; line-height: 0; color: #878787; background-color: transparent; border: 0.067rem solid transparent; cursor: pointer; padding: 1.133rem; } .holder-search-form button[type^="submit"]:active { color: #D83544; } .holder-search-form button[type^="submit"] .ui-icon { display: block; width: 1.067rem; height: 1.067rem; position: relative; right: 0.533rem; bottom: 0.533rem; } .holder-search-form button[type^="submit"] .ui-icon > * { fill: #878787; } .holder-search-form button[type^="submit"]:active .ui-icon > * { fill: #D83544; } .holder-search-form input[type^="text"], .holder-search-form input[type^="search"] { display: inline-block; background-color: #e7e7e7; } /*! * fixes to typeboost.css * modularscale.com * @see {@link https://github.com/modularscale/modularscale-sass} * ---------------- * $ms-base: 1em; * $ms-ratio: 1.5,1.1; * ---------------- * ms(16) / 3.452em * ms(15) / 3.375em * ms(14) / 3.138em * ms(13) / 2.853em * ms(12) / 2.594em * ms(11) / 2.358em * ms(10) / 2.25em * ms(9) / 2.144em * ms(8) / 1.949em * ms(7) / 1.772em * ms(6) / 1.611em * ms(5) / 1.500em * ms(4) / 1.464em * ms(3) / 1.331em * ms(2) / 1.21em * ms(1) / 1.1em * ms(0) / 1em * ms(-1) / 0.909em * ms(-2) / 0.826em * ms(-3) / 0.751em * ms(-4) / 0.683em * ms(-5) / 0.667em * ms(-6) / 0.621em */ #h1 { margin-top: 0; margin-bottom: 0.533rem; } .col h2 a, .col h2 a:focus, .col h2 a:hover, .col h2 a:active, .col h2 a:visited { color: inherit; } .col h2 + div form p:first-child { margin-top: 0; } .col a { font-weight: inherit; color: #1467bd; } .col a:focus, .col a:hover, .col a:active { color: #3585d8; } .col a:visited { color: #9b9b9b; } .col p.subhead { font-size: 1.2rem; line-height: 1.6rem; } .col dl dt a { color: inherit; border-bottom-color: inherit; border-bottom-style: solid; border-bottom-width: 0.067rem; } .col dl dt a:focus, .col dl dt a:hover, .col dl dt a:active { color: inherit; } .col img, .col svg, .col canvas, .col video, .col textarea { width: 100%; } .col img.inline { width: auto; } .col img.data-src-img, .col img[data-src] { opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .col img.data-src-img, .col img[data-src], .col iframe.data-src-iframe, .col iframe[data-src] { background-color: #f2f2f2; } .col img.data-src-img.is-active, .col img[data-src].is-active { opacity: 1; } .col figcaption { font-size: 0.933rem; line-height: 1.067rem; margin-top: 0.267rem; } .col figcaption a, .col figcaption a:focus, .col figcaption a:hover, .col figcaption a:active, .col figcaption a:visited { color: inherit; } .col figcaption p { font-size: inherit; line-height: inherit; } .col img, .col svg, .col canvas { height: auto; } .col video, .col svg { display: block; padding: 0; } .col canvas { vertical-align: bottom; } .col .video-wrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; height: 0; } .col .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .col .soundcloud-wrapper iframe { display: block; width: 100%; height: 166px; } .holder-chapters-select + canvas { margin-top: 1.333rem; } .col table.respond { width: 100%; } .col table { border: none; border-top-width: 0.067rem; border-top-style: solid; border-top-color: #c3c3c3; border-right-width: 0.067rem; border-right-style: solid; border-right-color: #c3c3c3; border-left-width: 0.067rem; border-left-style: solid; border-left-color: #c3c3c3; } .col table th { border: none; border-bottom-width: 0.067rem; border-bottom-style: solid; border-bottom-color: #c3c3c3; } .col table td { border: none; border-bottom-width: 0.067rem; border-bottom-style: solid; border-bottom-color: #c3c3c3; } .col table td.with-img-only { padding: 0.533rem; } @media screen and (max-width: 640px) { .col table.respond { border: none; } .col table.respond td { display: block; } .col table.respond, .col table.respond tr, .col table.respond td { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .col table.respond tr { float: left; position: relative; border: 0.067rem solid #c3c3c3; border-bottom: none; margin-bottom: 1.333rem; } .col table.respond tr:last-child { margin-bottom: 0; } .col table.respond thead, .col table.respond tfoot { display: none; } .col table.respond td::before { display: block; float: left; content: attr(data-label); font-weight: bold; text-align: right; padding-right: 0.667rem; } } .col hr, .col .hr { height: 0.067rem; background-color: #c3c3c3; } .col .highlight { color: #d93d3d; } .col .phonetic { font-family: "Roboto Mono", "Source Code Pro", "Consolas", "Monaco", "Droid Sans Mono", "Inconsolata", monospace; } .col .phonetic, .col .italic { color: #000000; } .col .underline { text-decoration: none; border-bottom-width: 0.067rem; border-bottom-style: solid; border-bottom-color: inherit; } /*! * buttons */ .col div + .holder-bottom-navigation, .holder-bottom-navigation:first-child { margin-top: 1.333rem; } .col .btn-larger, .masonry-grid-wrapper .btn-larger { display: inline-block; height: 3.200rem; font-family: inherit; font-size: 0.933rem; font-weight: 400; line-height: 3.067rem; text-align: center; text-decoration: none; border: 0.067rem solid #1f1f1f; padding-right: 0.733rem; padding-left: 0.733rem; } .col .btn-larger i.fa, .col .btn-larger i.mi, .col .btn-larger i.mdi, .col .btn-larger i.material-icons { font-size: 0.800rem; line-height: 3.200rem; } .col .btn-primary, .col .btn-primary:focus, .col .btn-primary:visited, .col a.btn-primary, .col a.btn-primary:focus, .col a.btn-primary:visited, .masonry-grid-wrapper .btn-primary, .masonry-grid-wrapper .btn-primary:focus, .masonry-grid-wrapper .btn-primary:visited, .masonry-grid-wrapper a.btn-primary, .masonry-grid-wrapper a.btn-primary:focus, .masonry-grid-wrapper a.btn-primary:visited { color: #FFFFFF; background-color: #1f1f1f; border-color: #1f1f1f; } .col .btn-primary:hover, .col .btn-primary:active, .col a.btn-primary:hover, .col a.btn-primary:active, .masonry-grid-wrapper .btn-primary:hover, .masonry-grid-wrapper .btn-primary:active, .masonry-grid-wrapper a.btn-primary:hover, .masonry-grid-wrapper a.btn-primary:active { background-color: #000000; border-color: #000000; } .col .btn-secondary, .col .btn-secondary:focus, .col .btn-secondary:visited, .col a.btn-secondary, .col a.btn-secondary:focus, .col a.btn-secondary:visited, .masonry-grid-wrapper .btn-secondary, .masonry-grid-wrapper .btn-secondary:focus, .masonry-grid-wrapper .btn-secondary:visited, .masonry-grid-wrapper a.btn-secondary, .masonry-grid-wrapper a.btn-secondary:focus, .masonry-grid-wrapper a.btn-secondary:visited { color: #191919; background-color: #cccccc; border-color: #cccccc; } .col .btn-secondary:hover, .col .btn-secondary:active, .col a.btn-secondary:hover, .col a.btn-secondary:active, .masonry-grid-wrapper .btn-secondary:hover, .masonry-grid-wrapper .btn-secondary:active, .masonry-grid-wrapper a.btn-secondary:hover, .masonry-grid-wrapper a.btn-secondary:active { color: #191919; background-color: #cccccc; border-color: #767676; } .col .btn-link, .col .btn-link:focus, .col .btn-link:visited, .col a.btn-link, .col a.btn-link:focus, .col a.btn-link:visited { color: #191919; background-color: transparent; border-color: #cccccc; } .col .btn-link:hover, .col .btn-link:active, .col a.btn-link:hover, .col a.btn-link:active { color: #191919; background-color: #cccccc; border-color: #767676; } /*! * aside block */ .col .aside { display: block; background-color: #f2f2f2; padding: 1.333rem 1.333rem; } .col .aside *:first-child { margin-top: 0; } .col .aside *:last-child { margin-bottom: 0; } .col .aside p { font-size: 0.933rem; line-height: 1.067rem; } .col .aside h2 { font-size: 1.2rem; line-height: 1.6rem; } .col p + .aside { margin-top: 1.333rem; } .col .aside.hide { display: none; } /*! * fix width for hint.css * where hint class sets display inline block */ [class^="hint--"], [class*=" hint--"] { display: block; } /*! * chapters select */ .holder-chapters-select { display: block; width: 100%; text-align: left; } .holder-chapters-select .chapters-select { display: block; width: 100%; height: 3.200rem; font-family: inherit; font-size: 0.933rem; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; background-color: #F2F2F2; appearance: none; -webkit-tap-highlight-color: transparent; outline: none; padding-right: 0.667rem; padding-left: 0.667rem; margin: 0; } .holder-chapters-select .chapters-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000000; } .holder-chapters-select .chapters-select::-ms-expand { display: none; } .holder-chapters-select .chapters-select::-ms-value { background: none; color: inherit; } /*! * fix select border for electron and nw */ .holder-chapters-select .chapters-select, .holder-chapters-select .chapters-select:focus, .holder-chapters-select .chapters-select:hover, .holder-chapters-select .chapters-select:active { border: 0.067rem solid #F2F2F2; } .holder-chapters-select .chapters-list-button { width: 100%; } .holder-chapters-select .chapters-list { width: 100%; /* simple grid padding 1.333rem */ max-width: calc(720px - 2.667rem); } @media only screen and (max-width: 800px) { .holder-chapters-select .chapters-list { width: 100%; /* simple grid padding 0.800rem */ max-width: calc(100% - 1.600rem); } } /*! * chapters select replacement with list */ .holder-chapters-select .chapters-list { max-height: 0; position: absolute; list-style: none; font-size: 0.933rem; overflow-x: hidden; overflow-y: auto; box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); transition: max-height 0.2s linear; padding: 0; margin: 0; z-index: 1; } .holder-chapters-select .chapters-list.is-active { max-height: 16.000rem; } .holder-chapters-select .chapters-list li { height: 3.200rem; line-height: 3.200rem; background-color: #E6E6E6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 0.733rem; padding-left: 0.733rem; } .holder-chapters-select .chapters-list li:hover { background-color: #CCCCCC; cursor: default; } .holder-chapters-select .chapters-list li:first-child { display: none; } .holder-chapters-select .chapters-list-button { display: inline-block; height: 3.200rem; font-size: 0.933rem; font-weight: 400; line-height: 3.200rem; text-align: left; color: #191919; background-color: #E6E6E6; padding-right: 0.733rem; padding-left: 0.733rem; outline: none; cursor: pointer; border: 0; } .holder-chapters-select .chapters-list-button:focus, .holder-chapters-select .chapters-list-button:hover, .holder-chapters-select .chapters-list-button:active, .holder-chapters-select .chapters-list-button:visited { text-decoration: none; color: #191919; background-color: #E6E6E6; border: 0; } /*! * reset for svg icon */ .holder-chapters-select .chapters-list-button .ui-icon { display: inline-block; width: 0.429em; height: 0.429em; float: right; position: relative; top: 1.400em; right: 0; margin: 0; pointer-events: none; } .holder-chapters-select .chapters-list-button .ui-icon > * { fill: #191919; } /*! * expanding layer */ .col .btn-expand-hidden-layer { -webkit-tap-highlight-color: transparent; outline: none; user-select: none; cursor: pointer; } .col .btn-expand-hidden-layer .ui-icon { display: inline-block; width: 0.400em; height: 0.400em; margin-bottom: 0.167em; } .col .btn-expand-hidden-layer.is-active .ui-icon { content: ""; transform: rotate(180deg); } .col .btn-expand-hidden-layer .ui-icon > * { fill: #191919; } .col .holder-hidden-layer { max-height: 100%; position: relative; transition: all 0.2s ease-out; overflow-y: hidden; } .js .col .holder-hidden-layer { max-height: 0; overflow: hidden; } .col .holder-hidden-layer.is-active, .legacy .col .holder-hidden-layer { max-height: 100%; overflow-y: hidden; } .col .holder-btn-expand-hidden-layer + .holder-hidden-layer.is-active, .legacy .col .holder-btn-expand-hidden-layer + .holder-hidden-layer { margin-top: 0.533rem; } .col .holder-hidden-layer h3:first-child, .col .holder-hidden-layer p:first-child, .col .holder-hidden-layer table:first-child, .col .holder-hidden-layer ol:first-child, .col .holder-hidden-layer ul:first-child { margin-top: 0; } .col .holder-hidden-layer p:last-child, .col .holder-hidden-layer table:last-child, .col .holder-hidden-layer ol:last-child, .col .holder-hidden-layer ul:last-child { margin-bottom: 0; } /*! * modified github.com/tristen/tablesort * tristen.ca/tablesort/demo/ */ .col table th.sort-header::-moz-selection { background: transparent; } .col table th.sort-header::selection { background: transparent; } .col table th.sort-header { cursor: pointer; } .col table th.sort-up:after { border-bottom: none; border-width: 0; } /*! * footer */ .col .footer { border-top: 0.067rem solid #c3c3c3; } .col .footer p { font-size: 0.933rem; line-height: 1.333rem; } .col .footer a { color: #616161; border-bottom-width: 0.067rem; border-bottom-style: solid; border-bottom-color: #616161; } .col .footer a:hover, .col .footer a:active, .col .footer a:focus { color: #616161; } /*! * ya-share2 * yandex.ru/blog/share/kak-uvelichit-shrift-tsifr-sch-tchika#comment-add */ #ya-share2 .ya-share2__icon { height: 3.200rem; width: 3.200rem; background-size: 3.2rem 3.200rem; } #ya-share2 .ya-share2__title { width: 0; height: 0; overflow: hidden; } #ya-share2 .ya-share2__item { margin: 0; } #ya-share2 .ya-share2__badge { border-radius: 0; } /*! * pluso, yashare */ .ya-share2 { display: inline-block; visibility: hidden; opacity: 0; position: fixed; right: 3.200rem; bottom: 0; -webkit-box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); -webkit-transition: visibility 0s, opacity 0.2s ease; transition: visibility 0s, opacity 0.2s ease; } .ya-share2.is-active { visibility: visible; opacity: 1; } .btn-share-buttons { display: block; width: 3.200rem; height: 3.200rem; position: fixed; bottom: 0; right: 3.200rem; font-size: 0; background-color: #e6e6e6; outline: none; cursor: pointer; border: 0; } .btn-share-buttons .ui-icon { display: block; width: 3.200rem; height: 3.200rem; /*! @see {@link https://www.w3.org/Style/Examples/007/center.en.html#hv3} */ margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .btn-share-buttons .ui-icon > * { fill: #767676; } /*! * vk-like */ .holder-vk-like { display: block; visibility: hidden; opacity: 0; overflow: hidden; height: 3.200rem; position: fixed; right: 6.400rem; bottom: 0; line-height: 0; -webkit-transition: visibility 0s, opacity 0.2s ease; transition: visibility 0s, opacity 0.2s ease; background-color: #5181B8; -webkit-box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); z-index: 1; } .holder-vk-like.is-active { visibility: visible; opacity: 1; } .vk-like { display: inline-block; height: 24px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0 0 0 0.667rem; line-height: 0; } .btn-show-vk-like { display: block; width: 3.200rem; height: 3.200rem; position: fixed; bottom: 0; right: 6.400rem; font-size: 0; background-color: #e6e6e6; outline: none; cursor: pointer; border: 0; } .btn-show-vk-like .ui-icon { display: block; width: 3.200rem; height: 3.200rem; /*! @see {@link https://www.w3.org/Style/Examples/007/center.en.html#hv3} */ margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .btn-show-vk-like .ui-icon > * { fill: #767676; } /*! * @see {@link https://github.com/sksmatt/UItoTop-jQuery-Plugin/} */ .btn-totop { display: none; width: 3.200rem; height: 3.200rem; position: fixed; bottom: 0; right: 0; background-color: #e6e6e6; outline: none; cursor: pointer; border: 0; } .btn-totop .ui-icon { display: block; width: 3.200rem; height: 3.200rem; /*! @see {@link https://www.w3.org/Style/Examples/007/center.en.html#hv3} */ margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .btn-totop.is-active { display: block; } .btn-totop .ui-icon > * { fill: #767676; } /*! * @see {@link https://github.com/lukehaas/css-loaders} * projects.lukehaas.me/css-loaders/ * size of a loader dependent on font size */ .loading-spinner--is-active .loading-spinner { font-size: 0.5em; position: fixed; top: 50%; left: 50%; margin: -5em 0 0 -5em; text-indent: -9999em; border-top: 1em solid rgba(220, 220, 220, 0.5); border-right: 1em solid rgba(220, 220, 220, 0.5); border-bottom: 1em solid rgba(220, 220, 220, 0.5); border-left: 1em solid rgba(218, 53, 60, 0.8); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; z-index: 1000000; } .loading-spinner--is-active .loading-spinner, .loading-spinner--is-active .loading-spinner:after { border-radius: 50%; width: 10em; height: 10em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! * location qr code */ .holder-location-qrcode { display: block; width: 100%; float: left; text-align: left; background-color: #FFFFFF; } .holder-location-qrcode .qr-code-img, .holder-location-qrcode img { display: block; width: 9.6rem; height: 9.6rem; background-color: transparent; background-size: 9.6rem 9.6rem; border: 0; vertical-align: bottom; padding: 0; margin: 0; } /*! * notifier42 * inspired by github.com/mlcheng/js-toast */ .notifier42 { display: block; opacity: 0; /* width: calc(100% - 6.400rem); */ width: 100%; /* min-height: 3.200rem; */ position: fixed; bottom: 0; left: 0; font-size: 0.933rem; line-height: 1.333rem; text-align: center; word-break: keep-all; color: rgba(255, 255, 255, 0.9); background-color: rgba(25, 25, 25, 0.9); -webkit-box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); padding: 0; margin: 0 auto; cursor: pointer; } .notifier42.animated { padding: 0.933rem 3.200rem; min-height: 3.200rem; } .notifier42.notice { background-color: rgba(25, 25, 25, 0.9); } .notifier42.warning { background-color: rgba(25, 25, 25, 0.9); } .notifier42.error { background-color: rgba(25, 25, 25, 0.9); } .notifier42.success { background-color: rgba(25, 25, 25, 0.9); } /*! * reset for animate.css * daneden.github.io/animate.css/ */ .notifier42.animated { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*! * download app btn */ .btn-download-app { display: block; width: 10.2rem; height: 3.467rem; position: fixed; top: 3.6rem; right: 0.4rem; background-position: left top; background-repeat: no-repeat; background-size: 10.2rem 3.6rem; -webkit-box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); box-shadow: 0.133rem 0.133rem 0.133rem 0 rgba(50, 50, 50, 0.3); } /*! * reset for animate.css * daneden.github.io/animate.css/ */ .btn-download-app.animated { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*! * iframe-lightbox * hide default css preloader */ .iframe-lightbox .content > .body .half-circle-spinner { display: none; } .iframe-lightbox iframe { -webkit-box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(3, 3, 3, 0.3); box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(3, 3, 3, 0.3); } /*! * img-lightbox * hide default css preloader * daneden.github.io/animate.css/ */ .img-lightbox .half-circle-spinner { display: none; } .img-lightbox img { -webkit-box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(3, 3, 3, 0.3); box-shadow: 0.25rem 0.25rem 0.25rem 0 rgba(3, 3, 3, 0.3); } /*! * disqus */ #disqus_thread { background-color: #f2f2f2; } #disqus_thread.is-active iframe { margin-top: 0.533rem; padding-right: 1.333rem; padding-left: 1.333rem; } /*! * @see {@link https://gist.github.com/englishextra/40b7c4ffde33bfb58aff259afe229d6a} */ /*------------------------------------------ Foundation Media Queries http://foundation.zurb.com/docs/media-queries.html --------------------------------------------*/ /* Small screens - MOBILE */ @media only screen { html { font-size: 12px; } } /* Define mobile styles - Mobile First */ @media only screen and (max-width: 40em) { html { font-size: 13px; } } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens - TABLET */ @media only screen and (min-width: 40.063em) { html { font-size: 13px; } } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { html { font-size: 15px; } } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /* Large screens - DESKTOP */ @media only screen and (min-width: 64.063em) { html { font-size: 15px; } } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { html { font-size: 15px; } } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */ @media only screen and (min-width: 90.063em) { html { font-size: 15px; } } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { html { font-size: 18px; } } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /* XXLarge screens */ @media only screen and (min-width: 120.063em) { html { font-size: 19px; } } /* min-width 1921px, xlarge screens */ /*! @import "print"; */ /*! * @see {@link https://gist.github.com/englishextra/cdd503793392281a8a0c} * jafferhaider.wordpress.com/2007/12/29/fix-for-the-firefoxcss-one-page-printing-bug/ * html,body {height: auto;} * body{overflow-x: visible;} * .col .holder-hidden-layer,.js .col .holder-hidden-layer {max-height: 100%;overflow-y: visible;} * .container .content-wrapper,.app-content .content-wrapper {position: relative;} */ @media print { html, body { height: auto; } html { font-size: 100%; margin: 0; padding: 0; } body { font-family: "Segoe Pro SemiLight", "Segoe UI SemiLight", sans-serif; font-weight: normal; font-size: 11pt; line-height: 1.4; color: Black; overflow-x: visible; margin: 0; padding: 0; } a, .col a { font-family: "Segoe Pro", "Segoe UI", sans-serif; font-weight: normal; text-decoration: none; color: inherit; border-bottom: none; } p a[href^="http"]:after, .col p a[href^="http"]:after, table td a[href^="http"]:after, .col table td a[href^="http"]:after { content: " <" attr(href) ">"; color: #1467bd; } h1, .col h1 { font-family: "Cambria", "Georgia", serif; font-weight: normal; font-size: 42pt; line-height: 1.250; color: inherit; margin-top: 0; } h2, .col h2 { font-family: "Segoe Pro SemiLight", "Segoe UI SemiLight", sans-serif; font-weight: normal; font-size: 20pt; line-height: 1.250; } h3, .col h3 { font-family: "Segoe Pro SemiBold", "Segoe UI SemiBold", sans-serif; font-weight: normal; font-size: 13pt; line-height: 1.250; } h4, .col h4 { font-family: "Segoe Pro", "Segoe UI", sans-serif; font-weight: normal; font-size: 12pt; line-height: 1.250; text-transform: uppercase; letter-spacing: 0.5pt; } p, .col p { font-family: "Segoe Pro SemiLight", "Segoe UI SemiLight", sans-serif; font-weight: normal; font-size: 11pt; } b, strong, .bolder, .col b, .col strong, .col .bolder { font-family: "Segoe Pro SemiBold", "Segoe UI SemiBold", sans-serif; font-weight: normal; } i, em, blockquote, .italic, .col i, .col em, .col blockquote, .col .italic { font-family: "Segoe Pro", "Segoe UI", sans-serif; font-weight: normal; font-style: italic; } table, .col table { border-collapse: collapse; border: none; border-top-width: 0.067rem; border-top-style: solid; border-top-color: inherit; border-right-width: 0.067rem; border-right-style: solid; border-right-color: inherit; border-left-width: 0.067rem; border-left-style: solid; border-left-color: inherit; margin-left: 1pt; } table caption, .col table caption { font-size: 10pt; } table tr, .col table tr { background-color: transparent; } table tr:nth-of-type(odd), .col table tr:nth-of-type(odd) { background-color: transparent; } table td, table th, .col table td, .col table th { font-size: 10pt; padding: 5pt; vertical-align: top; border-collapse: collapse; } table th, .col table th { font-family: "Segoe Pro SemiBold", "Segoe UI SemiBold", sans-serif; font-weight: normal; text-align: left; border: none; border-bottom-width: 0.75pt; border-bottom-style: solid; border-bottom-color: inherit; background-color: transparent; } table td, .col table td { font-family: "Segoe Pro SemiLight", "Segoe UI SemiLight", sans-serif; font-weight: normal; border: none; border-bottom-width: 0.75pt; border-bottom-style: solid; border-bottom-color: inherit; } table td ol, table td ul, .col table td ol, .col table td ul { margin: 0; } [id^="video"], [id*=" video"], [id^="audio"], [id*=" audio"], h2[id^="a0"], form, .col form, select, .col select, textarea, .col textarea, input, .col input, button, .col button, .header, .footer, .stripe-top, .ui-sidepanel, .btn-toggle-ui-sidepanel, .ui-sidebar, .ui-menumore, .btn-toggle-ui-menumore, .ui-panel-top, .holder-btn-nav-menu, .btn-nav-menu, .panel-nav-menu, .btn-menu-more, .holder-select, .holder-search-form, .col a.btn-larger, .col button.btn-larger, .btn-expand-hidden-layer:after, .btn-show-disqus, .btn-show-disqus:after, .btn-show-vk-like, .holder-data-src-iframe, .data-src-iframe, .holder-data-src-img, .data-src-img, .holder-data-qrcode-img, .data-qrcode-img, .vk-like, .btn-cc-by-nd-88x31, .pswp, .share-buttons, .pluso, .ya-share2, .ui-pnotify, .btn-totop, #progress, #disqus_thread { display: none; } .btn-download-app, #vkwidget1_tt { display: none; opacity: 0; } .col .holder-hidden-layer, .js .col .holder-hidden-layer { max-height: 100%; overflow-y: visible; } .holder-panel-menu-more { display: block; position: static; top: 0; left: 0; color: transparent; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } .panel-menu-more li a { display: none; } .location-qr-code { display: block; } .masonry-grid { width: 100%; } .masonry-grid-item { float: none; width: 100%; -webkit-box-shadow: none; box-shadow: none; } blockquote, .blockquote, .col .blockquote { margin-left: 16pt; } address, .address, .col .address { font-size: 10pt; text-align: right; } .highlight, .col .highlight, .main .col .highlight { font-family: "Segoe Pro SemiBold", "Segoe UI SemiBold", sans-serif; font-weight: normal; color: inherit; } a.reflink { color: DimGray; } .phonetic, .col .phonetic { font-family: "Segoe Pro", "Segoe UI", sans-serif; } /* .page, .container, */ .container .content-wrapper, .app-content .content-wrapper { position: relative; } #btn-totop { display: none; } }