/* HTML5 ✰ Boilerplate * ==|== reset ========================================================== */ /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { box-sizing: border-box; } * { box-sizing: border-box; } /* ==|== non-semantic helper classes ======================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: ""; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .clearfix, .container, .container-fluid, .row { zoom: 1; } .debug *[class*=col] { box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, 0.2); } .debug *[class*=row] { box-shadow: 0px 0px 0px 1px rgba(0, 255, 0, 0.2); } .debug div { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05); } .debug .col-md-1:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-1"; } .debug .col-md-2:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-2"; } .debug .col-md-3:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-3"; } .debug .col-md-4:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-4"; } .debug .col-md-5:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-5"; } .debug .col-md-6:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-6"; } .debug .col-md-7:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-7"; } .debug .col-md-8:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-8"; } .debug .col-md-9:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-9"; } .debug .col-md-10:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-10"; } .debug .col-md-11:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-11"; } .debug .col-md-12:before { position: absolute; top: 0; left: 0; background: #999999; opacity: 0.5; padding: 5px; color: white; content: "col-md-12"; } .flex($values) { flex: $values; } .order($val) { order: $val; } .color-pencil { color: rgba(70, 60, 55, 0.9); } .color-pencil-hard { color: rgba(30, 20, 15, 0.8); } .color-typewriter { color: rgba(20, 0, 40, 0.8); } .color-typewriter a { color: inherit; } /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 650px; } } @media (min-width: 992px) { .container { width: 870px; } } @media (min-width: 1440px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: 0%; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: 0%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: 0%; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: 0%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1440px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: 0%; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: 0%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix, .container, .container-fluid, .row { zoom: 1; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-xs.visible-sm { display: block !important; } table.visible-xs.visible-sm { display: table; } tr.visible-xs.visible-sm { display: table-row !important; } th.visible-xs.visible-sm, td.visible-xs.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1439px) { .visible-xs.visible-md { display: block !important; } table.visible-xs.visible-md { display: table; } tr.visible-xs.visible-md { display: table-row !important; } th.visible-xs.visible-md, td.visible-xs.visible-md { display: table-cell !important; } } @media (min-width: 1440px) { .visible-xs.visible-lg { display: block !important; } table.visible-xs.visible-lg { display: table; } tr.visible-xs.visible-lg { display: table-row !important; } th.visible-xs.visible-lg, td.visible-xs.visible-lg { display: table-cell !important; } } .visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm { display: none !important; } @media (max-width: 767px) { .visible-sm.visible-xs { display: block !important; } table.visible-sm.visible-xs { display: table; } tr.visible-sm.visible-xs { display: table-row !important; } th.visible-sm.visible-xs, td.visible-sm.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1439px) { .visible-sm.visible-md { display: block !important; } table.visible-sm.visible-md { display: table; } tr.visible-sm.visible-md { display: table-row !important; } th.visible-sm.visible-md, td.visible-sm.visible-md { display: table-cell !important; } } @media (min-width: 1440px) { .visible-sm.visible-lg { display: block !important; } table.visible-sm.visible-lg { display: table; } tr.visible-sm.visible-lg { display: table-row !important; } th.visible-sm.visible-lg, td.visible-sm.visible-lg { display: table-cell !important; } } .visible-md, tr.visible-md, th.visible-md, td.visible-md { display: none !important; } @media (max-width: 767px) { .visible-md.visible-xs { display: block !important; } table.visible-md.visible-xs { display: table; } tr.visible-md.visible-xs { display: table-row !important; } th.visible-md.visible-xs, td.visible-md.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-md.visible-sm { display: block !important; } table.visible-md.visible-sm { display: table; } tr.visible-md.visible-sm { display: table-row !important; } th.visible-md.visible-sm, td.visible-md.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1439px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1440px) { .visible-md.visible-lg { display: block !important; } table.visible-md.visible-lg { display: table; } tr.visible-md.visible-lg { display: table-row !important; } th.visible-md.visible-lg, td.visible-md.visible-lg { display: table-cell !important; } } .visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg { display: none !important; } @media (max-width: 767px) { .visible-lg.visible-xs { display: block !important; } table.visible-lg.visible-xs { display: table; } tr.visible-lg.visible-xs { display: table-row !important; } th.visible-lg.visible-xs, td.visible-lg.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-lg.visible-sm { display: block !important; } table.visible-lg.visible-sm { display: table; } tr.visible-lg.visible-sm { display: table-row !important; } th.visible-lg.visible-sm, td.visible-lg.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1439px) { .visible-lg.visible-md { display: block !important; } table.visible-lg.visible-md { display: table; } tr.visible-lg.visible-md { display: table-row !important; } th.visible-lg.visible-md, td.visible-lg.visible-md { display: table-cell !important; } } @media (min-width: 1440px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } .hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1439px) { .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1440px) { .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } table.hidden-sm { display: table; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1439px) { .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1440px) { .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } table.hidden-md { display: table; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1439px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1440px) { .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } table.hidden-lg { display: table; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1439px) { .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1440px) { .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print, th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } } html { height: 100%; } body { width: 100%; height: 100%; background: #ffffff; color: #000000; font-family: Helvetica, sans-serif; font-size: 10pt; font-weight: 100; transition: all 0.3s; } .main-wrapper { width: 90%; max-width: 1300px; height: 100%; display: block; margin: auto; } .gen-wrapper { height: 100%; padding: 50px 0 0 0; } a { color: #999999; text-decoration: none; } a:hover { color: #000000; } .current-menu-item-ajax { color: #000000; } .video-thumb .current-menu-item-ajax .thumb-container { opacity: .6; } .current { color: #000000; } .current-category-ancestor a, .current-menu-item a, .current-menu-parent a { color: #000000; } .home .current-menu-item { color: #000000; } .date .menu1 li:first-child a { color: #000000; } .date .auto-current li:first-child, .date .auto-current a:first-child { color: #000000; } .date .auto-current .video-thumb:first-child .thumb-container { opacity: .6; } li { list-style: none; } .main-title { height: 57px; } .main-title a { opacity: 1; } .contacts { display: flex; align-items: flex-end; gap: 1vw; margin-top: -4px; } .vimeo-logo { width: 40px; display: inline-block; margin: 0 0px 0 10px; } .links a { color: #000000; text-decoration: none; opacity: .5; transition: all .5s; -webkit-transition: all .3s; } .links a:hover { opacity: 1; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0; } /*form { float: right; } form p { line-height: 10pt; } input { padding: 0; vertical-align: bottom; height: 11pt; border: none; color: #ffffff; background-color: #999999; padding-left: 3px; padding-right: 3px; } input::-webkit-input-placeholder { color: #ffffff; opacity: 1; } input:-moz-placeholder { color: #ffffff; opacity: 1; } input::-moz-placeholder { color: #ffffff; opacity: 1; } input:-ms-input-placeholder { color: #ffffff; opacity: 1; } .input-mail { margin-right: 1px; font-size: 8pt; margin-right: -3px; } .input-button { font-weight: 900; padding-left: 3px; padding-right: 3px; } */ @media (max-width: 767px) { .title-infos-wrapper { margin: auto; width: 251px; } .infos { margin-bottom: 5px; font-size: 8.5pt; } .infos div { display: inline-block; } .mail { float: right; } .tel { float: right; } .contacts { width: 221px; line-height: 12pt; margin-bottom: 8px; } .contacts b { float: left; } .contacts a { display: inline-block; float: right; vertical-align: top; } .contacts a:nth-child(3n) { float: left; } .links .as-link, .links .vimeo-logo { display: none; } .links .as-link-small, .links .vimeo-small-logo { display: inline-block; margin-right: 4px; } .links .as-link-small img, .links .vimeo-small-logo img { background-color: #999; padding: 3px; border-radius: 5px; } .links .as-link-small img { width: 32px; } .links .vimeo-small-logo img { height: 19px; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before{ display: flex; justify-content: center; align-items: center; } } @media (min-width: 768px) and (max-width: 991px) { .title-infos-wrapper { width: 100%; } .infos { margin-bottom: 5px; font-size: 8.5pt; } .infos div { display: inline-block; } .mail { float: right; } .tel { float: right; } .contacts { width: 221px; line-height: 12pt; margin-bottom: 8px; } .contacts b { float: left; } .contacts a { display: inline-block; float: right; vertical-align: top; } .contacts a:nth-child(3n) { float: left; } .links .as-link, .links .vimeo-logo { display: none; } .links .as-link-small, .links .vimeo-small-logo { display: inline-block; margin-right: 4px; } .links .as-link-small img, .links .vimeo-small-logo img { background-color: #999; padding: 3px; border-radius: 5px; } .links .as-link-small img { width: 32px; } .links .vimeo-small-logo img { height: 19px; } } @media (min-width: 992px) { .title-infos-wrapper { width: 100%; } .infos { height: 57px; margin-bottom: 0; } .contacts div { display: inline-block; } .links { float: right; margin-top: -5px; } .links .as-link, .links .vimeo-logo { display: none; } .links .as-link-small, .links .vimeo-small-logo { display: inline-block; } .links .as-link-small img, .links .vimeo-small-logo img { background-color: #999; padding: 3px; border-radius: 5px; } .links .as-link-small img { width: 32px; } .links .vimeo-small-logo img { height: 19px; } } @media (min-width: 1440px) { .links { margin-top: 0; } .links .as-link-small, .links .vimeo-small-logo { display: none; } .links .as-link, .links .vimeo-logo { display: inline-block; } } .video-container { background: #000; overflow: visible; margin-bottom: -2px; } .video-js { animation: appear .7s; -webkit-animation: appear .7s; } @media (max-width: 767px) { .video-gen-container { margin-top: 10px; } .date .video-gen-container, .category .video-gen-container { display: none; } .vjs-big-play-button { display: none; } } .no-scroll { overflow: hidden; } video { overflow: hidden; } .video-js { width: 100%; height: 100%; background-color: transparent; } .video-js .vjs-tech { position: static; width: 100%; height: 100%; } .video-caption { font-weight: 100; color: #000000; } .video-caption p { color: #999999; line-height: 1.2em; } @media (min-width: 992px) { .video-gen-container { margin-top: -41px; } } .print-container { height: 100%; text-align: center; background: #000; width: 100%; } .print-container .middle { height: 100%; display: inline-block; vertical-align: middle; } .print-container .print-archive { display: inline-block; vertical-align: middle; width: 70%; } @media (max-width: 767px) { .print-container { padding-bottom: 20px; width: 100%; } .print-container .middle { display: none; } .print-container .print-archive { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .single-print .navigation { margin-bottom: 20px; } .print-container { text-align: center; padding-bottom: 20px; } } .video-grid { overflow-y: scroll; margin-top: 2px; } .video-thumb { margin-bottom: 2px; } .video-thumb .thumb-container { opacity: 1; height: 100%; background-color: #333; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .video-thumb .thumb-container:hover { opacity: .6; } .video-thumb .current-menu-item { opacity: .6; } @media (min-width: 768px) { .cale { display: none; } .video-thumb:nth-child(4n) { padding-right: 0; padding-left: 1px; } .video-thumb:nth-child(4n-1) { padding-left: 1px; padding-right: 1px; } .video-thumb:nth-child(4n-2) { padding-left: 1px; padding-right: 1px; } .video-thumb:nth-child(4n-3) { padding-left: 0; padding-right: 1px; } } @media (min-width: 992px) { .cale { display: block; } .video-thumb { height: 60px; } .video-thumb:nth-child(6n) { padding-right: 0; padding-left: 1px; } .video-thumb:nth-child(6n-1) { padding-left: 1px; padding-right: 1px; } .video-thumb:nth-child(6n-2) { padding-left: 1px; padding-right: 1px; } .video-thumb:nth-child(6n-3) { padding-left: 1px; padding-right: 1px; } .video-thumb:nth-child(6n-4) { padding-left: 1px; padding-right: 1px; } .video-thumb:nth-child(6n-5) { padding-left: 0; padding-right: 1px; } .video-grid { display: inline-block; height: 50%; } } @media (min-width: 1440px) { .video-grid { height: 34%; } } .print-grid { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .print-grid .print-thumb { margin-bottom: 1px; opacity: 0; } .print-grid .print-thumb .thumb-container { height: 100%; width: 100%; text-align: center; } @media (max-width: 767px) { .print-grid { display: none; padding: 0; } .menu-mask .print-grid { display: block; overflow: hidden; } } @media (min-width: 768px) { .cale { display: none; } .print-grid { display: block; height: 85%; } .menu-mask .print-grid { display: none; } .print-thumb { padding: 0; } } @media (min-width: 992px) { .cale { display: block; } .print-grid { margin-top: -43px; overflow-y: scroll; } } @media (min-width: 1440px) { .print-grid { height: 94%; } .print-thumb:nth-child(odd) { padding-left: 0; padding-right: 2px; } .print-thumb:nth-child(even) { padding-left: 2px; padding-right: 0; } } .menu2 li { margin-bottom: 5px; } .menu3 a { margin-bottom: 5px; opacity: 0; } .menu3 ul a { margin-bottom: 5px; } .auto-current a { opacity: 0; } .backtomenu { display: none; } .menu-mask { padding: 0; } @media (max-width: 767px) { .navigation { margin-top: 0px; margin-bottom: 20px; } .menu1 { float: none; text-align: center; margin-bottom: 20px; } .menu1 li { display: inline-block; margin-left: 3px; margin-right: 3px; } .menu1 li a { font-size: 15pt; } .menu2 { margin-top: 20px; text-align: right; font-size: 12pt; padding-left: 0; /* height: 100%; */ } .menu2, .menu3 { padding-bottom: 40px; -webkit-overflow-scrolling: touch; overflow-y: scroll; } .menu2 a, .menu3 a { color: #ffffff; } .menu2 a:hover, .menu3 a:hover { color: #ffffff; } .menu3 { margin-top: 20px; font-size: 12pt; padding-right: 0; height: 100%; } .lg-screen-menu3 { display: none; } .menu-mask { position: fixed; top: 170px; bottom: 0; left: 0; right: 0; z-index: 1; background: #000000; overflow-y: scroll; } .menu-mask .current-menu-item { color: #FFF; } .parent-category-videos .menu-mask, .parent-category-prints .menu-mask { top: 170px; } .video-grid { display: none; } .home .menu1, .date .menu1 { margin-bottom: 0px; } .home .menu-mask .menu2, .date .menu-mask .menu2, .home .menu-mask .menu3, .date .menu-mask .menu3 { overflow-y: scroll; } .home .menu-mask .menu2 a, .date .menu-mask .menu2 a, .home .menu-mask .menu3 a, .date .menu-mask .menu3 a { color: #999999; } .home .menu-mask .menu2 .current-menu-item a, .date .menu-mask .menu2 .current-menu-item a, .home .menu-mask .menu3 .current-menu-item a, .date .menu-mask .menu3 .current-menu-item a { color: #ffffff; } .single .navigation { display: none; } .single .backtomenu { display: block; } .single .backtomenu .back-to-menu { display: block; width: 110px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 9pt; text-align: center; opacity: 1; color: #000000; } .single .video-container { display: block; } .navigate-in-prints { text-align: right; } .navigate-in-prints div a { display: inline-block; width: 20px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; color: #999; font-size: 9pt; text-align: center; background: #000; } .category-videos .menu-mask, .category-prints .menu-mask { display: none; } .parent-category-prints .menu-mask { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .parent-category-prints .menu2 { text-align: center; height: auto; padding-right: 0; padding-bottom: 10px; } } @media (min-width: 768px) { .navigation { margin-top: 0px; margin-bottom: 10px; padding-left: 0px; } .menu1 { float: left; font-size: 12pt; text-align: left; margin-bottom: 0; } .menu1 li { display: block; margin-right: ; margin-bottom: 2px; } .home .menu2, .menu3 { display: block; } .date #menu-item-166 { color: #000000; } .video-grid { display: inline-block; } .xs-screen-menu3 { display: none; } /* .category .menu3 { display: none; } */ } @media (min-width: 992px) { .navigation { margin-top: 20px; padding-left: 15px; } .title { padding-left: 15px; } .menu2, .menu3 { padding-left: 0; } .category .menu3 a { opacity: 0; } } @keyframes covermenu { 0% { top: 100%; } 100% { top: 170px; } } @-webkit-keyframes covermenu { 0% { top: 100%; } 100% { top: 170px; } } .back-to-menu { display: none; } @media (max-width: 767px) { .menu-mask a, .date a { color: #999999; } .menu-mask .menu2 li, .date .menu2 li, .menu-mask .menu3 li, .date .menu3 li { color: #999999; } .menu-mask .menu2 a, .date .menu2 a, .menu-mask .menu3 a, .date .menu3 a { color: #999999; } .menu-mask .current-menu-item-ajax, .date .current-menu-item-ajax { color: #ffffff; } .menu-mask .current, .date .current { color: #ffffff; } .menu-mask .current-category-ancestor a, .date .current-category-ancestor a, .menu-mask .current-menu-item a, .date .current-menu-item a, .menu-mask .current-menu-parent a, .date .current-menu-parent a { color: #ffffff; } } @media (max-width: 991px) { .gen-wrapper { padding-top: 20px; } } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } }