/* 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;
}
}