/*
Title:     Inautilo CSS
Author:    mail@retolist.ch
Updated:   october 01 | 2019
Credits:   Hasan Ali (Montreal Design)
           Refaktor (Montreal Theme)
           Digital Surgeons (Gumby)
           Keyamoon (IcoMoon)
           Dave Gandy (Font Awesome)
           Daniel Bruce (Entypo)
           Jakob Eriksen (Encode SVG SCSS)
           Irene Ros (Pattern Fills)


/* Index
___________________________________ */

/*
Base
Fonts & resources
Margins & paddings
Headings & Text
Buttons & more
Grid Layout
Page Styles
Bar Navigation
Tab Navigation
Page Views
Slider
Popup
System
*/


/* Base
___________________________________ */

/* 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, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

html {
  font-family: wyvern, 'trebuchet ms', sans-serif;
  font-weight: 300;
  font-size: 62.5%;
  overflow-wrap: break-word;
}

/* HTML5 display-role reset for old browsers */
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;
}

a {
  outline: none;
  text-decoration: none;
}

button {
  cursor: pointer;
}

::selection {
  background: #4a7310;
}


/* Fonts & resources
___________________________________ */

@font-face {
  font-family: 'wyvern';
  src: url('/sites/all/themes/inautilo/fonts/wyvern-bold.eot');
  src: url('/sites/all/themes/inautilo/fonts/wyvern-bold.eot?#iefix') format('embedded-opentype'),
       url('/sites/all/themes/inautilo/fonts/wyvern-bold.woff2') format('woff2'),
       url('/sites/all/themes/inautilo/fonts/wyvern-bold.woff') format('woff'),
       url('/sites/all/themes/inautilo/fonts/wyvern-bold.ttf') format('truetype'),
       url('/sites/all/themes/inautilo/fonts/wyvern-bold.svg#wyvern-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'wyvern';
  src: url('/sites/all/themes/inautilo/fonts/wyvern-book.eot');
  src: url('/sites/all/themes/inautilo/fonts/wyvern-book.eot?#iefix') format('embedded-opentype'),
       url('/sites/all/themes/inautilo/fonts/wyvern-book.woff2') format('woff2'),
       url('/sites/all/themes/inautilo/fonts/wyvern-book.woff') format('woff'),
       url('/sites/all/themes/inautilo/fonts/wyvern-book.ttf') format('truetype'),
       url('/sites/all/themes/inautilo/fonts/wyvern-book.svg#wyvern-book') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'oswald';
  src: url('/sites/all/themes/inautilo/fonts/oswald-medium.eot');
  src: url('/sites/all/themes/inautilo/fonts/oswald-medium.eot?#iefix') format('embedded-opentype'),
       url('/sites/all/themes/inautilo/fonts/oswald-medium.woff2') format('woff2'),
       url('/sites/all/themes/inautilo/fonts/oswald-medium.woff') format('woff'),
       url('/sites/all/themes/inautilo/fonts/oswald-medium.ttf') format('truetype'),
       url('/sites/all/themes/inautilo/fonts/oswald-medium.svg#oswald-medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'oswald';
  src: url('/sites/all/themes/inautilo/fonts/oswald-lightitalic.eot');
  src: url('/sites/all/themes/inautilo/fonts/oswald-lightitalic.eot?#iefix') format('embedded-opentype'),
       url('/sites/all/themes/inautilo/fonts/oswald-lightitalic.woff2') format('woff2'),
       url('/sites/all/themes/inautilo/fonts/oswald-lightitalic.woff') format('woff'),
       url('/sites/all/themes/inautilo/fonts/oswald-lightitalic.ttf') format('truetype'),
       url('/sites/all/themes/inautilo/fonts/oswald-lightitalic.svg#oswald-extralightitalic') format('svg');
  font-weight: 300;
  font-style: italic;
}

.logo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 60 60'%3E%3Cellipse cx='40' cy='-5' rx='20' ry='30' transform='rotate(40)' fill='%23981b1b' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.stripes {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1JyBoZWlnaHQ9JzUnPgogIDxyZWN0IHdpZHRoPSc1JyBoZWlnaHQ9JzUnIGZpbGw9J3doaXRlJy8+CiAgPHBhdGggZD0nTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVonIHN0cm9rZT0nIzg4OCcgc3Ryb2tlLXdpZHRoPScxJy8+Cjwvc3ZnPg==");
  background-repeat: repeat;
}

.icon-sliders {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='28' viewBox='0 0 24 28'%3E %3Cpath fill='%23fff' d='M5.5 22v2h-5.5v-2h5.5zM11 20q0.406 0 0.703 0.297t0.297 0.703v4q0 0.406-0.297 0.703t-0.703 0.297h-4q-0.406 0-0.703-0.297t-0.297-0.703v-4q0-0.406 0.297-0.703t0.703-0.297h4zM13.5 14v2h-13.5v-2h13.5zM3.5 6v2h-3.5v-2h3.5zM24 22v2h-11.5v-2h11.5zM9 4q0.406 0 0.703 0.297t0.297 0.703v4q0 0.406-0.297 0.703t-0.703 0.297h-4q-0.406 0-0.703-0.297t-0.297-0.703v-4q0-0.406 0.297-0.703t0.703-0.297h4zM19 12q0.406 0 0.703 0.297t0.297 0.703v4q0 0.406-0.297 0.703t-0.703 0.297h-4q-0.406 0-0.703-0.297t-0.297-0.703v-4q0-0.406 0.297-0.703t0.703-0.297h4zM24 14v2h-3.5v-2h3.5zM24 6v2h-13.5v-2h13.5z'%3E%3C/path%3E %3C/svg%3E ");
  background-repeat: no-repeat;
}

.icon-magnifying-glass {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E %3Cpath fill='%23fff' d='M17.545 15.467l-3.779-3.779c0.57-0.935 0.898-2.035 0.898-3.21 0-3.417-2.961-6.377-6.378-6.377s-6.186 2.769-6.186 6.186c0 3.416 2.961 6.377 6.377 6.377 1.137 0 2.2-0.309 3.115-0.844l3.799 3.801c0.372 0.371 0.975 0.371 1.346 0l0.943-0.943c0.371-0.371 0.236-0.84-0.135-1.211zM4.004 8.287c0-2.366 1.917-4.283 4.282-4.283s4.474 2.107 4.474 4.474c0 2.365-1.918 4.283-4.283 4.283s-4.473-2.109-4.473-4.474z'%3E%3C/path%3E %3C/svg%3E ");
  background-repeat: no-repeat;
}

.icon-chevron-thin-left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E %3Cpath fill='%23fff' d='M13.891 17.418c0.268 0.272 0.268 0.709 0 0.979s-0.701 0.271-0.969 0l-7.83-7.908c-0.268-0.27-0.268-0.707 0-0.979l7.83-7.908c0.268-0.27 0.701-0.27 0.969 0s0.268 0.709 0 0.979l-7.141 7.419 7.141 7.418z'%3E%3C/path%3E %3C/svg%3E ");
  background-repeat: no-repeat;
}

.icon-chevron-thin-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E %3Cpath fill='%23fff' d='M13.25 10l-7.141-7.42c-0.268-0.27-0.268-0.707 0-0.979 0.268-0.27 0.701-0.27 0.969 0l7.83 7.908c0.268 0.271 0.268 0.709 0 0.979l-7.83 7.908c-0.268 0.271-0.701 0.27-0.969 0s-0.268-0.707 0-0.979l7.141-7.417z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.icon-twitter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26' height='28' viewBox='0 0 26 28'%3E %3Cpath fill='%23fff' d='M25.312 6.375q-1.047 1.531-2.531 2.609 0.016 0.219 0.016 0.656 0 2.031-0.594 4.055t-1.805 3.883-2.883 3.289-4.031 2.281-5.047 0.852q-4.234 0-7.75-2.266 0.547 0.063 1.219 0.063 3.516 0 6.266-2.156-1.641-0.031-2.938-1.008t-1.781-2.492q0.516 0.078 0.953 0.078 0.672 0 1.328-0.172-1.75-0.359-2.898-1.742t-1.148-3.211v-0.063q1.062 0.594 2.281 0.641-1.031-0.688-1.641-1.797t-0.609-2.406q0-1.375 0.688-2.547 1.891 2.328 4.602 3.727t5.805 1.555q-0.125-0.594-0.125-1.156 0-2.094 1.477-3.57t3.57-1.477q2.188 0 3.687 1.594 1.703-0.328 3.203-1.219-0.578 1.797-2.219 2.781 1.453-0.156 2.906-0.781z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.icon-facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='28' viewBox='0 0 16 28'%3E %3Cpath fill='%23fff' d='M14.984 0.187v4.125h-2.453q-1.344 0-1.813 0.562t-0.469 1.687v2.953h4.578l-0.609 4.625h-3.969v11.859h-4.781v-11.859h-3.984v-4.625h3.984v-3.406q0-2.906 1.625-4.508t4.328-1.602q2.297 0 3.563 0.187z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.icon-google-plus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36' height='28' viewBox='0 0 36 28'%3E %3Cpath fill='%23fff' d='M22.453 14.266q0 3.25-1.359 5.789t-3.875 3.969-5.766 1.43q-2.328 0-4.453-0.906t-3.656-2.438-2.438-3.656-0.906-4.453 0.906-4.453 2.438-3.656 3.656-2.438 4.453-0.906q4.469 0 7.672 3l-3.109 2.984q-1.828-1.766-4.562-1.766-1.922 0-3.555 0.969t-2.586 2.633-0.953 3.633 0.953 3.633 2.586 2.633 3.555 0.969q1.297 0 2.383-0.359t1.789-0.898 1.227-1.227 0.766-1.297 0.336-1.156h-6.5v-3.938h10.813q0.187 0.984 0.187 1.906zM36 12.359v3.281h-3.266v3.266h-3.281v-3.266h-3.266v-3.281h3.266v-3.266h3.281v3.266h3.266z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.icon-medium {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28' height='28' viewBox='0 0 28 28'%3E %3Cpath fill='%23fff' d='M9.328 6.578v18.328q0 0.391-0.195 0.664t-0.57 0.273q-0.266 0-0.516-0.125l-7.266-3.641q-0.328-0.156-0.555-0.523t-0.227-0.727v-17.813q0-0.313 0.156-0.531t0.453-0.219q0.219 0 0.688 0.234l7.984 4q0.047 0.047 0.047 0.078zM10.328 8.156l8.344 13.531-8.344-4.156v-9.375zM28 8.437v16.469q0 0.391-0.219 0.633t-0.594 0.242-0.734-0.203l-6.891-3.437zM27.953 6.563q0 0.047-4.008 6.555t-4.695 7.617l-6.094-9.906 5.063-8.234q0.266-0.438 0.812-0.438 0.219 0 0.406 0.094l8.453 4.219q0.063 0.031 0.063 0.094z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
}

.icon-feed {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='28' viewBox='0 0 22 28'%3E %3Cpath fill='%23fff' d='M6 21q0 1.25-0.875 2.125t-2.125 0.875-2.125-0.875-0.875-2.125 0.875-2.125 2.125-0.875 2.125 0.875 0.875 2.125zM14 22.922q0.031 0.438-0.266 0.75-0.281 0.328-0.734 0.328h-2.109q-0.391 0-0.672-0.258t-0.313-0.648q-0.344-3.578-2.883-6.117t-6.117-2.883q-0.391-0.031-0.648-0.313t-0.258-0.672v-2.109q0-0.453 0.328-0.734 0.266-0.266 0.672-0.266h0.078q2.5 0.203 4.781 1.258t4.047 2.836q1.781 1.766 2.836 4.047t1.258 4.781zM22 22.953q0.031 0.422-0.281 0.734-0.281 0.313-0.719 0.313h-2.234q-0.406 0-0.695-0.273t-0.305-0.664q-0.187-3.359-1.578-6.383t-3.617-5.25-5.25-3.617-6.383-1.594q-0.391-0.016-0.664-0.305t-0.273-0.68v-2.234q0-0.438 0.313-0.719 0.281-0.281 0.688-0.281h0.047q4.094 0.203 7.836 1.875t6.648 4.594q2.922 2.906 4.594 6.648t1.875 7.836z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
}


/* Margins & paddings
___________________________________ */

.nomargin {
  margin: 0;
}

.smallmargin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.smalltopmargin {
  margin-top: 10px;
}

.smallbottommargin {
  margin-bottom: 10px;
}

.midmargin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.midtopmargin {
  margin-top: 20px;
}

.midbottommargin {
  margin-bottom: 20px;
}

.bigmargin {
  margin-top: 50px;
  margin-bottom: 50px;
}

.bigtopmargin {
  margin-top: 50px;
}

.bigbottommargin {
  margin-bottom: 50px;
}

.largemargin {
  margin-top: 100px;
  margin-bottom: 100px;
}

.largebottommargin {
  margin-bottom: 100px;
}

.largetopmargin {
  margin-top: 100px;
}

.nopadding {
  padding: 0;
  margin: 0 auto;
}

.smallpadding {
  padding-top: 10px;
  padding-bottom: 10px;
}

.smallsidepadding {
  padding-left: 10px;
  padding-right: 10px;
}

.smalltoppadding {
  padding-top: 10px;
}

.smallbottompadding {
  padding-bottom: 10px;
}

.leftpadding {
  padding-left: 20px;
}

.rightpadding {
  padding-right: 20px;
}

.midpadding {
  padding-top: 20px;
  padding-bottom: 20px;
}

.midtoppadding {
  padding-top: 20px;
}

.midbottompadding {
  padding-bottom: 20px;
}

.bigpadding {
  padding-top: 50px;
  padding-bottom: 50px;
}

.bigsidepadding {
  padding-left: 50px;
  padding-right: 50px;
}

.bigtoppadding {
  padding-top: 50px;
}

.bigbottompadding {
  padding-bottom: 50px;
}

.largepadding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.largebottompadding {
  padding-bottom: 100px;
}

.largetoppadding {
  padding-top: 100px;
}


/* Headings & Text
___________________________________ */

h1 {
  font-size: 70px;
  font-size: 7.0rem;
  line-height: 1.1em;
}

h2 {
  font-size: 52px;
  font-size: 5.2rem;
  line-height: 1.1em;
}

h3 {
  margin-bottom: 9px;
  font-size: 2.9rem;
  line-height: 1.1em;
}

h4 {
  margin-bottom: 3px;
  font-size: 2.5rem;
  line-height: 1.1em;
}

h5 {
  font-size: 2rem;
  line-height: 1.1em;
}

h6 {
  font-size: 1.8rem;
  line-height: 1.1em;
}

h1.white,
h2.white,
h3.white,
h1.black,
h2.black,
h3.black {
  display: inline-block;
  margin-bottom: 9px;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

h1.white:hover,
h2.white:hover,
h3.white:hover,
h1.black:hover,
h2.black:hover,
h3.black:hover {
  background: #43EDAB;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

.heading,
.category,
.author,
.heading a,
.category a,
.author a,
.label,
input,
blockquote p {
  font-family: oswald, arial, sans-serif;
}

p,
li {
  margin: 0 0 .7rem 0;
  line-height: 2.2rem;
  font-family: wyvern, 'trebuchet ms', sans-serif;
  font-size: 1.8rem;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.darkgreytext,
.darkgreytext a {
  color: #555;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.greytext,
.greytext a {
  color: #ccc;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.blacktext,
.blacktext a {
  color: #333;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.black .greytext a:hover {
  color: #fff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.whitetext, 
.whitetext a {
  color: #fff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.white .greytext a:hover {
  color: #333;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.greentext {
  color: #4a7310;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.greentext a:hover {
  color: #fff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.medium {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

.meta,
.meta p {
  line-height: 1.9rem;
  font-size: 1.6rem;
}

.smallfont,
.smallfont a {
  font-size: 1.3rem;
}

.largefont {
  font-size: 18px;
  font-size: 1.8rem;
}

.extralargefont {
  font-size: 24px;
  font-size: 2.4rem;
}

/* Buttons & more
___________________________________ */

.form-button {
  padding: .5em 3em;
  text-align: center;
  border: none;
}

.icon-button {
  background-size: auto 75%;
  border-style: none;
  width: 29px;
  height: 29px;
  vertical-align: top;
  text-align: left;
}

.launcher-wrapper {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 0;
  font-style: italic;
  font-weight: 300;
}

.launcher-button {
  display: block;
  background-size: auto 50%;
  width: 45px;
  height: 45px;
}

.form-button,
.icon-button,
.launcher-button {
  background-position: 20% 20%;
  background-color: #666;
  color: #fff;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  -ms-transition-duration: .4s;
}

.form-button:hover,
.icon-button:hover,
.launcher-button:hover {
  background-color: #4a7310;
}

.edge-default {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

.edge-topleft {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

.edge-topright {
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.edge-bottomright {
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.edge-bottomleft {
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
}


/* Grid Layout
___________________________________ */

.container { padding: 0px 20px; }

.row { width: 100%; max-width: 940px; min-width: 720px; margin: 0 auto; }
/* To fix the grid into a different size, set max-width to your desired width */

.row .row { min-width: 0px; }

.column, .columns { margin-left: 2.127663%; float: left; min-height: 1px; position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.column:first-child, .columns:first-child, .alpha { margin-left: 0px; }

.column.omega, .columns.omega { float: right; }

.row .one.columns     { width: 6.382989%; }
.row .two.columns     { width: 14.893641%; }
.row .three.columns   { width: 23.404293%; }
.row .four.columns    { width: 31.914945%; }
.row .five.columns    { width: 40.425597%; }
.row .six.columns     { width: 48.936249%; }
.row .seven.columns   { width: 57.446901%; }
.row .eight.columns   { width: 65.957553%; }
.row .nine.columns    { width: 74.468205%; }
.row .ten.columns     { width: 82.978857%; }
.row .eleven.columns  { width: 91.489509%; }
.row .twelve.columns  { width: 100%; }

/* Formula: column width + twice the default margin */
.row .push_one    { margin-left: 10.638315%; }
.row .push_two    { margin-left: 19.148967%; }
.row .push_three  { margin-left: 27.659619%; }
.row .push_four   { margin-left: 36.170271%; }
.row .push_five   { margin-left: 44.680923%; }
.row .push_six    { margin-left: 53.191575%; }
.row .push_seven  { margin-left: 61.702227%; }
.row .push_eight  { margin-left: 70.212879%; }
.row .push_nine   { margin-left: 78.723531%; }
.row .push_ten    { margin-left: 87.234183%; }
.push_eleven      { margin-left: 95.744835%; }

/* Centering columns is fun */
.row .one.centered    { margin-left: 46.808586%; }
.row .two.centered    { margin-left: 42.55326%; }
.row .three.centered  { margin-left: 38.297934%; }
.row .four.centered   { margin-left: 34.042608%; }
.row .five.centered   { margin-left: 29.787282%; }
.row .six.centered    { margin-left: 25.531956%; }
.row .seven.centered  { margin-left: 21.27663%; }
.row .eight.centered  { margin-left: 17.021304%; }
.row .nine.centered   { margin-left: 12.765978%; }
.row .ten.centered    { margin-left: 8.510652%; }
.row .eleven.centered { margin-left: 4.255326%; }

/* Formula: column width + default margin */
.row .push_one:first-child    { margin-left: 8.510652%; }
.row .push_two:first-child    { margin-left: 17.021304%; }
.row .push_three:first-child  { margin-left: 25.531956%; }
.row .push_four:first-child   { margin-left: 34.042608%; }
.row .push_five:first-child   { margin-left: 42.55326%; }
.row .push_six:first-child    { margin-left: 51.063912%; }
.row .push_seven:first-child  { margin-left: 59.574564%; }
.row .push_eight:first-child  { margin-left: 68.085216%; }
.row .push_nine:first-child   { margin-left: 76.596868%; }
.row .push_ten:first-child    { margin-left: 85.10652%; }
.row .push_eleven:first-child { margin-left: 93.617172%; }

/* 16-column styles */
.sixteen.colgrid .row .one.columns        { width: 4.255326%; }
.sixteen.colgrid .row .two.columns        { width: 10.638315%; }
.sixteen.colgrid .row .three.columns      { width: 17.021304%; }
.sixteen.colgrid .row .four.columns       { width: 23.404293%; }
.sixteen.colgrid .row .five.columns       { width: 29.787282%; }
.sixteen.colgrid .row .six.columns        { width: 36.170271%; }
.sixteen.colgrid .row .seven.columns      { width: 42.55326%; }
.sixteen.colgrid .row .eight.columns      { width: 48.936249%; }
.sixteen.colgrid .row .nine.columns       { width: 55.319238%; }
.sixteen.colgrid .row .ten.columns        { width: 61.702227%; }
.sixteen.colgrid .row .eleven.columns     { width: 68.085216%; }
.sixteen.colgrid .row .twelve.columns     { width: 74.468205%; }
.sixteen.colgrid .row .thirteen.columns   { width: 80.851194%; }
.sixteen.colgrid .row .fourteen.columns   { width: 87.234183%; }
.sixteen.colgrid .row .fifteen.columns    { width: 93.617172%; }
.sixteen.colgrid .row .sixteen.columns    { width: 100%; }

/* Formula: column width + twice the default margin */
.sixteen.colgrid .row .push_one       { margin-left: 8.510652%;  }
.sixteen.colgrid .row .push_two       { margin-left: 14.893641%; }
.sixteen.colgrid .row .push_three     { margin-left: 21.27663%;  }
.sixteen.colgrid .row .push_four      { margin-left: 27.659619%; }
.sixteen.colgrid .row .push_five      { margin-left: 34.042608%; }
.sixteen.colgrid .row .push_six       { margin-left: 40.425597%; }
.sixteen.colgrid .row .push_seven     { margin-left: 46.808586%; }
.sixteen.colgrid .row .push_eight     { margin-left: 53.191575%; }
.sixteen.colgrid .row .push_nine      { margin-left: 59.574564%; }
.sixteen.colgrid .row .push_ten       { margin-left: 65.957553%; }
.sixteen.colgrid .row .push_eleven    { margin-left: 72.340542%; }
.sixteen.colgrid .row .push_twelve    { margin-left: 78.723531%; }
.sixteen.colgrid .row .push_thirteen  { margin-left: 85.10652%; }
.sixteen.colgrid .row .push_fourteen  { margin-left: 91.489509%; }
.sixteen.colgrid .row .push_fifteen   { margin-left: 97.872498%; }

/* Centering columns is fun */
.sixteen.colgrid .row .one.centered       { margin-left: 47.872424%; }
.sixteen.colgrid .row .two.centered       { margin-left: 44.680929%; }
.sixteen.colgrid .row .three.centered     { margin-left: 41.489434%; }
.sixteen.colgrid .row .four.centered      { margin-left: 38.297939%; }
.sixteen.colgrid .row .five.centered      { margin-left: 35.106444%; }
.sixteen.colgrid .row .six.centered       { margin-left: 31.914949%; }
.sixteen.colgrid .row .seven.centered     { margin-left: 28.723454%; }
.sixteen.colgrid .row .eight.centered     { margin-left: 25.531959%; }
.sixteen.colgrid .row .nine.centered      { margin-left: 22.340464%; }
.sixteen.colgrid .row .ten.centered       { margin-left: 19.148969%; }
.sixteen.colgrid .row .eleven.centered    { margin-left: 15.957474%; }
.sixteen.colgrid .row .twelve.centered    { margin-left: 12.765979%; }
.sixteen.colgrid .row .thirteen.centered  { margin-left: 9.574484%; }
.sixteen.colgrid .row .fourteen.centered  { margin-left: 6.382989%; }
.sixteen.colgrid .row .fifteen.centered   { margin-left: 3.191495%; }

/* Formula: column width + default margin */
.sixteen.colgrid .row .push_one:first-child       { margin-left: 6.382989%; }
.sixteen.colgrid .row .push_two:first-child       { margin-left: 12.765978%; }
.sixteen.colgrid .row .push_three:first-child     { margin-left: 19.148967%; }
.sixteen.colgrid .row .push_four:first-child      { margin-left: 25.531956%; }
.sixteen.colgrid .row .push_five:first-child      { margin-left: 31.914945%; }
.sixteen.colgrid .row .push_six:first-child       { margin-left: 38.297934%; }
.sixteen.colgrid .row .push_seven:first-child     { margin-left: 44.680923%; }
.sixteen.colgrid .row .push_eight:first-child     { margin-left: 51.063912%; }
.sixteen.colgrid .row .push_nine:first-child      { margin-left: 57.446901%; }
.sixteen.colgrid .row .push_ten:first-child       { margin-left: 63.82989%; }
.sixteen.colgrid .row .push_eleven:first-child    { margin-left: 70.212879%; }
.sixteen.colgrid .row .push_twelve:first-child    { margin-left: 76.595868%; }
.sixteen.colgrid .row .push_thirteen:first-child  { margin-left: 82.978857%; }
.sixteen.colgrid .row .push_fourteen:first-child  { margin-left: 89.361846%; }
.sixteen.colgrid .row .push_fifteen:first-child   { margin-left: 95.744835%; }

img { max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

/* Mobile */

@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and under go here */
  .row {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  .row .row .column, .row .row .columns { padding: 0; }
  .column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before, [class*="column"]:after { display: table; }
  [class*="column"]:after { clear: both; }
  
  .push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
}


/* Page Styles
___________________________________ */

.hidden {
  overflow: hidden;
}

.black {
  background: #333;
}

.white {
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.grey {
  background: #e6e6e6;
}

.whitevertical {
  border-right: 1px solid #fff;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.whitehorizontal {
  height: 1px;
  width: 100%;
  background-color: #fff;
}

.blackvertical {
  border-right: 1px solid #333;
  padding-right: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.blackhorizontal {
  height: 1px;
  width: 100%;
  background-color: #333;
  margin-left: 0px;
}

.greyhorizontal {
  background-color: #666;
  height: 1px;
  width: 100%;
}

.greyvertical {
  border-right: 1px solid #666;
}


/* Bar Navigation
___________________________________ */


header {
  z-index: 500;
  position: fixed;
  display: block;
  border-top: 1px solid #fff;
  background-color: #333;
  height: 48px;
  width: 100%;
}

header .logo {
  float: left;
  display: inline-block;
  margin: 0 0 0 -5px;
  height: 50px;
  width: 50px;
}

header a strong, 
header a em {
  color: #fff;
}

header a h1,
header .panel-toggle {
  display: block;
  padding-top: 3px;
}

header a h1 {
  float: left;
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
}

header a h1 strong {
  display: inline-block;
  margin-left: -25px;
  line-height: 1em;
  font-family:  wyvern, 'trebuchet ms', sans-serif;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: -.025em;
}

header a h1 em {
  display: inline-block;
  margin-left: .3em;
  line-height: 1em;
  font-family: oswald, arial, sans-serif;
  font-style: italic;
  font-size: 23px;
  font-weight: 300;
  white-space: nowrap;
}

header .panel-toggle {
  float: right;
  display: inline-block;
  background-position: center center;
  height: 45px;
  width: 45px;
}

.headerpadding {
  padding-top: 55px;
}

@media only screen and (max-width: 480px) {
  .headerpadding {
    padding-top: 52px;
  }
  header .row {
    text-align: left;
  }
  header {
    height: 44px;
  }
  header a h1,
  header .panel-toggle {
    display: block;
    padding-top: 6px;
  }
  header a h1 strong {
    margin-left: -25px;
    line-height: 1em;
    font-size: 2.4rem;
  }
  header a h1 em {
    font-size: 1.6rem;
  }
  header svg {
    width: 40px;
  }
  header .panel {
    top: 50px;
  }
  header .panel-toggle {
    margin-top: 1px;
    margin-right: 1em;
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
  }
}

@media only screen and (max-width: 320px) {
  header .container {
    margin: 0;
    padding: 0;
  }
  header svg {
    margin-left: .2em;
  }
  header .logo {
    margin: 0 0 0 0;
    height: 40px;
    width: 40px;
  }
  header a h1 strong {
    margin-left: -20px;
  }
  header .panel {
    top: 48px;
  }
  header .panel-toggle {
    margin-top: 2px;
    margin-right: .75em;
  }
}

/* @todo hover animation effect */
.panel {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 54px;
  right: 0;
  width: 200px;
  background-color: #fff;
  text-align: left;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
  box-shadow: 0px 1px 3px rgba(0,0,0,.4);
  -webkit-transition: all .3s .1s;
  -moz-transition: all .3s .1s;
  -o-transition: all .3s .1s;
  transition: all .3s .1s;
}

.panel /* :hover */  {
  opacity: 1;
  visibility: visible;
  top: 54px;
}

.panel:before {
  display: block;
  position: absolute;
  top: -20px;
  right: 10px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 10px;
  content: '';
}

.panel {
  display: none;
}

.panel.active {
  display: inline-block;
}

.panel input[type="submit"] {
  display: none;
}

.panel ul {
  margin: 0;
  list-style: none;
}

.panel li,
.panel a {
  margin: 0;
  padding: 0;
}

.panel .search,
.panel li a {
  display: block;
  padding: 15px 8px 15px 16px;
  background-color: #fff;
  text-transform: uppercase;
  font-family: oswald, arial, sans-serif;
  font-weight: 500;
  text-decoration: none;
  color: #111;
  font-size: 1.3rem;
  -webkit-transition: background-color .1s;
  -moz-transition: background-color .1s;
  -o-transition: background-color .1s;
  transition: background-color .1s;
}

.panel li a:hover {
  background-color: #ddd;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
}

.panel li.active a {
  color: #ccc;
}

.panel li.active a:hover {
  color: #111;
}


/* Tab Navigation
___________________________________ */

.tabs { 
  display: block;
}

.tabs ul {
  margin: 0;
  border-bottom: 1px solid #333;
  padding: 0 0 1px 0;
  height: 30px;
}

.tabs li {
  float: left;
  display: block;
  margin: 0 10px 0 0;
  padding: 0;
  width: auto;
  line-height: 30px;
  color: #999;
}

.tabs li a {
  display: block;
  margin: 0 -1px 0 0;
  border: 1px solid #333;
  background: #ececec;
  padding: 0 12px;
  width: auto;
  line-height: 30px;
  color: #2e2e2e;
  font-size: 12px;
}

.tabs li a:hover {
  text-decoration: none;
}

.tabs li.active a {
  border-width: 1px 1px 0;
  background: #333;
  height: 30px;
  font-weight: 400;
  color: #fff;
}

.tabs div {
  display: none;
  padding: 20px 10px 20px 0;
}

.tabs div.active {
  display: block;
}

.tabs li:last-child {
  margin-right: 0;
}


/* Page Views
___________________________________ */

#ds-view {
  padding: 0;
  height: 515px;
}

#ds-view article {
  margin: 7px 0 0 0;
  padding: 0 7px;
}

#ds-view article .stripes {
  overflow: hidden;
  margin: 7px 0 0 0;
  padding: 5px 0;
  width: 200px;
  height: 200px;
}

#ds-view article .imageback {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

#ds-view article .header {
  z-index: 5;
  position: relative;
  margin: .25em 0 .75rem 0;
  vertical-align: bottom;
}

#ds-view article strong,
#ds-view article em {
  line-height: 1.1em;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #000;
}

#ds-view article em {
  margin-left: .3em;
}

#ds-view article h1,
#ds-view article h1 a {
  display: block;
  margin: 0 0 0 0;
  background-color: #eaeaea;
  line-height: 1.1em;
  font-size: 1.8rem;
  letter-spacing: .015em;
}

#ds-view article p {
  margin: 0;
  padding: 0;
}

#ds-view article .author {
  display: block;
  margin: 1em 0 0 0;
  line-height: 1.15em;
}

#ds-view article time {
display: block;
display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 12px;
  letter-spacing: .02em;
}

.adsbygoogle {
  background-color: transparent;
}

/* Forms */

form label {
  text-transform: uppercase;
  font-size: 11px;
  color: #333;
}

.white .field .text,
.white .field .textarea {
  border-radius: 0px;
  border: 1px solid #333;
  padding: 6px 5px;
  background: #fff;
  -webkit-box-shadow: 0px 0px;
  box-shadow: 0px 0px;
}

.white .field .text input,
.white form textarea{
  background-color: #fff;
  font-family: inherit;
  font-size: 12px;
  letter-spacing:1.4px;
  color:#333;
}

.submit{
  cursor: pointer;
  font-family: inherit;
}

.white .submit {
  display: block;
  margin-top: 15px;
  padding: 7px 0px;
  background: #333;
  width: 100%;
  border: 0px;
  font-size: 1.1rem;
  text-align: center;
  color: #ccc;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}

.white .submit:hover {
  background: #43EDAB;
  color: #fff;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}

.black .field .text,
.black .field .textarea {
  background: #fff;
  border: 0px;
  border-radius: 0px;
  padding: 6px 5px;
  -webkit-box-shadow: 0px 0px;
  box-shadow: 0px 0px;
}

.black .field .text input,
.black form textarea {
  background-color: #fff;
  font-family: inherit;
  font-size: 12px;
  letter-spacing: 1.4px;
  color: #333;
}

.black .submit {
  display: block;
  margin-top: 15px;
  border: 0px;
  padding: 7px 0px;
  background: #fff;
  width: 100%;
  text-align: center;
  font-size: 1.1rem;
  color: #333;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}

.black .submit:hover {
  background: #43edab;
  color: #333;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
}


/* Slider
___________________________________ */

.timelineFlat.timelineFlatBlog .item,
.timelineFlat.timelineFlatBlog .item_open {
  height: 400px;
}

/* Timeline Flat base design */

.timelineFlat {
  display: none;
}

/* Fixed line holder  */
.timelineFlat .timeline_line {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 900px;
}

/* full (including months that are not shown) line holder */
.timelineFlat .t_line_holder {
  padding: 10px 0 0 0;
  height: 80px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E %3Cline class='linetop' x1='0' y1='15' x2='50' y2='15' style='stroke:%23888;'/%3E %3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center center;
}

/* 2 months are stored in one view */
.timelineFlat .t_line_view {
    height:20px;
    width:900px;
}

/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */
.timelineFlat .t_line_m {
  margin-top: 35px;
  border-left: 1px solid transparent;
  border-right: 1px solid #888;
  height: 10px;
  width: 448px;
}

/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */
.timelineFlat .t_line_m.right {
  left: 449px;
  border-left: 1px solid #888;
  border-right: 1px solid transparent;
  width: 449px;
}

/* Month caption */
.timelineFlat h4.t_line_month {
  margin: 20px 0 0;
  font-family: oswald, arial, sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.3em;
  color: #333;
}

/* Timeline node */

.timelineFlat a.t_line_node {
  position: relative;
  top: -25px;
  padding: 4px 0 4px;
  height: 10px;
  font-size: 12px;
  color: #888;
  text-decoration: none;
}

.timelineFlat a.t_line_node:after {
  position: absolute;
  top: 23px;
  left: 50%;
  margin: 0 0 0 -7px;
  border: 2px solid #ffffff;
  border-radius: 22px;
  background:#dd5555;
  height: 10px;
  width: 10px;
  content: "";
}

.timelineFlat a.t_line_node.active {
  color: #888;
}

.timelineFlat a.t_line_node.active:after {
  border: 2px solid #888;
}

/* Avoid grey bars when tapping */
/* on timeline spots on Android */
.timelineFlat a.t_line_node:active {
  background-color: transparent;
}

/* Node descriptions (disabled) */
.timelineFlat .t_node_desc {
  display: inline-block !important;
  display: none !important;
  position: relative;
  left: 50%;
  top: -50px;
  opacity: 0;
  filter: alpha(opacity=0);
  white-space: normal !important;
  color:#fff;
  transition:top 200ms, opacity 500ms;
  -webkit-transition:top 200ms, opacity 500ms;
  -moz-transition:top 200ms, opacity 500ms;
}

.timelineFlat a.t_line_node:hover .t_node_desc {
  opacity: 1;
  top:0;
  filter: alpha(opacity=100);
}

.timelineFlat .t_node_desc span {
  display: block !important;
  position: relative;
  margin-top: -16px;
  margin-left: -50%;
  margin-right: 50%;
  padding: 8px;
  border-radius: 3px;
  background: #dd5555;
  white-space: nowrap;
}

.timelineFlat .t_node_desc span:after {
  display: block;
  position: absolute;
  bottom: -10px;
  left:50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid #dd5555;
  width: 0;
  height: 0;
  content: "";
}

.timelineFlat .t_node_desc {
  display: none !important;
}

.timelineFlat #t_line_left,
.timelineFlat #t_line_right {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 39px;
  width: 14px;
  height: 21px;
  font-size: 21px;
  color: #888;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  -ms-transition-duration: .4s;
}

.timelineFlat #t_line_left:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='28' viewBox='0 0 11 28'%3E %3Cpath fill='%23dd5555' d='M9.797 8.5q0 0.203-0.156 0.359l-6.141 6.141 6.141 6.141q0.156 0.156 0.156 0.359t-0.156 0.359l-0.781 0.781q-0.156 0.156-0.359 0.156t-0.359-0.156l-7.281-7.281q-0.156-0.156-0.156-0.359t0.156-0.359l7.281-7.281q0.156-0.156 0.359-0.156t0.359 0.156l0.781 0.781q0.156 0.156 0.156 0.359z'%3E%3C/path%3E %3C/svg%3E");
}

.timelineFlat #t_line_right:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='28' viewBox='0 0 10 28'%3E %3Cpath fill='%23dd5555' d='M9.297 15q0 0.203-0.156 0.359l-7.281 7.281q-0.156 0.156-0.359 0.156t-0.359-0.156l-0.781-0.781q-0.156-0.156-0.156-0.359t0.156-0.359l6.141-6.141-6.141-6.141q-0.156-0.156-0.156-0.359t0.156-0.359l0.781-0.781q0.156-0.156 0.359-0.156t0.359 0.156l7.281 7.281q0.156 0.156 0.156 0.359z'%3E%3C/path%3E %3C/svg%3E");
}

/* Line arrow left */
.timelineFlat #t_line_left {
  left: -25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='28' viewBox='0 0 11 28'%3E %3Cpath fill='%23888888' d='M9.797 8.5q0 0.203-0.156 0.359l-6.141 6.141 6.141 6.141q0.156 0.156 0.156 0.359t-0.156 0.359l-0.781 0.781q-0.156 0.156-0.359 0.156t-0.359-0.156l-7.281-7.281q-0.156-0.156-0.156-0.359t0.156-0.359l7.281-7.281q0.156-0.156 0.359-0.156t0.359 0.156l0.781 0.781q0.156 0.156 0.156 0.359z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

/* Line arrow right */
.timelineFlat #t_line_right {
  right: -25px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10' height='28' viewBox='0 0 10 28'%3E %3Cpath fill='%23888888' d='M9.297 15q0 0.203-0.156 0.359l-7.281 7.281q-0.156 0.156-0.359 0.156t-0.359-0.156l-0.781-0.781q-0.156-0.156-0.156-0.359t0.156-0.359l6.141-6.141-6.141-6.141q-0.156-0.156-0.156-0.359t0.156-0.359l0.781-0.781q0.156-0.156 0.359-0.156t0.359 0.156l7.281 7.281q0.156 0.156 0.156 0.359z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.timelineFlat {
  display: none;
}

.timeline_items_wrapper {
  position: relative;
  margin: 10px 0;
  width: 100%;
}

/* Items container */
.timelineFlat .timeline_items {
  padding: 0;
}

/* Single item (margins set from JS) */

.timelineFlat .item {
  overflow: hidden;
  position: relative;
  width: 214px;
  height: 400px;
  background: #eaeaea;
  font-size: 14px; 
  line-height: 14px;
}

.timelineFlat .item.item_node_hover:before {
  z-index: 2;
  position: absolute;
  top: 212px;
  left: 0;
  margin: 0 7px 0 7px;
  height: 5px;
  width: 200px;
  background: #dd5555;
  content: "";
}

.timelineFlat .item.item_node_hover:after {
  z-index: 2;
  position: absolute;
  top: 212px;
  left: 50%;
  margin: 4px 0 0 -6px;
  border: 6px solid transparent;
  border-top: 6px solid #dd5555;
  height: 0;
  width: 0;
  content: "";
}

/* Item details (margines set from javascript) */
.timelineFlat .item_open {
    width:410px;
    height:410px;
    background:#eaeaea; 
    position:relative;
    color:#777;
    z-index:2;  
}

/* Left/right controles */

.timelineFlat .t_controles {
  margin:0;
}

.timelineTouch.timelineFlat .t_left,
.timelineTouch.timelineFlat .t_right {
  display: none;
}

.timelineFlat:hover .t_left,
.timelineFlat:hover .t_right {
  opacity: 1;
  filter: alpha(opacity=100); 
}

.timelineFlat .t_left,
.timelineFlat .t_right {
  position: absolute;
  display: block;
  height: 100%;
  width: 75px;
  margin: 0;
  cursor: pointer;
  top: 0;
  z-index: 10;
  opacity: 0;
  filter: alpha(opacity=0);   
  transition:background-color 300ms, opacity 300ms;
  -webkit-transition: background-color 300ms, opacity 300ms;
  -moz-transition: background-color 300ms, opacity 300ms;
}

.timelineFlat .t_left,  
.timelineFlat .t_left:hover:active {
  left: 0;
  background: rgba(255,255,255, 0.5);
}

.timelineFlat .t_left:hover {
  background: rgba(255,255,255, 0.7);
}

.timelineFlat .t_left,  
.timelineFlat .t_left:hover:active,
.timelineFlat .t_left:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E %3Cpath fill='%23888' d='M13.891 17.418c0.268 0.272 0.268 0.709 0 0.979s-0.701 0.271-0.969 0l-7.83-7.908c-0.268-0.27-0.268-0.707 0-0.979l7.83-7.908c0.268-0.27 0.701-0.27 0.969 0s0.268 0.709 0 0.979l-7.141 7.419 7.141 7.418z'%3E%3C/path%3E %3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}

.timelineFlat .t_right, 
.timelineFlat .t_right:hover:active {
  right: 0;
  background: rgba(255,255,255, 0.5);
}

.timelineFlat .t_right:hover {
  background: rgba(255,255,255, 0.7);
}

.timelineFlat .t_right,  
.timelineFlat .t_right:hover:active,
.timelineFlat .t_right:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E %3Cpath fill='%23888' d='M13.25 10l-7.141-7.42c-0.268-0.27-0.268-0.707 0-0.979 0.268-0.27 0.701-0.27 0.969 0l7.83 7.908c0.268 0.271 0.268 0.709 0 0.979l-7.83 7.908c-0.268 0.271-0.701 0.27-0.969 0s-0.268-0.707 0-0.979l7.141-7.417z'%3E%3C/path%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}

.timeline_line {
  top: 400px;
}
.timeline_items_wrapper {
  top: -80px;
}

/* Prevent highlighting when */
/* double clicking on controls */
#t_line_left,
#t_line_right,
.t_left,
.t_right {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}


/* Screen 768px - 980px */
@media screen and (max-width: 980px) {
  .timelineFlat .timeline_line {
    width:680px;
  }
  .timelineFlat .t_line_view {
    width:680px;
  }
  .timelineFlat .t_line_m {
    width: 338px;
  }
  .timelineFlat .t_line_m.right {
    left: 339px;
    width: 339px;
  }
}

/* Screen 610px - 768px */
@media screen and (max-width: 767px) {
  .timelineFlat .timeline_line {
    width: 530px;
  }
  .timelineFlat .t_line_view {
    width: 1060px;
  }
  .timelineFlat .t_line_m {
    width: 528px;
  }
  .timelineFlat .t_line_m.right {
    left: 530px;
    width: 528px;
  }
  .timelineFlat .t_line_node span {   
  }
  .timelineFlat .t_node_desc {
    font-size: 8px;
  }
  .timelineFlat .t_line_m.right .t_node_desc {
    right: auto;
    left: 0;
  }
}

/* Screen 380px - 610px */
@media screen and (max-width:609px) {
  .timelineFlat .timeline_line {
    width:240px;
  }
  .timelineFlat .t_line_view {
    width:480px;
  }
  .timelineFlat .t_line_m {
    width: 238px;
  }
  .timelineFlat .t_line_m.right {
    left: 240px;
    width: 238px;
  }
  .timelineFlat .item_open {
    width:280px;
    height:390px;
  }
  .timelineFlat .item_open img {
    max-width:280px;
  } 
  .timelineFlat .item_open_cwrapper {
    width:280px;
  }
}


/* Popup
___________________________________ */

#sliding-popup {
  position: fixed;
  top: auto !important;
  left: auto;
  right: 0;
  bottom: 0;
  width: 300px;
  height: 250px;
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  transition: 
  width 200ms ease-in,
  height 200ms ease-in;
}

.sliding-popup-top {
  width: 100%;
  height: 100%;
  background-image:
    repeating-radial-gradient(
    ellipse farthest-corner at right bottom,
    #bc0000 0%,
    #ff0101 45%,
    rgba(255, 1, 1, 0.5) 65%,
    rgba(0, 0, 0, 0) 70%,
    rgba(0, 0, 0, 0) 100%
  );
}

.popup-content {
  margin: 9.5em 3em 0 8em;
  text-align: right;
}

#popup-text p {
  line-height: 2.2rem;
}

#popup-text button {
  outline: none !important;
}

.find-more-button {
  margin: 0;
  padding: 0;
  height: auto;
  border: none;
  background: none;
}

.primary-button,
.primary-button:hover {
  padding-left: 0;
  padding-right: 0;
  background-color: #000;
  width: 80px;
  line-height: 2rem;
  font-size: 1.3rem;
}

.secondary-button,
.secondary-button:hover {
  margin-top: 3px;
  padding-left: 0;
  padding-right: 0;
  background-color: red;
  width: 80px;
  line-height: 2rem;
  font-size: 1.3rem;
  color: #333;
}


/* System
___________________________________ */

.admin-menu .navigation,
.admin-menu #menu,
.admin-menu a.menu {
  display: block;
  margin-top: 29px;
}

input[type="text"],
input[type="password"] {
  height: 2.5rem;
  border: 1px solid black;
  padding-left: 5px;  
  font-size: 14px;
}

.messages {
  font-size: 13px;
}