@charset "UTF-8";
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 {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

html {
    line-height: 1; }

ol,ul {
    list-style: none; }

table {
    border-collapse: collapse;
    border-spacing: 0; }

a img {
    border: none; }

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

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0; }

textarea {
    overflow: auto;
    vertical-align: top; }

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block; }

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* basic */
body {
    background: #fff;
    color: #000;
    font-family: 'Roboto',sans-serif;
    font-size: calc(12px + .5vw);
    font-weight: 300;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#page {
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 40px 40px; }

header {
    padding-bottom: 50px; }

header,
main {
    position: relative;
    z-index: 1; }

#archive {
    font-size: calc(9px + .5vw);
    font-weight: 500;
    position: absolute;
    top: 2em;
    left: -4em;
    text-transform: uppercase;
    /* rotate */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

#contact_layer {
    background: #9c9c9c;
    position: absolute;
    top: 0;
    right: 0;
    padding: .5em 0 0; }

#contact {
    color: #fff;
    font-size: calc(11px + .5vw);
    padding: 0 .3em;
    text-transform: uppercase; }

h1,.h1,
h2,.h2,
h3,.h3 {
    font-family: 'Roboto Slab',serif;
    font-weight: 100; }

h1,.h1,
h2,.h2 {
    font-size: calc(16px + 1vw); }

h3,.h3 {
    font-size: calc(12px + 1vw); }
/*
h1,h2,h3 {
    padding-bottom: .2em; }
*/
a {
    color: inherit;
    text-decoration: none; }

b,strong,.bold {
    font-weight: bold; }

p {
    padding-bottom: 1em; }

hr {
    border: 5px solid #9c9c9c;
    margin: 15px 0; }

img[data-src] {
    background: url(../img/icon_loading.gif) no-repeat center;
    background-size: 100%; }

img.responsive {
    display: block;
    max-width: 100%;
    height: auto; }

ul.thumbnails {
    margin: -15px;
    text-align: justify; }

ul.thumbnails li {
    display: inline-block;
    margin: 15px;
    vertical-align: middle; }

ul.thumbnails li a {
    display: block;
    line-height: 0; }

.fancybox-title {
    background: rgba(0,0,0,.8);
    padding: 0 5px; }

#toTop {
    background: url(../img/backTop.svg) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    font-size: calc(16px + 1vw);
    width: 2em;
    height: 2em;
    /*padding: 0 .5em;*/
    position: fixed;
    right: 3vw;
    bottom: 3vw;
    z-index: 10; }