﻿@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=08a599ff-74ff-4c04-aa46-bec32fcb4675");
    @font-face{
        font-family:"AvenirNextLTW01-Regular";
        src:url("fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
        src:url("fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype");
    }
    @font-face{
        font-family:"Avenir Next LT W01 Demi";
        src:url("fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype");
    }

$font-reg: "AvenirNextLTW01-Regular", sans-serif;
$font-bold: "Avenir Next LT W01 Demi", sans-serif;

p.spec-btn a::before,
p.print-btn a::before,
p.brochure-btn a::before,
p.gallery-btn a::before {
  content: "";
  display: block;
  position: absolute;
  left: 32px;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M13.355%202.329l2.145.206-1.244%2012.747-12.747-1.245.088-.899M12.919.718H.5v12.42h12.419V.718zm-1.63%207.177l-2.458-2.15-2.76%202.57-1.332-1.31-2.587%201.88m2.54-4.95a.81.81%200%201%200%200%201.62.81.81%200%200%200%200-1.62zm6.597-1.438H2.13v7.666h9.159V2.497z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: cover;
}
p.print-btn a::before {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M3.312%2015.266H1.438a.94.94%200%200%201-.938-.938V8.234a.94.94%200%200%201%20.938-.938h1.875M12.688%207.297h1.875a.94.94%200%200%201%20.938.938v6.094a.94.94%200%200%201-.938.938h-1.875%22/%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M3.312.734h9.375v7.384H3.312zM12.688%2015.266H3.312l.469-1.993h8.438z%22/%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2211.926%22%20cy%3D%2210.335%22%20r%3D%22.762%22/%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M5.539%203.323h4.922M5.539%205.53h4.922%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  left: 16px;
}

p.brochure-btn a::before {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M14.101%203.787h.563a.84.84%200%200%201%20.836.836v8.488c0%20.46-.377.836-.836.836H1.337a.84.84%200%200%201-.837-.836V4.624a.84.84%200%200%201%20.837-.836H1.9%22/%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M8.001%203.702S5.912%201.4%201.9%201.4v10.246c4.012%200%206.101%202.302%206.101%202.302M8.001%203.702s2.088-2.302%206.1-2.302v10.246c-4.012%200-6.1%202.302-6.1%202.302%22/%3E%3C/g%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M9.415%205.189a8.93%208.93%200%200%201%203.167-1.135M9.415%207.799a8.931%208.931%200%200%201%203.167-1.134M9.415%2010.411a8.93%208.93%200%200%201%203.167-1.135M6.586%205.189A8.924%208.924%200%200%200%203.42%204.054M6.586%207.799A8.907%208.907%200%200%200%203.42%206.666M6.586%2010.411A8.904%208.904%200%200%200%203.42%209.275%22/%3E%3C/g%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.001%203.702v9.907M8.618%2014.274c0%20.179-.181.326-.401.326h-.433c-.221%200-.401-.146-.401-.326%200-.18.181-.326.401-.326h.433c.221%200%20.401.147.401.326z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  left: 16px;
}
p.spec-btn a::before {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.5%2013.266c-.429%200-.729.053-.978.12l.939-1.749a.5.5%200%200%200-.441-.737H11v-.738c1.421-.744%202.325-2.192%202.318-3.794A4.263%204.263%200%200%200%2011%202.594v-.709-.001-.001c0-.048-.015-.091-.027-.135-.006-.019-.005-.04-.012-.058a.53.53%200%200%200-.085-.125c-.009-.011-.013-.024-.022-.034a.533.533%200%200%200-.118-.08c-.015-.008-.025-.021-.041-.027a.501.501%200%200%200-.194-.039h-.002l-.872.004a.501.501%200%200%200%20.002%201.001h.002L10%202.388V10.9H.959a.499.499%200%200%200-.44.74l.95%201.745a3.619%203.619%200%200%200-.97-.118.5.5%200%200%200%200%201c.533%200%20.783.094%201.072.203.332.125.709.266%201.424.266s1.092-.142%201.425-.266c.289-.109.539-.203%201.073-.203s.785.094%201.074.203c.333.125.71.266%201.425.266.716%200%201.093-.142%201.426-.266.29-.109.54-.203%201.074-.203.535%200%20.785.094%201.075.203.333.125.711.266%201.428.266s1.094-.142%201.428-.266a2.59%202.59%200%200%201%201.076-.203.5.5%200%200%200%20.001-1.001zm-3.182-6.894A3.263%203.263%200%200%201%2011%208.997V3.755a3.273%203.273%200%200%201%201.318%202.617zm-.398%207.16c-.333-.125-.711-.266-1.427-.266s-1.093.141-1.426.266c-.29.109-.54.203-1.074.203s-.784-.094-1.073-.203a3.55%203.55%200%200%200-1.426-.266c-.715%200-1.092.142-1.425.266a2.574%202.574%200%200%201-1.073.203c-.076%200-.136-.006-.201-.009L1.801%2011.9h12.385l-.98%201.825c-.067.004-.13.01-.209.01a2.608%202.608%200%200%201-1.077-.203zM1.699%2010.39H9a.5.5%200%200%200%20.5-.5V2.902a.5.5%200%200%200-.846-.361l-7.3%206.988a.5.5%200%200%200%20.345.861zM8.5%204.073V9.39H2.944L8.5%204.073z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  left: 16px;
}

.icon-arrow {
    position: relative;
    padding-right: 12px;
}
.icon-arrow::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    width: 7px;
    height: 5px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%229%22%20height%3D%225%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20stroke%3D%22%23FFFFFF%22%20d%3D%22M1%200l3.484%205L8%200%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-de {
  // background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-de' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffce00' d='M0 341.3h512V512H0z'/%3E%3Cpath d='M0 0h512v170.7H0z'/%3E%3Cpath fill='%23d00' d='M0 170.7h512v170.6H0z'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23ffce00' d='M0 320h640v160H0z'/%3E%3Cpath d='M0 0h640v160H0z'/%3E%3Cpath fill='%23d00' d='M0 160h640v160H0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 29px;
  height: 22px;
  display: block;
}

.icon-en {
  // background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-gb' viewBox='0 0 512 512'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill-opacity='.7' d='M250 0h500v500H250z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(-256) scale(1.024)'%3E%3Cg stroke-width='1pt'%3E%3Cpath fill='%23012169' d='M0 0h1000v500H0z'/%3E%3Cpath fill='%23fff' d='M0 0v55.9L888.2 500H1000v-55.9L111.8.1H0zm1000 0v55.9L111.8 500H0v-55.9L888.2 0H1000z'/%3E%3Cpath fill='%23fff' d='M416.7 0v500h166.6V0H416.7zM0 166.7v166.6h1000V166.7H0z'/%3E%3Cpath fill='%23c8102e' d='M0 200v100h1000V200H0zM450 0v500h100V0H450zM0 500l333.3-166.7H408L74.5 500H0zM0 0l333.3 166.7h-74.5L0 37.3V0zm592.1 166.7L925.5 0h74.5L666.7 166.7H592zm408 333.3L666.6 333.3h74.5L1000 462.7V500z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill-opacity='.7' d='M-85.3 0h682.6v512H-85.3z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(80) scale(.94)'%3E%3Cg stroke-width='1pt'%3E%3Cpath fill='%23012169' d='M-256 0H768v512H-256z'/%3E%3Cpath fill='%23fff' d='M-256 0v57.2L653.5 512H768v-57.2L-141.5 0H-256zM768 0v57.2L-141.5 512H-256v-57.2L653.5 0H768z'/%3E%3Cpath fill='%23fff' d='M170.7 0v512h170.6V0H170.7zM-256 170.7v170.6H768V170.7H-256z'/%3E%3Cpath fill='%23c8102e' d='M-256 204.8v102.4H768V204.8H-256zM204.8 0v512h102.4V0H204.8zM-256 512L85.3 341.3h76.4L-179.7 512H-256zm0-512L85.3 170.7H9L-256 38.2V0zm606.4 170.7L691.7 0H768L426.7 170.7h-76.3zM768 512L426.7 341.3H503l265 132.5V512z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 29px;
  height: 22px;
  display: block;
}
.icon-fr {
  // background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-fr' viewBox='0 0 512 512'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23fff' d='M0 0h512v512H0z'/%3E%3Cpath fill='%2300267f' d='M0 0h170.7v512H0z'/%3E%3Cpath fill='%23cf004f' d='M341.3 0H512v512H341.3z'/%3E%3C/g%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23fff' d='M0 0h640v480H0z'/%3E%3Cpath fill='%2300267f' d='M0 0h213.3v480H0z'/%3E%3Cpath fill='%23f31830' d='M426.7 0H640v480H426.7z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 29px;
  height: 22px;
  display: block;
}
.icon-it {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='flag-icon-css-it' viewBox='0 0 640 480'%3E%3Cg fill-rule='evenodd' stroke-width='1pt'%3E%3Cpath fill='%23fff' d='M0 0h640v480H0z'/%3E%3Cpath fill='%23009246' d='M0 0h213.3v480H0z'/%3E%3Cpath fill='%23ce2b37' d='M426.7 0H640v480H426.7z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 29px;
  height: 22px;
  display: block;
}

.icon-de, .icon-en, .icon-fr, .icon-it {
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: transform 0.3s;
  cursor: pointer;
  //margin-bottom: 2px;
  &:hover {
    transform: scale(1.2);
  }
}

.close {
  position: absolute;
  z-index: 5;
  display: block;
  border: 2px solid transparent;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FF4E00%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M23.455%2019.999l8.545%2012-8.545%2012M40.545%2043.998L32%2031.999l8.545-12.001%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999px;
  right: 5%;
  top: calc(5vh + 48px);
  margin-left: -32px;
  width: 64px;
  height: 64px;
    &:hover {
      border: 2px solid $orange;
    }
  a {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.vertical {
  animation: vertical_2129 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_2129 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}






