@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
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; }

/* ==========================================================================
   Base
   ========================================================================== */
html {
  font-family: 'Josefin Sans';
         url('styleandfont/JosefinSans-VariableFont_wght.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: 'Josefin Sans', cursive;
  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; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
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: 'Josefin Sans', cursive;
  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;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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; }

/* ==========================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
    font-family: 'Josefin Sans';
         url('styleandfont/JosefinSans-VariableFont_wght.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'taostudio';
    src: url('../font/taostudio.svg?77276603#taostudio') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'Josefin Sans', cursive;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-end:before {
  content: '\e800'; }

/* '¯áÇ' */
.icon-ics:before {
  content: '\e801'; }

/* '¯áü' */
.icon-left-arrow:before {
  content: '\e802'; }

/* '¯áé' */
.icon-right-arrow:before {
  content: '\e803'; }

/* '¯áâ' */
.icon-onde:before {
  content: '\e804'; }

/* '¯áä' */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

::selection {
  background: #ff584c;
  color: #777;
  text-shadow: none; }

::-webkit-selection {
  background: #ff584c;
  color: #777;
  text-shadow: none; }

::-moz-selection {
  background: #ff584c;
  color: #777;
  text-shadow: none; }

input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  border-radius: 0; }

input[type="checkbox"] {
  border-radius: 0;
  background: none; }

html {
  font-size: 62.5%; }

body {
  font-family: 'Josefin Sans', cursive;
  font-weight: 300;
  line-height: 1.4;
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  background: #ffffff;
  letter-spacing: 0.5px;
  overflow-x: hidden; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  /*color: #ff584c;*/ color: #0069ad;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-transition: color 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -moz-transition: color 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -o-transition: color 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  transition: color 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s; }

a:focus,
a:hover,
a:active {
  outline: 0; }

input:focus {
  outline: 0;
  border: 1px solid #e2e2e2; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  display: block;
  width: auto;
  margin: 0; }

ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

p {
  orphans: 3;
  windows: 3; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.wrapper {
  max-width: 2400px;
  width: 98.6111%;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 110em) {
    .wrapper {
      max-width: 2400px; } }

#wrapper {
  transition-duration: 1.2s;
  transition-property: opacity; }

/*#loader {
  position: fixed;
  z-index: 9999;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
}
#loader p{
  @include vertical-align;
}
#loader img{
  width: 72px;
  height: 100px;
}
#loader span{
 display: block;
 font-size: 18px;
 font-size: 1.8rem;
 padding-bottom: 2em;
}*/
/*#wrapper.loaded,
.wf-inactive #wrapper {
    opacity: 1;
}*/
main a {
  border-bottom: 1px solid transparent; }

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header {
  z-index: 9999;
  position: fixed; }
  @media only screen and (min-width: 54em) {
    .header {
      width: 100%;
      left: 0;
      top: 0;
      -webkit-transition: background-color 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
      -moz-transition: background-color 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
      -o-transition: background-color 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
      transition: background-color 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s; } }

@media only screen and (min-width: 54em) {
  .header.overlay {
    background: rgba(249, 240, 234, 0.8); } }

.logo {
  position: fixed;
  z-index: 2;
  left: 0;
  width: 100%;
  padding: 0 5%;
  border-bottom: 1px solid #111;
  background: #ffffff; }
  .logo *, .logo *:before, .logo *:after {
    transform: translate3d(0, 0, 0); }
  @media only screen and (min-width: 54em) {
    .logo {
      position: static;
      width: 50%;
      float: left;
      border: none;
      background: none;
      padding: 50px 2%;
      padding: 5rem 2%; } }

.header h1 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 900;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  margin: 6px  0 4px; }
  @media only screen and (min-width: 54em) {
    .header h1 {
      font-size: 30px;
      font-size: 3.2rem;
      line-height: 1;
      margin: 0; } }

.lines-button {
  display: inline-block;
  border: none;
  background: none;
  padding: 14px 0 0;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  position: absolute;
  right: 5%;
  top: 0; }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: 0; }
  @media only screen and (min-width: 54em) {
    .lines-button {
      display: none; } }

.lines {
  display: inline-block;
  width: 2.1rem;
  height: 0.3rem;
  background: #ff584c;
  border-radius: 1px;
  transition: 0.3s;
  position: relative; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 2.1rem;
    height: 0.3rem;
    background: #ff584c;
    border-radius: 1px;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 0.15rem center; }
  .lines:before {
    top: 0.6rem; }
  .lines:after {
    top: -0.6rem; }

.lines-button:hover {
  opacity: 1; }
  .lines-button:hover .lines:before {
    top: 0.7rem; }
  .lines-button:hover .lines:after {
    top: -0.7rem; }

.lines-button.close .lines {
  background: transparent; }
  .lines-button.close .lines:before, .lines-button.close .lines:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 2.1rem; }
  .lines-button.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .lines-button.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

.nav {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100%;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding: 3em 0 0;
  background: #ffffff;
  -webkit-transition: transform 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -moz-transition: transform 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -o-transition: transform 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  transition: transform 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  transition: -webkit-transform 500ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s; }
  @media only screen and (min-width: 54em) {
    .nav {
      position: static;
      display: block;
      width: 50%;
      float: left;
      left: 0;
      top: 0;
      height: auto;
      background: none;
      padding: 50px 2%;
      padding: 5rem 2%;
      margin-top: 0; } }

.nav.open {
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.nav ul {
  padding: 0 5%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media only screen and (min-width: 54em) {
    .nav ul {
      text-align: right;
      padding: 0;
      position: static;
      top: 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }

.nav li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
  line-height: 3; }
  @media only screen and (min-width: 54em) {
    .nav li {
      font-size: 1.4rem;
      display: inline-block;
      margin-left: 24px;
      margin-left: 2.4rem;
      line-height: 30px;
      line-height: 3rem; } }

.nav li a:hover {
  color: #111; }

.current-menu-item a {
  color: #111; }

@media only screen and (min-width: 54em) {
  .logo,
  .nav {
    -webkit-transition: padding 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    -moz-transition: padding 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    -o-transition: padding 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    transition: padding 0.5s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s; } }

@media only screen and (min-width: 54em) {
  .overlay .logo,
  .overlay .nav {
    padding: 20px 2%;
    padding: 2rem 2%; } }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer {
  padding-top: 9em;
  position: relative;
  z-index: 3;
  background: #ffffff; }

.footer i {
  font-size: 60px;
  font-size: 6rem; }

.copyright {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 0; }

.copyright span {
  display: block;
  margin-top: 3em; }

/*------------------------------------*\
    HOME
\*------------------------------------*/
.main-title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  text-align: center;
  margin: 0;
  padding-top: 220px;
  padding-bottom: 1em;
  margin: 30px 0 0;
  background-image: url("img/fish.gif");
  background-repeat: no-repeat;
  background-position: center -30px; }
  @media only screen and (min-width: 37em) {
    .main-title {
      font-size: 40px;
      font-size: 4rem; } }
  @media only screen and (min-width: 54em) {
    .main-title {
      margin: 0; } }
  @media only screen and (min-width: 71em) {
    .main-title {
      font-size: 44px;
      font-size: 4.4rem; } }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-mindevice-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .main-title {
      background-image: url("img/fish@2x.gif");
      -webkit-background-size: 300px 216px;
      -moz-background-size: 300px 216px;
      background-size: 300px 216px; } }

@media only screen and (min-width: 54em) {
  .no-touch .main-title {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding-bottom: 0; } }

.main-title span {
  display: block; }

.icon-onde:before {
  display: block;
  width: auto;
  margin: 0;
  font-size: 96px; }

.home .main,
.page .main {
  overflow: hidden;
  z-index: 1; }

@media only screen and (min-width: 54em) {
  .no-touch .home .main,
  .no-touch .page .main {
    /*padding-top: 304px;*/padding-top: 0px } }

@media only screen and (min-width: 54em) {
  .home .main section > div,
  .page .main section > div {
    position: relative;
    z-index: 10; } }

@media only screen and (min-width: 54em) {
  .home .main section > div > div,
  .page .main section > div > form {
    background: #ffffff;
    overflow: hidden; } }

.home .main section > div span,
.page .main section > div > span {
  display: block;
  height: 24px; }
  @media only screen and (min-width: 54em) {
    .home .main section > div span,
    .page .main section > div > span {
      height: 44px;
      background: url(img/wave.svg) center 2px repeat-x; } }

.home .main article {
  text-align: center;
  margin-bottom: 10%; }
  @media only screen and (min-width: 32em) {
    .home .main article {
      width: 47.38%;
      margin-right: 5.24%;
      margin-bottom: 5.24%;
      float: left; } }
  @media only screen and (min-width: 47em) {
    .home .main article {
      width: 31.47%;
      margin-right: 2.79%;
      margin-bottom: 2.79%; } }
  @media only screen and (min-width: 71em) {
    .home .main article {
      width: 23.07%;
      margin-right: 2.56%;
      margin-bottom: 2.56%; } }
  @media only screen and (min-width: 110em) {
    .home .main article {
      width: 18.37%;
      margin-right: 2.03%;
      margin-bottom: 2.03%; } }

@media only screen and (min-width: 32em) {
  .home .main article:nth-of-type(2n+2) {
    margin-right: 0; } }
@media only screen and (min-width: 47em) {
  .home .main article:nth-of-type(2n+2) {
    margin-right: 2.79%; } }
@media only screen and (min-width: 71em) {
  .home .main article:nth-of-type(2n+2) {
    margin-right: 2.56%; } }
@media only screen and (min-width: 110em) {
  .home .main article:nth-of-type(2n+2) {
    margin-right: 2.03%; } }

@media only screen and (min-width: 47em) {
  .home .main article:nth-of-type(3n+3) {
    margin-right: 0; } }
@media only screen and (min-width: 71em) {
  .home .main article:nth-of-type(3n+3) {
    margin-right: 2.56%; } }
@media only screen and (min-width: 110em) {
  .home .main article:nth-of-type(3n+3) {
    margin-right: 2.03%; } }

@media only screen and (min-width: 71em) {
  .home .main article:nth-of-type(4n+4) {
    margin-right: 0; } }
@media only screen and (min-width: 110em) {
  .home .main article:nth-of-type(4n+4) {
    margin-right: 2.03%; } }

@media only screen and (min-width: 110em) {
  .home .main article:nth-of-type(5n+5) {
    margin-right: 0; } }

@media only screen and (min-width: 32em) {
  .home .main article:nth-of-type(2n+3) {
    clear: both; } }
@media only screen and (min-width: 47em) {
  .home .main article:nth-of-type(2n+3) {
    clear: none; } }

@media only screen and (min-width: 47em) {
  .home .main article:nth-of-type(3n+4) {
    clear: both; } }
@media only screen and (min-width: 71em) {
  .home .main article:nth-of-type(3n+4) {
    clear: none; } }

@media only screen and (min-width: 71em) {
  .home .main article:nth-of-type(4n+5) {
    clear: both; } }
@media only screen and (min-width: 110em) {
  .home .main article:nth-of-type(4n+5) {
    clear: none; } }

@media only screen and (min-width: 110em) {
  .home .main article:nth-of-type(5n+6) {
    clear: both; } }

@-webkit-keyframes items-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1; } }
@keyframes items-show {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1; } }
.js .home .main article {
  opacity: 0; }

.js.no-cssanimations .home .main article {
  opacity: 1; }

.js .home.ready .main article {
  -webkit-animation: 1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1.2s normal forwards 1 items-show;
  animation: 1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1.2s normal forwards 1 items-show; }

.home.ready .main article:nth-of-type(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.home.ready .main article:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.home.ready .main article:nth-of-type(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.home.ready .main article:nth-of-type(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.home.ready .main article:nth-of-type(5) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.home.ready .main article:nth-of-type(6) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.home.ready .main article:nth-of-type(7) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.home.ready .main article:nth-of-type(8) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.home.ready .main article:nth-of-type(9) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s; }

.home.ready .main article:nth-of-type(10) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.home.ready .main article:nth-of-type(11) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s; }

.home.ready .main article:nth-of-type(12) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s; }

.home.ready .main article:nth-of-type(13) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s; }

.home.ready .main article:nth-of-type(14) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s; }

.home.ready .main article:nth-of-type(15) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.home.ready .main article:nth-of-type(16) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s; }

.home.ready .main article:nth-of-type(17) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s; }

.home.ready .main article:nth-of-type(18) {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s; }

.home.ready .main article:nth-of-type(19) {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s; }

.home-letter {
  position: relative;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  cursor: pointer;
  /*max-height: 421px;*/
  max-width: 316px;
  background: #ddd; }

.touch .home-letter {
  background: none; }

.home-letter h3,
.home-letter h5,
.home-letter p {
  opacity: 0;
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
  line-height: 3;
  font-size: 18px;
  font-size: 1.8rem;
  /*color: #ff584c;*/ color: #0069ad;
  line-height: 1;
  padding: 0.5em 0; }

.touch .home .home-letter h3,
.touch .home .home-letter p {
  opacity: 1; }

.home-letter p {
  font-size: 12px;
  font-size: 1.2rem;
  color: #858585;
  font-weight: 400; }

.no-touch .home-letter p {
  /*color: #ff584c;*/ color: #0069ad; }

@-webkit-keyframes titleUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1; } }
@keyframes titleUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    opacity: 1; } }
.no-touch .home-letter:hover h3,
.no-touch .home-letter:hover h5 {
  -webkit-animation: 0.35s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1.2s normal forwards 1 titleUp;
  animation: 0.35s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1.2s normal forwards 1 titleUp;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

@-webkit-keyframes titleDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    opacity: 1; } }
@keyframes titleDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    opacity: 1; } }
.no-touch .home-letter:hover p {
  -webkit-animation: 0.35s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1.2s normal forwards 1 titleDown;
  animation: 0.35s cubic-bezier(0.2, 0.3, 0.25, 0.9) 1.2s normal forwards 1 titleDown;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.home-letter img {
  position: relative;
  display: block;
  /*min-height: 100%;*/
  max-width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; }

.no-touch .home-letter:hover img {
  opacity: 0.2; }

.home-letter div {
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%; }

.touch .home .home-letter div {
  position: static;
  padding-top: 8px; }

.home-letter div:before {
  content: "";
  display: inline-block;
  height: 100%;
  text-align: center;
  vertical-align: middle; }

.home-letter figcaption {
  max-width: 90%;
  display: inline-block;
  
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.home-letter figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.home-letter figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.no-touch #cta .home-letter:hover img {
  opacity: 0.1; }

.touch #cta h3 {
  display: none; }

/*------------------------------------*\
    SINGLE
\*------------------------------------*/
.single .wrapper {
  max-width: none;
  width: 100%; }
  @media only screen and (min-width: 110em) {
    .single .wrapper {
      max-width: 100%; } }

.single .wrapper section,
.single .wrapper section.full-w div {
  max-width: 1370px;
  width: 90%;
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 110em) {
    .single .wrapper section,
    .single .wrapper section.full-w div {
      max-width: 1720px; } }

.single .wrapper section.full-w {
  max-width: none;
  width: 100%; }
  @media only screen and (min-width: 110em) {
    .single .wrapper section.full-w {
      max-width: 100%; } }

.single .main {
  padding-top: 45px; }
  @media only screen and (min-width: 54em) {
    .single .main {
      padding-top: 0; } }

@media only screen and (min-width: 54em) {
  .no-touch .single .main {
    padding-top: 136px; } }

.single figure {
  text-align: center; }

.cover,
.cover figure,
.intro,
.detail,
.cta,
.extras {
  position: relative;
  z-index: 3;
  background: #ffffff; }

.cover {
  z-index: 2; }

.intro {
  padding: 2em 0 0; }

.single h2 {
  padding: 1em 0 0.75em;
  text-align: center;
  margin: 0 auto;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  text-align: center;
  margin: 0; }
  @media only screen and (min-width: 54em) {
    .single h2 {
      z-index: 1;
      width: 100%;
      padding: 34px 0 46px;
      font-size: 40px;
      font-size: 4rem; } }

@media only screen and (min-width: 54em) {
  .no-touch .single h2 {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 34px;
    padding: 0;
    font-size: 40px;
    font-size: 4rem; } }

.single h3,
.single .wrapper section.full-w h3 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 300;
  text-align: center;
  margin: 0;
  padding: 1em 0 0.55em;
  font-size: 3.6em;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (min-width: 54em) {
    .single h3,
    .single .wrapper section.full-w h3 {
      position: static;
      font-size: 5em; } }
  @media only screen and (min-width: 75em) {
    .single h3,
    .single .wrapper section.full-w h3 {
      width: 67%; } }

.single h3:after {
  background: #111;
  content: "";
  display: block;
  height: 1px;
  margin: 0.5em auto 0;
  width: 11%; }

.single .intro p,
.single .wrapper section.full-w p:not(.meta-info) {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.52;
  font-weight: 300;
  margin: 0 auto;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  @media only screen and (min-width: 54em) {
    .single .intro p,
    .single .wrapper section.full-w p:not(.meta-info) {
      width: 67%; } }
  @media only screen and (min-width: 75em) {
    .single .intro p,
    .single .wrapper section.full-w p:not(.meta-info) {
      font-size: 24px;
      font-size: 2.4rem; } }

.single .intro p.credits {
  font-size: 18px;
  font-size: 1.8rem; }

.single .intro p a {
  color: #777; }

.single .intro p a:hover {
  /*color: #ff584c;*/ color: #0069ad; }

.single figcaption {
  font-size: 21px;
  font-family: 'Josefin Sans';
  font-size: 2.1rem;
  padding: 1em 0;
  text-align: center; }

.intro p.meta-info {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  text-align: center;
  padding: 3em 0 6em;
  background: #ffffff; }
  @media only screen and (min-width: 54em) {
    .intro p.meta-info {
      font-size: 14px;
      font-size: 1.4rem; } }

.intro .icon-onde:before {
  line-height: 68px; }

.work-index {
  overflow: hidden;
  clear: both;
  border-left: 1px solid #111;
  border-top: 1px solid #111;
  background: #ffffff;
  z-index: 3; }

.work-index > article {
  float: left;
  width: 25%;
  border: 1px solid #111;
  border-left: none;
  border-top: none; }
  @media only screen and (min-width: 37em) {
    .work-index > article {
      width: 20%; } }
  @media only screen and (min-width: 54em) {
    .work-index > article {
      width: 12.5%; } }
  @media only screen and (min-width: 75em) {
    .work-index > article {
      width: 8.33%; } }

.index-letter {
  background: transparent;
  -webkit-transition: background 0.35s;
  transition: background 0.35s; }

.index-letter:hover {
  background: #111; }

.index-letter img {
  min-height: 0; }

.index-letter:hover img {
  opacity: 0.3; }

.index-letter h5 {
  font-size: 12px;
  font-size: 1.2rem;
  /*color: #ff584c;*/ color: #0069ad; }

.current-letter,
.current-letter:hover {
  cursor: default;
  background: #02e2e2; }

.current-letter a,
.current-letter h5 {
  display: none; }

.current-letter:hover img {
  opacity: 1; }

.cta {
  text-align: center;
  padding: 3.3em 0 5em;
  margin: 0; }
  @media only screen and (min-width: 54em) {
    .cta {
      padding-bottom: 8em; } }

.btn {
  border: 1px solid #111;
  color: #111;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  padding: 1.5em 4em 1.5em 4.5em;
  position: relative;
  text-decoration: none;
  /*text-transform: uppercase;*/
  font-weight: 400;
  -webkit-transition: padding 0.3s ease 0s;
  -moz-transition: padding 0.3s ease 0s;
  -o-transition: padding 0.3s ease 0s;
  transition: padding 0.3s ease 0s; }

.btn:hover {
  padding: 1.5em 5em 1.5em 4.5em; }

.btn i {
  font-size: 20px;
  position: absolute;
  margin-left: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s; }

.btn:hover i {
  opacity: 1; }

.btn:hover span {
  heigth: 10px; }

.disabled {
  border: 1px solid #777;
  color: #777;
  font-weight: 400;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  padding: 1.5em 4em 1.5em 4.5em;
  position: relative;
  text-decoration: none;
  /*text-transform: uppercase;*/ }

.prev a,
.next a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
  line-height: 3;
  font-size: 14px;
  font-size: 1.4rem;
  color: #111;
  line-height: 1.1;
  padding: 1em;
  display: inline-block;
  vertical-align: middle;
  max-width: 25%; }

.prev,
.next {
  float: left;
  position: relative;
  width: 45%;
  margin: 0 0 16px; }

.prev {
  padding-left: 28px;
  margin-left: 5%; }

.next {
  float: right;
  text-align: right;
  padding-right: 28px;
  margin-right: 5%; }

.prev a,
.next a {
  max-width: 75%; }

.prev a:before,
.next a:after {
  display: inline-block;
  position: relative;
  top: 0;
  line-height: 2.2;
  font-size: 20px;
  width: 24px;
  position: absolute;
  font-weight: normal;
  content: '\e803';
  font-family: 'Josefin Sans', cursive;
  color: #111; }

.prev a:before {
  content: '\e802';
  left: 0; }

.next a:after {
  content: '\e803';
  right: 0; }

.no-touch .prev .no-title,
.no-touch .next .no-title,
.touch .prev .title,
.touch .next .title {
  display: none; }

.no-touch .prev,
.no-touch .next {
  position: fixed;
  background: #ffffff;
  top: 50%;
  z-index: 999;
  width: 168px;
  margin: 0; }

.no-touch .prev {
  left: -168px; }

.no-touch .next {
  right: -168px; }

.no-touch .prev a,
.no-touch .next a {
  color: #111;
  background: #ffffff;
  max-width: 140px;
  padding: 1.5em 1em 1.5em 0.5em; }

.no-touch .prev a:before,
.no-touch .next a:after {
  top: 5px; }

.no-touch .next a:after {
  content: '\e803';
  right: 10px; }

.extras {
  text-align: center;
  overflow: hidden;
  padding-bottom: 4em; }

@media only screen and (min-width: 54em) {
  .youtube-wrapper {
    width: 66%;
    float: left; } }

@media only screen and (min-width: 54em) {
  .featured-on {
    width: 30%;
    float: right;
    text-align: left; } }

.youtube {
  height: 0;
  padding-bottom: 56.25%;
  position: relative; }

.youtube iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.featured-on h6 {
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 1em;
  /*text-transform: uppercase;*/
  font-weight: 900; }

.featured-on a {
  font-size: 18px;
  /*color: #ff584c;*/ color: #0069ad; }

.featured-on a {
  font-size: 18px;
  color: #777;
  font-weight: 900; }

.featured-on a:hover {
  /*color: #ff584c;*/ color: #0069ad; }

/*------------------------------------*\
    CONTACT
\*------------------------------------*/
#contact {
  clear: both;
  margin: 0 auto; }

#contact div {
  overflow: hidden; }

#contact > div > div {
  background: #ffffff;
  padding-top: 8px; }

#contact form {
  padding-bottom: 48px; }

#contact > div > div.wpcf7 {
  padding-top: 0; }

.contact fieldset {
  border: none;
  margin: 0;
  padding: 21px 0 0 0; }
  @media only screen and (min-width: 54em) {
    .contact fieldset {
      float: right;
      padding-left: 14px;
      padding-top: 0;
      width: 49.5%; } }

.contact input {
  width: 100%;
  border: 1px solid #111;
  height: 42px;
  padding: 0 14px;
  margin-bottom: 21px;
  color: inherit;
  background: #ffffff; }

.contact input[type="checkbox"] {
  width: auto;
  height: auto;
  float: left;
  margin: 2px 0 0 0; }

.contact .message {
  width: 100%;
  margin: 0; }
  @media only screen and (min-width: 54em) {
    .contact .message {
      width: 49.5%;
      float: left; } }

.contact textarea {
  width: 100%;
  padding: 4px 14px;
  border: 1px solid #111;
  background: #ffffff;
  height: 175px;
  font-family: 'Josefin Sans', cursive;
  color: inherit; }
  @media only screen and (min-width: 54em) {
    .contact textarea {
      height: 205px; } }

.contact #privacy {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
  line-height: 2.1rem;
  text-align: left;
  margin: 0; }

.contact #privacy input {
  width: auto;
  border: 1px solid rgba(29, 42, 89, 0.7);
  height: auto;
  margin: 0 7px 0 0; }

.contact input[type="submit"] {
  width: 72px;
  height: 72px;
  line-height: 72px;
  margin-top: 8px;
  margin-bottom: 12px;
  border: none;
  background: transparent;
  font-size: 25px;
  font-size: 2.5rem;
  color: #111;
  cursor: pointer;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  font-family: 'Josefin Sans', cursive;
  -webkit-transition: padding 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -moz-transition: padding 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -o-transition: padding 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  transition: padding 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  background-image: url("img/send.jpg");
  background-repeat: no-repeat;
  background-position: center -8px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-mindevice-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .contact input[type="submit"] {
      background-image: url("img/send@2x.jpg");
      -webkit-background-size: 107px auto;
      -moz-background-size: 107px auto;
      background-size: 107px auto; } }

.no-touch .contact input[type="submit"]:hover {
  background-position: center -96px;
  transform: translateY(1px); }

.contact .submit-btn {
  clear: both;
  margin: 0;
  padding-top: 16px;
  text-align: center;
  position: relative; }

.contact fieldset > p {
  position: relative;
  display: block;
  margin: 0; }

.contact fieldset p label {
  display: none; }
  @media only screen and (min-width: 32em) {
    .contact fieldset p label {
      display: block;
      position: absolute;
      height: 41px;
      width: 98px;
      padding-left: 28px;
      top: 1px;
      left: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 42px;
      text-align: left;
      border-right: 1px solid #111;
      /*text-transform: uppercase;*/
      letter-spacing: 2px;
      z-index: 2; } }

.contact input,
.contact textarea {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.52;
  font-weight: 300; }

.contact .main-title {
  background-image: url("img/octopus.jpg");
  background-repeat: no-repeat;
  background-position: center -10px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-mindevice-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .contact .main-title {
      background-image: url("img/octopus@2x.jpg");
      -webkit-background-size: 400px 216px;
      -moz-background-size: 400px 216px;
      background-size: 400px 216px; } }

@media screen and (min-width: 29.375em) {
  .contact input::-webkit-input-placeholder {
    color: transparent; }

  .contact input:-moz-placeholder {
    /* Firefox 18- */
    color: transparent; }

  .contact input::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent; }

  .contact input:-ms-input-placeholder {
    color: transparent; }

  .contact input[type="text"],
  .contact input[type="email"] {
    padding: 0 14px 0 112px; } }
.contact-ref {
  padding: 0 0 35px;
  margin: 0; }

.contact-ref > li {
  font-size: 21px;
  font-size: 2.1rem;
  padding: 7px 0;
  text-align: center; }
  @media only screen and (min-width: 75em) {
    .contact-ref > li {
      font-size: 24px;
      font-size: 2.4rem; } }

.contact-ref a {
  color: #111; }

.contact-ref a:hover {
  /*color: #ff584c;*/ color: #0069ad; }

span.wpcf7-not-valid-tip {
  /*color: #ff584c;*/ color: #0069ad;
  display: block;
  font-size: 30px;
  right: 10px;
  line-height: 1;
  position: absolute;
  top: -2px; }

.privacy span.wpcf7-not-valid-tip {
  right: -16px; }

span.wpcf7-list-item-label {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400; }

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng {
  margin: 0;
  border: none;
  text-align: center;
  /*color: #ff584c;*/ color: #0069ad;
  font-size: 18px;
  font-size: 1.8rem; }

div.wpcf7 img.ajax-loader {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 138px; }

div.wpcf7-mail-sent-ok {
  border: none;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 700;
  margin: 1em 0;
  text-align: center; }

/*------------------------------------*\
    ABOUT
\*------------------------------------*/
@media only screen and (min-width: 54em) {
  .no-touch .about .main {
    padding-top: 264px; } }

.about .main-title {
  background-image: url("img/seahorse.jpg");
  background-repeat: no-repeat;
  background-position: center 0; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-mindevice-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .about .main-title {
      background-image: url("img/seahorse@2x.jpg");
      -webkit-background-size: 300px 216px;
      -moz-background-size: 300px 216px;
      background-size: 300px 216px; } }

#about > div > div {
  background: #ffffff; }

#about img {
  width: 100%;
  max-width: 450px;
  margin-top: 1em; }

#about h3 {
  font-size: 32px;
  font-family: 'Josefin Sans', cursive;	
  font-size: 3.2rem;
  font-weight: 300;
  text-align: center;
  margin: 0;
  padding: 0 0 1em;
  font-size: 3.2em;
  margin: 0 auto;
  text-align: center;
  max-width: 850px; }
  @media only screen and (min-width: 37em) {
    #about h3 {
      font-size: 4em; } }
  @media only screen and (min-width: 75em) {
    #about h3 {
      width: 67%; } }

#about p {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.52;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 1em;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }
  @media only screen and (min-width: 54em) {
    #about p {
      width: 67%; } }
  @media only screen and (min-width: 75em) {
    #about p {
      font-size: 24px;
      font-size: 2.4rem; } }

#about h4 {
  font-size: 16px;
  font-size: 1.6rem;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  font-weight: 400;
  text-align: center;
  padding: 2em 0 1.5em;
  margin: 0; }
  @media only screen and (min-width: 54em) {
    #about h4 {
      font-size: 18px;
      font-size: 1.8rem; } }

#about h4:after {
  background: none repeat scroll 0 0 #111;
  content: " ";
  display: block;
  height: 1px;
  margin: 24px auto 0;
  width: 80px; }

#about li h6 {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Josefin Sans';
  line-height: 2.29;
  /*text-transform: uppercase;*/
  letter-spacing: 1px;
  font-weight: 400;
  margin: 0;
  text-align: center; }
  @media only screen and (min-width: 54em) {
    #about li h6 {
      text-align: left; } }

#about li h6 em {
  text-transform: none;
  letter-spacing: 1px; }

#about p:not(.cta) a,
#about li a {
  color: #777; }

#about p:not(.cta) a:hover,
#about li a:hover {
  /*color: #ff584c;*/ color: #0069ad; }

#about .pub {
  padding-top: 1.5em; }

#about ul {
  margin: 0 auto;
  overflow: hidden; }
  @media only screen and (min-width: 54em) {
    #about ul {
      /*width: 67%;*/ } }

@media only screen and (min-width: 54em) {
  #about li {
    width: 33.3333%;
    float: left;
    padding: 0 20px; } }

#about li.first {
  width: 100%; }

/*------------------------------------*\
    404
\*------------------------------------*/
@media only screen and (min-width: 54em) {
  .error404 .main {
    padding-top: 0; } }

.error404 .main-title {
  position: static;
  padding-top: 554px;
  margin-top: 0;
  background-image: url("img/404.jpg");
  background-repeat: no-repeat;
  background-position: center 0; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-mindevice-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .error404 .main-title {
      background-image: url("img/404@2x.jpg");
      -webkit-background-size: 464px 532px;
      -moz-background-size: 464px 532px;
      background-size: 464px 532px; } }

error404 > div > div {
  background: #ffffff; }

/*------------------------------------*\
    FALLBACK
\*------------------------------------*/
.js.no-cssanimations .home-letter {
  background: transparent;
  cursor: default; }

.js.no-cssanimations .home-letter > div {
  position: static; }

.js.no-cssanimations .home-letter figcaption {
  padding-top: 8px; }

.js.no-cssanimations .home-letter figcaption > a {
  position: static;
  font-size: 16px;
  font-family: 'Josefin Sans';
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  display: inline-block;
  padding-top: 8px;
  font-weight: 900;
  text-indent: 0;
  opacity: 1; }

.js.no-cssanimations .home-letter h3,
.js.no-cssanimations .home-letter h5,
.js.no-cssanimations .home-letter p {
  color: #858585;
  opacity: 1; }

.js.no-cssanimations .home-letter:hover img {
  opacity: 1; }

.js.no-cssanimations .index-letter h5 {
  display: none; }

.js.no-cssanimations .index-letter figcaption > a {
  font-size: 10px; 
  font-family: 'Josefin Sans';}

/*------------------------------------*\
    COOKIE LAW
\*------------------------------------*/
#page > .main-title {
  padding-top: 2em;
  padding-bottom: 28px;
  margin-top: 0;
  text-align: center;
  background: none;
  position: static; }

#page .policy {
  margin: 0 auto; }
  @media only screen and (min-width: 54em) {
    #page .policy {
      width: 67%; } }

#page .policy p,
#page .policy ul {
  font-size: 2em; }

#page .policy ul {
  text-align: left; }

.policy > h2 {
  font-size: 3rem;
  font-weight: 300;
  font-family: 'Josefin Sans';
  text-align: center; }

.policy > h3 {
  font-size: 1.6rem;
  font-family: 'Josefin Sans';	
  font-weight: 300;
  letter-spacing: 2px;
  text-align: center;
  /*text-transform: uppercase;*/ }

.divascookies-accept-button-container > .divascookies-accept-button-text {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  padding: 5px 10px !important;
  background: #111111 !important; }

.divascookies {
  background: #111111 !important;
  bottom: 0 !important;
  color: #ffffff !important;
  top: auto !important; }

span.divascookies-policy-link a {
  color: #ff584c !important; }

.divascookies p.divascookies-banner-text {
  font-size: 15px !important; 
  font-family: 'Josefin Sans';}

.divascookies > .divascookies-banner-container {
  padding: 0 !important; }

/*# sourceMappingURL=style.css.map */