*,*:before,*:after {
  padding:0;
  margin:0;
  outline:0;
  box-sizing:border-box
}

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

body,html {
  min-height:100%
}

html {
  tap-highlight-color:transparent
}

body {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  text-size-adjust:none
}

audio,iframe,img,object,video {
  max-width:100%
}

iframe,img {
  border:0 none
}

img {
  height:auto;
  display:inline-block;
  vertical-align:middle
}

b,strong {
  font-weight:700
}

address {
  font-style:normal
}

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

a,button,input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],label[for] {
  cursor:pointer
}

a[href^=tel],button[disabled],input[disabled],select[disabled],textarea[disabled] {
  cursor:default
}

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

a[href^=tel],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  display:none;
  -webkit-appearance:none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

textarea {
  overflow:auto;
  resize:none;
  -webkit-overflow-scrolling:touch;
  overflow-scrolling:touch
}

button,input,optgroup,select,textarea {
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased
}

button,select {
  text-transform:none
}

table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0
}

nav ol,nav ul {
  list-style:none outside none
}

@font-face {
  font-family:dp_icon;
  src:url(/static/fonts/dp_icons/dp_icon.eot);
  src:url(/static/fonts/dp_icons/dp_icon.eot?#iefix) format("eot"),url(/static/fonts/dp_icons/dp_icon.woff) format("woff"),url(/static/fonts/dp_icons/dp_icon.ttf) format("truetype"),url(/static/fonts/dp_icons/dp_icon.svg#dp_icon) format("svg")
}

.dp_icon:before {
  font-family:dp_icon;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  text-decoration:none;
  text-transform:none
}

.dp_icon-arrow-down:before {
  content:"\E001"
}

.dp_icon-arrow-left:before {
  content:"\E002"
}

.dp_icon-arrow-right:before {
  content:"\E003"
}

.dp_icon-arrow-up:before {
  content:"\E004"
}

.dp_icon-briefcase:before {
  content:"\E005"
}

.dp_icon-camera:before {
  content:"\E006"
}

.dp_icon-checkmark:before {
  content:"\E007"
}

.dp_icon-chevron-down:before {
  content:"\E008"
}

.dp_icon-chevron-left:before {
  content:"\E009"
}

.dp_icon-chevron-right:before {
  content:"\E00A"
}

.dp_icon-chevron-up:before {
  content:"\E00B"
}

.dp_icon-clipboard:before {
  content:"\E00C"
}

.dp_icon-close:before {
  content:"\E00D"
}

.dp_icon-eye:before {
  content:"\E00E"
}

.dp_icon-facebook:before {
  content:"\E00F"
}

.dp_icon-flag:before {
  content:"\E010"
}

.dp_icon-grid:before {
  content:"\E011"
}

.dp_icon-heart:before {
  content:"\E012"
}

.dp_icon-home:before {
  content:"\E013"
}

.dp_icon-home2:before {
  content:"\E014"
}

.dp_icon-image-view:before {
  content:"\E015"
}

.dp_icon-info:before {
  content:"\E016"
}

.dp_icon-laptop:before {
  content:"\E017"
}

.dp_icon-layout:before {
  content:"\E018"
}

.dp_icon-linkedin:before {
  content:"\E019"
}

.dp_icon-loader:before {
  content:"\E01A"
}

.dp_icon-location:before {
  content:"\E01B"
}

.dp_icon-lock:before {
  content:"\E01C"
}

.dp_icon-mail:before {
  content:"\E01D"
}

.dp_icon-mail2:before {
  content:"\E01E"
}

.dp_icon-minus-circ:before {
  content:"\E01F"
}

.dp_icon-minus:before {
  content:"\E020"
}

.dp_icon-pencil:before {
  content:"\E021"
}

.dp_icon-pin:before {
  content:"\E022"
}

.dp_icon-play:before {
  content:"\E023"
}

.dp_icon-plus:before {
  content:"\E024"
}

.dp_icon-pointer:before {
  content:"\E025"
}

.dp_icon-questionmark:before {
  content:"\E026"
}

.dp_icon-remove:before {
  content:"\E027"
}

.dp_icon-search:before {
  content:"\E028"
}

.dp_icon-send:before {
  content:"\E029"
}

.dp_icon-share:before {
  content:"\E02A"
}

.dp_icon-trash:before {
  content:"\E02B"
}

.dp_icon-twitter:before {
  content:"\E02C"
}

.dp_icon-url:before {
  content:"\E02D"
}

.dp_icon-user:before {
  content:"\E02E"
}

.dp_icon-video-view:before {
  content:"\E02F"
}

.styleguide header {
  background:#33343d;
  padding:20px 0
}

.styleguide header .flex-wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}

.styleguide header svg {
  margin-right:20px;
  height:80px;
  width:200px;
  display:block;
  fill:#fff
}

.styleguide header h1 {
  font-size:36px;
  font-weight:700;
  color:#fff
}

.styleguide section {
  padding:100px 0;
  border-bottom:1px solid #fff;
  text-align:center
}

.styleguide section:nth-child(odd) {
  background:#f7f7f7
}

.styleguide section.left {
  text-align:left
}

.styleguide-title {
  font-size:24px;
  line-height:28px;
  text-align:center;
  position:relative;
  margin:0 auto 20px;
  color:#33343d
}

.styleguide-subtitle {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:16px;
  line-height:20px;
  text-align:center;
  position:relative;
  margin:0 auto 20px;
  color:#616268
}

.styleguide-list {
  list-style:none;
  padding:0;
  margin:0 auto 20px
}

.styleguide-list li {
  display:inline-block;
  margin:10px
}

.styleguide-list.fixed-width li {
  margin:10px 0;
  min-width:160px
}

.styleguide-table {
  margin:50px 0
}

.styleguide-table th,.styleguide-table tr>td:first-child {
  font-weight:400;
  font-size:13px;
  color:#23242d;
  white-space:nowrap
}

.styleguide-table th.dark,.styleguide-table tr>td:first-child.dark {
  color:#fff
}

.styleguide-table tr>td:first-child,.styleguide-table tr>th:first-child {
  text-align:left;
  border-right:1px solid #e6e6e6;
  width:150px
}

.styleguide-table tr {
  border-bottom:1px solid #e6e6e6
}

.styleguide-table tr:last-child {
  border-bottom:0
}

.styleguide-table td,.styleguide-table th {
  padding:10px;
  vertical-align:middle
}

.styleguide-table td.dark,.styleguide-table th.dark {
  background:#33343d
}

.styleguide-label {
  font-size:12px;
  line-height:1;
  margin:10px 0 0
}

.styleguide-row {
  margin:0 0 20px
}

.styleguide pre {
  text-align:left
}

.styleguide .typography {
  text-align:left
}

.styleguide .typography-bodyfont {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  display:block;
  margin:0 0 1em;
  color:#23242d
}

.styleguide .typography-headingfont {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  display:block;
  margin:0 0 1em;
  color:#23242d
}

.styleguide .typography-buttonfont {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  display:block;
  margin:0 0 1em;
  color:#23242d
}

.styleguide .typography-labelfont {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  display:block;
  margin:0 0 1em;
  color:#23242d
}

.styleguide .typography-quotefont {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:0;
  text-transform:none;
  display:block;
  margin:0 0 1em;
  color:#23242d
}

.styleguide .colors .content-wrap {
  max-width:640px
}

.styleguide .color-item {
  position:relative;
  margin:0 auto 10px;
  width:100px;
  height:100px;
  border:2px solid transparent;
  border-radius:100%;
  position:relative
}

.styleguide .color-item.bordered {
  border:2px solid #e6e6e6
}

.styleguide .color-item.background-default {
  background:#fff
}

.styleguide .color-item.background-dark {
  background:#23242d
}

.styleguide .color-item.background-medium {
  background:#33343d
}

.styleguide .color-item.background-light {
  background:#f7f7f7
}

.styleguide .color-item.border-default {
  background:#fff
}

.styleguide .color-item.border-dark {
  background:#23242d
}

.styleguide .color-item.border-light {
  background:#e6e6e6
}

.styleguide .color-item.text-default {
  background:#616268
}

.styleguide .color-item.text-dark {
  background:#23242d
}

.styleguide .color-item.text-medium {
  background:#33343d
}

.styleguide .color-item.text-light {
  background:#fff
}

.styleguide .color-item.theme-red {
  background:#e74d66
}

.styleguide .color-item.theme-purple {
  background:#5541c9
}

.styleguide .color-item.theme-blue {
  background:#1da1f2
}

.styleguide .color-item.theme-grey {
  background:#443d35
}

.styleguide .color-item.theme-brown {
  background:#c08a67
}

.styleguide .color-item.theme-yellow {
  background:#f8bc2d
}

.styleguide .color-item.theme-green {
  background:#34c279
}

.styleguide .icons .styleguide-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}

.styleguide .icons .styleguide-list li {
  display:block;
  float:left;
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%;
  padding:0;
  margin:0
}

.styleguide .icons .styleguide-list li i {
  font-size:16px;
  display:block;
  margin:30px auto 10px
}

.styleguide .icons .styleguide-list li svg {
  width:16px;
  height:16px;
  margin:30px auto 10px;
  display:inline-block;
  fill:#616268
}

.styleguide .ui-elements .styleguide-list li {
  padding:10px
}

body,html {
  height:100%
}

body.full-height,html.full-height {
  height:100%
}

body.full-height #main,body.full-height .page-view,html.full-height #main,html.full-height .page-view {
  height:100%
}

@media only screen and (min-width:1024px) {
  body.desktop-full-height,html.desktop-full-height {
  height:100%
}

body.desktop-full-height #main,body.desktop-full-height .page-view,html.desktop-full-height #main,html.desktop-full-height .page-view {
  height:100%
}


}

@media only screen and (min-width:1280px) {
  body,html {
  overflow-x:hidden;
  min-height:100%;
  height:auto
}


}

body .loading,html .loading {
  background:url(../images/bespeak-loader-x2.gif);
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#23242d;
  background-size:130px 100px;
  display:none;
  position:fixed;
  height:100%;
  width:100%;
  z-index:300
}

body.is-loading,html.is-loading {
  background-color:#23242d
}

body.is-loading .loading,html.is-loading .loading {
  display:block
}

::-ms-backdrop body,::-ms-backdrop html {
  overflow-x:auto
}

#main {
  padding:10px
}

#main::after {
  content:'';
  position:fixed;
  left:10px;
  right:10px;
  top:0;
  bottom:0;
  border-top:10px solid #fff;
  z-index:100;
  pointer-events:none;
  -webkit-transition:border .3s;
  transition:border .3s
}

@media only screen and (min-width:375px) {
  #main {
  padding:15px
}

#main::after {
  border-top-width:15px;
  left:15px;
  right:15px
}


}

@media only screen and (min-width:675px) {
  #main {
  padding:20px
}

#main::after {
  border-top-width:20px;
  left:20px;
  right:20px
}


}

.page-view {
  position:relative
}

body {
  -webkit-transition:background .3s;
  transition:background .3s;
  background:#fff
}

body.dark-bg {
  background-color:#23242d
}

body.dark-bg #main::after {
  border-color:#23242d
}

body.medium-bg {
  background-color:#33343d
}

body.medium-bg #main::after {
  border-color:#33343d
}

body.no-bg #main::after {
  border-color:transparent
}

body.no-padding #main {
  padding:0
}

body.no-padding #main::after {
  display:none
}

.page-view[data-controller=home] {
  overflow:hidden
}

.svg-sprite {
  position:absolute;
  visibility:hidden;
  z-index:-1
}

.lazyload {
  opacity:0
}

.lazyloading {
  opacity:.1;
  -webkit-transition:opacity .4s;
  transition:opacity .4s;
  background:#33343d no-repeat center
}

.lazyloaded {
  opacity:1;
  -webkit-transition:opacity .4s;
  transition:opacity .4s;
  background:0 0
}

.image-box {
  position:relative;
  overflow:hidden
}

.image-box img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  display:block
}

.image-box img.lazyloading {
  height:100%
}

html {
  font-family:"calluna-sans";
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  font-size:16px;
  line-height:1.5;
  color:#616268
}

@media only screen and (min-width:1400px) {
  html {
  font-size:20px
}


}

h1 {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:35px;
  line-height:1.125;
  margin-bottom:1.5rem;
  color:#33343d
}

@media only screen and (min-width:1024px) {
  h1 {
  font-size:50px
}


}

@media only screen and (min-width:1400px) {
  h1 {
  font-size:80px
}


}

h2 {
  font-family:"calluna-sans";
  font-synthesis: none;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:30px;
  line-height:1.167;
  margin-bottom:1.5rem;
  color:#23242d
}

@media only screen and (min-width:1024px) {
  h2 {
  font-size:40px
}


}

@media only screen and (min-width:1400px) {
  h2 {
  font-size:60px
}


}

h3 {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:24px;
  line-height:1.25;
  margin-bottom:.75rem;
  color:#23242d
}

@media only screen and (min-width:1400px) {
  h3 {
  font-size:40px
}


}

h4 {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:20px;
  line-height:1.33;
  margin-bottom:0;
  color:#23242d
}

@media only screen and (min-width:1400px) {
  h4 {
  font-size:30px
}


}

h5 {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:1rem;
  line-height:1.5;
  margin-bottom:0;
  color:#23242d
}

p {
  margin-bottom:1.2rem
}

p.introduction {
  font-weight:300;
  font-size:1.125rem;
  color:#33343d
}

blockquote {
  margin:0;
  padding:20px 0;
  position:relative
}

blockquote p {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:0;
  text-transform:none;
  font-size:22px;
  line-height:32px;
  color:#616268;
  margin-bottom:.5rem;
  quotes:'“' '”' '‘' '’'
}

blockquote p::before {
  content:open-quote;
  display:block;
  font-size:80px;
  line-height:0;
  margin:40px 0 -5px -10px;
  color:#fff
}

blockquote p::after {
  content:close-quote;
  visibility:hidden
}

blockquote cite {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  display:block;
  font-size:1rem;
  line-height:25px;
  color:#23242d
}

blockquote cite strong {
  font-weight:700
}

q {
  quotes:'“' '”' '‘' '’'
}

q::before {
  content:open-quote
}

q::after {
  content:close-quote
}

blockquote:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,p:last-child {
  margin-bottom:0
}

a {
  color:#33343d;
  text-decoration:none;
  -webkit-transition:color .2s;
  transition:color .2s
}

.no-touchevents a:hover {
  color:#27282f;
  text-decoration:none
}

hr {
  border:0;
  height:1px;
  background:#fff;
  margin:30px auto
}

::-moz-selection {
  background:#33343d;
  color:#fff
}

::selection {
  background:#33343d;
  color:#fff
}

ol,ul {
  list-style-position:outside;
  margin:1rem 0 1rem .4em;
  padding:0 0 0 .4em
}

ol li,ul li {
  margin:0 0 0 .3em;
  padding:0 0 0 .3em
}

@-webkit-keyframes fadeIn {
  0% {
  opacity:0
}

100% {
  opacity:1
}


}

@keyframes fadeIn {
  0% {
  opacity:0
}

100% {
  opacity:1
}


}

@-webkit-keyframes fadeOut {
  0% {
  opacity:1
}

100% {
  opacity:0
}


}

@keyframes fadeOut {
  0% {
  opacity:1
}

100% {
  opacity:0
}


}

@-webkit-keyframes moveInFromLeft {
  0% {
  opacity:0;
  -webkit-transform:translateX(-300px);
  transform:translateX(-300px)
}

100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}


}

@keyframes moveInFromLeft {
  0% {
  opacity:0;
  -webkit-transform:translateX(-300px);
  transform:translateX(-300px)
}

100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}


}

@-webkit-keyframes moveOutToLeft {
  0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

100% {
  opacity:0;
  -webkit-transform:translateX(-300px);
  transform:translateX(-300px)
}


}

@keyframes moveOutToLeft {
  0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

100% {
  opacity:0;
  -webkit-transform:translateX(-300px);
  transform:translateX(-300px)
}


}

@-webkit-keyframes moveInFromRight {
  0% {
  opacity:0;
  -webkit-transform:translateX(300px);
  transform:translateX(300px)
}

100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}


}

@keyframes moveInFromRight {
  0% {
  opacity:0;
  -webkit-transform:translateX(300px);
  transform:translateX(300px)
}

100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}


}

@-webkit-keyframes moveOutToRight {
  0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

100% {
  opacity:0;
  -webkit-transform:translateX(300px);
  transform:translateX(300px)
}


}

@keyframes moveOutToRight {
  0% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

100% {
  opacity:0;
  -webkit-transform:translateX(300px);
  transform:translateX(300px)
}


}

.filters,.header,.page-view {
  -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
  animation-timing-function:cubic-bezier(.215,.61,.355,1);
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:.3s;
  animation-duration:.3s
}

.is-exiting .filters,.is-exiting .header,.is-exiting .page-view {
  -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
  animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}

#main[data-transition=fade] .filters,#main[data-transition=fade] .header,#main[data-transition=fade] .page-view {
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn
}

#main[data-transition=fade].is-exiting .filters,#main[data-transition=fade].is-exiting .header,#main[data-transition=fade].is-exiting .page-view {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut
}

#main[data-transition=moveleft] .filters,#main[data-transition=moveleft] .header,#main[data-transition=moveleft] .page-view {
  -webkit-animation-name:moveInFromLeft;
  animation-name:moveInFromLeft
}

#main[data-transition=moveleft].is-exiting .filters,#main[data-transition=moveleft].is-exiting .header,#main[data-transition=moveleft].is-exiting .page-view {
  -webkit-animation-name:moveOutToRight;
  animation-name:moveOutToRight
}

#main[data-transition=moveright] .filters,#main[data-transition=moveright] .header,#main[data-transition=moveright] .page-view {
  -webkit-animation-name:moveInFromRight;
  animation-name:moveInFromRight
}

#main[data-transition=moveright].is-exiting .filters,#main[data-transition=moveright].is-exiting .header,#main[data-transition=moveright].is-exiting .page-view {
  -webkit-animation-name:moveOutToLeft;
  animation-name:moveOutToLeft
}

#main.enter .filters,#main.enter .header,#main.enter .page-view {
  -webkit-animation:none;
  animation:none
}

.button {
  display:inline-block;
  border:none;
  -webkit-transition:background .15s,border .15s,color .15s,-webkit-transform .15s;
  transition:background .15s,border .15s,color .15s,-webkit-transform .15s;
  transition:background .15s,border .15s,color .15s,transform .15s;
  transition:background .15s,border .15s,color .15s,transform .15s,-webkit-transform .15s;
  text-decoration:none;
  outline:0;
  white-space:nowrap
}

.no-touchevents .button:hover {
  text-decoration:none;
  -webkit-transition:background .15s,border .15s,color .15s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,transform cubic-bezier(.54,1.54,.43,.94) .3s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s
}

.button[disabled] {
  pointer-events:none;
  opacity:.3
}

.button--round {
  display:inline-block;
  border:none;
  -webkit-transition:background .15s,border .15s,color .15s,-webkit-transform .15s;
  transition:background .15s,border .15s,color .15s,-webkit-transform .15s;
  transition:background .15s,border .15s,color .15s,transform .15s;
  transition:background .15s,border .15s,color .15s,transform .15s,-webkit-transform .15s;
  text-decoration:none;
  outline:0;
  white-space:nowrap;
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  border:2px solid transparent;
  border-radius:25px;
  height:auto;
  padding:13px 30px;
  font-size:18px;
  line-height:20px;
  text-align:center
}

.no-touchevents .button--round:hover {
  text-decoration:none;
  -webkit-transition:background .15s,border .15s,color .15s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,transform cubic-bezier(.54,1.54,.43,.94) .3s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s
}

.button--round[disabled] {
  pointer-events:none;
  opacity:.3
}

.button--round:active {
  padding:14px 30px 12px
}

.button--icon {
  display:inline-block;
  border:none;
  -webkit-transition:background .15s,border .15s,color .15s,-webkit-transform .15s;
  transition:background .15s,border .15s,color .15s,-webkit-transform .15s;
  transition:background .15s,border .15s,color .15s,transform .15s;
  transition:background .15s,border .15s,color .15s,transform .15s,-webkit-transform .15s;
  text-decoration:none;
  outline:0;
  white-space:nowrap;
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  position:relative;
  border:2px solid transparent;
  border-radius:100%;
  padding:0;
  width:50px;
  height:50px
}

.no-touchevents .button--icon:hover {
  text-decoration:none;
  -webkit-transition:background .15s,border .15s,color .15s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,transform cubic-bezier(.54,1.54,.43,.94) .3s;
  transition:background .15s,border .15s,color .15s,transform cubic-bezier(.54,1.54,.43,.94) .3s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .3s
}

.button--icon[disabled] {
  pointer-events:none;
  opacity:.3
}

.button--icon svg {
  position:absolute;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px;
  display:block;
  width:16px;
  height:16px;
  fill:currentColor;
  z-index:2
}

.button--icon:active svg {
  -webkit-transform:translateY(1px);
  transform:translateY(1px)
}

.button--label-left label {
  position:absolute;
  right:calc(100% - 10px);
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  padding-right:30px
}

.no-touchevents .button--label-left:hover label {
  -webkit-transform:translate(-10px,-50%);
  transform:translate(-10px,-50%)
}

.button--label-right label {
  position:absolute;
  left:calc(100% - 10px);
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  padding-left:30px
}

.no-touchevents .button--label-right:hover label {
  -webkit-transform:translate(10px,-50%);
  transform:translate(10px,-50%)
}

.button--dark-solid {
  background-color:#23242d;
  border-color:#23242d;
  color:#fff
}

.no-touchevents .button--dark-solid:hover {
  background-color:transparent;
  border-color:#23242d;
  color:#23242d
}

.no-touchevents .button--dark-solid:hover:active {
  background-color:transparent;
  border-color:#23242d;
  color:#23242d
}

.button--dark-solid:active {
  background-color:transparent;
  border-color:#23242d;
  color:#23242d
}

.button--dark-bordered {
  background-color:transparent;
  border-color:rgba(35,36,45,.15);
  color:#23242d
}

.no-touchevents .button--dark-bordered:hover {
  background-color:transparent;
  border-color:#23242d;
  color:#23242d
}

.no-touchevents .button--dark-bordered:hover:active {
  background-color:transparent;
  border-color:#23242d;
  color:#23242d
}

.button--dark-bordered:active {
  background-color:transparent;
  border-color:#23242d;
  color:#23242d
}

.button--dark-bubble {
  position:relative;
  background:0 0;
  border-color:transparent;
  color:#fff
}

.button--dark-bubble span {
  position:relative;
  z-index:1
}

.button--dark-bubble::before {
  content:'';
  position:absolute;
  top:-2px;
  right:-2px;
  bottom:-2px;
  left:-2px;
  border-radius:25px;
  z-index:0;
  background-color:#fff;
  -webkit-animation:.2s ease 1 both bubbleOut;
  animation:.2s ease 1 both bubbleOut;
  pointer-events:none
}

.no-touchevents .button--dark-bubble:hover::before {
  -webkit-animation:.6s ease 1 both bubbleIn;
  animation:.6s ease 1 both bubbleIn
}

.button--dark-bubble::before {
  background-color:#23242d
}

.no-touchevents .button--dark-bubble:hover {
  color:#fff
}

.no-touchevents .button--dark-bubble:hover::before {
  background-color:#23242d
}

.no-touchevents .button--dark-bubble:hover:active {
  color:#d9d9d9
}

.no-touchevents .button--dark-bubble:hover:active::before {
  background-color:#23242d
}

.button--dark-bubble:active {
  color:#d9d9d9
}

.button--dark-bubble:active::before {
  background-color:#23242d
}

.button--dark-bubble label {
  color:#23242d
}

.button--light-solid {
  background-color:#f7f7f7;
  border-color:#f7f7f7;
  color:#23242d
}

.no-touchevents .button--light-solid:hover {
  background-color:transparent;
  border-color:#f7f7f7;
  color:#fff
}

.no-touchevents .button--light-solid:hover:active {
  background-color:transparent;
  border-color:#d1d1d1;
  color:#d9d9d9
}

.button--light-solid:active {
  background-color:transparent;
  border-color:#d1d1d1;
  color:#d9d9d9
}

.button--light-bordered {
  background-color:transparent;
  border-color:rgba(255,255,255,.4);
  color:#fff
}

.no-touchevents .button--light-bordered:hover {
  background-color:transparent;
  border-color:#fff;
  color:#fff
}

.no-touchevents .button--light-bordered:hover:active {
  background-color:transparent;
  border-color:rgba(255,255,255,.4);
  color:#d9d9d9
}

.button--light-bordered:active {
  background-color:transparent;
  border-color:rgba(255,255,255,.4);
  color:#d9d9d9
}

.button--light-bubble {
  position:relative;
  background:0 0;
  border-color:transparent;
  color:#23242d
}

.button--light-bubble span {
  position:relative;
  z-index:1
}

.button--light-bubble::before {
  content:'';
  position:absolute;
  top:-2px;
  right:-2px;
  bottom:-2px;
  left:-2px;
  border-radius:25px;
  z-index:0;
  background-color:#fff;
  -webkit-animation:.2s ease 1 both bubbleOut;
  animation:.2s ease 1 both bubbleOut;
  pointer-events:none
}

.no-touchevents .button--light-bubble:hover::before {
  -webkit-animation:.6s ease 1 both bubbleIn;
  animation:.6s ease 1 both bubbleIn
}

.button--light-bubble::before {
  background-color:#fff
}

.no-touchevents .button--light-bubble:hover {
  color:#23242d
}

.no-touchevents .button--light-bubble:hover::before {
  background-color:#fff
}

.no-touchevents .button--light-bubble:hover:active {
  color:#23242d
}

.no-touchevents .button--light-bubble:hover:active::before {
  background-color:#fff
}

.button--light-bubble:active {
  color:#23242d
}

.button--light-bubble:active::before {
  background-color:#fff
}

.button--light-bubble label {
  color:#fff
}

@-webkit-keyframes bubbleIn {
  0% {
  -webkit-transform:none;
  transform:none
}

20% {
  -webkit-transform:scale(.9,1.2);
  transform:scale(.9,1.2)
}

40% {
  -webkit-transform:scale(1.15,.95);
  transform:scale(1.15,.95)
}

60% {
  -webkit-transform:scale(1.1,1.12);
  transform:scale(1.1,1.12)
}

80% {
  -webkit-transform:scale(1.12,1.1);
  transform:scale(1.12,1.1)
}

100% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}


}

@keyframes bubbleIn {
  0% {
  -webkit-transform:none;
  transform:none
}

20% {
  -webkit-transform:scale(.9,1.2);
  transform:scale(.9,1.2)
}

40% {
  -webkit-transform:scale(1.15,.95);
  transform:scale(1.15,.95)
}

60% {
  -webkit-transform:scale(1.1,1.12);
  transform:scale(1.1,1.12)
}

80% {
  -webkit-transform:scale(1.12,1.1);
  transform:scale(1.12,1.1)
}

100% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}


}

@-webkit-keyframes bubbleOut {
  0% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}

100% {
  -webkit-transform:none;
  transform:none
}


}

@keyframes bubbleOut {
  0% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}

100% {
  -webkit-transform:none;
  transform:none
}


}

.back-to-overview {
  display:inline-block;
  color:#616268
}

.back-to-overview span {
  display:inline-block;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

.back-to-overview svg {
  display:inline-block;
  vertical-align:baseline;
  position:relative;
  top:2px;
  width:16px;
  height:16px;
  fill:rgba(97,98,104,.4);
  margin-right:10px;
  -webkit-transition:fill .2s;
  transition:fill .2s
}

.no-touchevents .back-to-overview:hover {
  color:#23242d
}

.no-touchevents .back-to-overview:hover svg {
  fill:#616268
}

.no-touchevents .back-to-overview:hover span {
  -webkit-transform:translateX(10px);
  transform:translateX(10px)
}

.case-detail-header {
  margin-bottom:60px
}

.case-detail-header .case_page_navigation {
  display:none
}

.case-detail-header__title {
  height:100vh;
  width:100%;
  position:relative;
  top:0;
  left:0
}

.case-detail-header__title figure {
  height:100%
}

.case-detail-header__title figure img {
  position:absolute;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:80% 40%;
  object-position:80% 40%;
  font-family:'object-fit:cover;
  object-position:80% 40%;
  '
}

.case-detail-header__title__content {
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  padding:40px 45px
}

.case-detail-header__title__content .back-to-overview {
  margin-bottom:30px;
  color:#fff
}

.case-detail-header__title__content .back-to-overview svg {
  fill:rgba(255,255,255,.4)
}

.no-touchevents .case-detail-header__title__content .back-to-overview:hover {
  color:#fff
}

.no-touchevents .case-detail-header__title__content .back-to-overview:hover svg {
  fill:#fff
}

.case-detail-header__title__content h1 {
  font-size:35px;
  color:inherit
}

.case-detail-header__title__content .scrolldown {
  float:right
}

.case-detail-header__introduction p {
  padding:55px 40px
}

.case-detail-header__information__column {
  margin:50px 20px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.case-detail-header__information__col {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-negative:1;
  flex-shrink:1;
  -ms-flex-preferred-size:calc(50% - 50px);
  flex-basis:calc(50% - 50px);
  padding:0 20px 50px 0;
  border-bottom:1px solid #e6e6e6
}

.case-detail-header__information__col ul {
  margin:0 0 1rem;
  padding:0;
  list-style-type:none
}

.case-detail-header__information__col ul li {
  font-weight:700;
  margin:0;
  padding:0
}

.case-detail-header__information__col ul li:first-child {
  color:#443d35;
  font-weight:300;
  font-size:15px
}

@media only screen and (min-width:375px) {
  .case-detail-header__title__content {
  left:15px;
  right:15px
}


}

@media only screen and (min-width:675px) {
  .case-detail-header__title {
  height:calc(100vh - 280px)
}

.case-detail-header__title__content {
  width:calc(50% - 20px);
  left:20px;
  right:auto
}

.case-detail-header__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.case-detail-header__introduction {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}

.case-detail-header__information {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}

.case-detail-header__information__column {
  margin:50px 0 0 50px
}

.case-detail-header__information__column__col {
  padding:0 50px 50px 0
}


}

@media only screen and (min-width:1024px) {
  .case-detail-header .case_page_navigation {
  display:block
}

.case-detail-header__title {
  max-height:500px
}

.case-detail-header__title__content {
  padding:40px 60px;
  left:20px;
  right:20px;
  width:calc(50% - 20px)
}

.case-detail-header__title__content h1 {
  font-size:50px
}

.case-detail-header__introduction p {
  padding:40px 60px
}

.case-detail-header__information__column {
  margin:60px 0 0 60px
}


}

@media only screen and (min-width:1280px) {
  .case-detail-header {
  margin-bottom:120px;
  min-height:0
}

.case-detail-header__title {
  height:50vw;
  max-height:900px
}

.case-detail-header__title__content {
  padding:60px 70px
}

.case-detail-header__title__content .back-to-overview {
  margin-bottom:50px
}

.case-detail-header__introduction p {
  padding:70px 70px 70px 150px
}

.case-detail-header__introduction__col {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  margin:50px
}

.case-detail-header__introduction__col ul li:first-child {
  color:#443d35;
  font-weight:300;
  font-size:18px
}

.case-detail-header__information__column {
  margin:70px 0 0 70px
}


}

@media only screen and (min-width:1400px) {
  .case-detail-header__title__content h1 {
  font-size:80px;
  margin-bottom:50px
}


}

.case-pagination {
  position:fixed;
  top:0;
  left:-10px;
  width:100%;
  height:100%;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  -webkit-transition:-webkit-transform cubic-bezier(.215,.61,.355,1) .4s;
  transition:-webkit-transform cubic-bezier(.215,.61,.355,1) .4s;
  transition:transform cubic-bezier(.215,.61,.355,1) .4s;
  transition:transform cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform cubic-bezier(.215,.61,.355,1) .4s;
  z-index:200;
  display:table;
  background:#33343d;
  color:#fff;
  text-align:right
}

.case-pagination__wrap {
  display:table-cell;
  vertical-align:middle;
  text-align:right;
  height:100%
}

.case-pagination__inner {
  overflow:auto;
  display:inline-block
}

.case-pagination.open {
  -webkit-transform:none;
  transform:none
}

.case-pagination__button {
  position:absolute;
  top:20px;
  right:20px;
  width:30px;
  height:30px;
  background:0 0;
  border:0
}

.case-pagination__button span {
  position:absolute;
  background:#fff;
  height:1px;
  left:50%;
  top:50%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  width:110%
}

.case-pagination__button span:nth-child(1) {
  -webkit-transform:translate(-50%,0) rotate(45deg);
  transform:translate(-50%,0) rotate(45deg)
}

.case-pagination__button span:nth-child(2) {
  -webkit-transform:translate(-50%,0) rotate(-45deg);
  transform:translate(-50%,0) rotate(-45deg)
}

.case-pagination__title {
  display:inline-block;
  margin:0;
  padding:17px 80px 10px 20px;
  font-size:28px;
  color:#fff;
  max-width:12em
}

.case-pagination__list {
  display:inline-block;
  width:100%;
  margin:0;
  padding:0 50px 10px 10px;
  list-style:none;
  max-width:360px
}

.case-pagination__list li {
  position:relative;
  display:block;
  margin:0;
  padding:7px 30px 7px 0;
  border-right:1px solid rgba(230,230,230,.1);
  -webkit-transition:color .2s;
  transition:color .2s;
  font-size:14px;
  cursor:pointer;
  white-space:normal;
  direction:rtl
}

.case-pagination__list li::before {
  content:'';
  position:absolute;
  top:50%;
  right:-1px;
  width:7px;
  height:7px;
  background:#33343d;
  border:1px solid #e6e6e6;
  border-radius:100%;
  -webkit-transform:translate(50%,-50%);
  transform:translate(50%,-50%);
  -webkit-transition:border .2s,background .1s;
  transition:border .2s,background .1s
}

.case-pagination__list li::after {
  content:'';
  position:absolute;
  top:calc(50% - 1px);
  left:calc(100% + 4px);
  width:12px;
  border-top:1px solid transparent;
  -webkit-transition:border .2s,-webkit-transform .6s;
  transition:border .2s,-webkit-transform .6s;
  transition:border .2s,transform .6s;
  transition:border .2s,transform .6s,-webkit-transform .6s;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
}

.no-touchevents .case-pagination__list li:hover::before {
  background:#e6e6e6
}

.case-pagination__list li.inactive {
  color:#fff!important
}

.case-pagination__list li.active::before {
  background:#23242d;
  border-color:currentColor
}

.case-pagination__list li.active::after {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  border-color:currentColor
}

.case-pagination__list li.active::before,.no-touchevents .case-pagination__list li.active:hover::before {
  background:currentColor
}

@media only screen and (min-width:375px) {
  .case-pagination__list {
  padding-bottom:150px
}

.case-pagination__list li {
  padding-top:8px;
  padding-bottom:8px;
  font-size:16px
}


}

@media only screen and (min-width:1024px) {
  .case-pagination {
  z-index:2;
  width:calc(50% - 20px);
  background:0 0;
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.case-pagination__button {
  display:none
}

.case-pagination__title {
  font-size:30px;
  padding-right:120px
}

.case-pagination__list {
  padding-top:10px;
  padding-right:80px
}

.case-pagination__list li {
  padding-top:7px;
  padding-bottom:7px;
  padding-right:40px
}

.case-pagination__list li::after {
  width:20px
}


}

@media only screen and (min-width:1400px) {
  .case-pagination__title {
  font-size:50px;
  padding-top:60px
}


}

@media only screen and (min-width:1400px) {
  .case-pagination {
  vertical-align:middle
}

.case-pagination__title {
  padding-top:10px
}

.case-pagination__list {
  padding-bottom:150px
}

.case-pagination__list li {
  padding-top:10px;
  padding-bottom:10px
}

.case-pagination__list li::before {
  width:10px;
  height:10px;
  border-width:2px
}

.case-pagination__list li::after {
  width:30px;
  top:calc(50%);
  left:calc(100% + 6px)
}


}

.case-slide {
  overflow:visible;
  background:#0d0d10
}

.case-slide__background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:0
}

.case-slide__background img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:80% 40%;
  object-position:80% 40%;
  font-family:'object-fit:cover;
  object-position:80% 40%;
  '
}

.case-slide__content {
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  z-index:2;
  padding:20px;
  background:#33343d
}

.case-slide__title {
  max-width:8em;
  color:#fff
}

.case-slide__text {
  max-width:30em;
  color:#fff;
  margin-bottom:1.2rem
}

.case-slide__intro-text {
  max-width:30em;
  display:flex;
  flex-direction:row;
  align-items:center;
  color:#fff;
  margin:30px 0
}

.case-slide__intro-text p {
  font-weight:700;
  margin-right:20px;
  margin-bottom:0
}

.case-slide__pagination-toggle {
  margin:5px 0 20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}

.case-slide__toggle {
  position:relative;
  width:30px;
  height:40px;
  margin-right:10px;
  background:0 0;
  border:0
}

.case-slide__toggle span {
  position:absolute;
  background:#fff;
  height:1px;
  left:50%;
  top:50%;
  -webkit-transition:width .2s,-webkit-transform .2s .8s;
  transition:width .2s,-webkit-transform .2s .8s;
  transition:transform .2s .8s,width .2s;
  transition:transform .2s .8s,width .2s,-webkit-transform .2s .8s;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
}

.case-slide__toggle span:nth-child(1) {
  width:70%;
  -webkit-transform:translate(-50%,-8px);
  transform:translate(-50%,-8px)
}

.case-slide__toggle span:nth-child(2) {
  width:100%;
  -webkit-transform:translate(-50%,0);
  transform:translate(-50%,0)
}

.case-slide__toggle span:nth-child(3) {
  width:70%;
  -webkit-transform:translate(-50%,8px);
  transform:translate(-50%,8px)
}

.case-slide__current {
  display:block;
  font-size:46px;
  font-weight:300;
  line-height:46px;
  margin-right:5px;
  position:relative;
  top:-3px;
  color:#fff
}

.case-slide__total {
  display:block;
  font-size:24px;
  font-weight:300;
  line-height:46px;
  letter-spacing:.1em;
  position:relative;
  top:-1px;
  color:rgba(255,255,255,.4)
}

.case-slide__navigation {
  position:absolute;
  top:20px;
  right:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.case-slide__navigation button {
  display:block;
  margin:3px
}

.case-slide__marker,.case-slide__prop-main,.case-slide__prop-sec,.case-slide__text {
  display:none
}

@media only screen and (min-width:375px) {
  .case-slide__content {
  bottom:15px;
  left:15px;
  right:15px;
  padding:20px 40px 30px
}

.case-slide__marker {
  display:none
}


}

@media only screen and (min-width:675px) {
  .case-slide__content {
  bottom:20px;
  left:20px;
  right:20px;
  padding:20px 40px 30px
}

.case-slide__marker {
  display:none
}


}

@media only screen and (min-width:1024px) {
  .case-slide__pagination-background {
  position:fixed;
  top:0;
  left:0;
  width:calc(50% - 20px);
  height:calc(100% + 10px);
  background:#33343d;
  border:20px #23242d;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  z-index:1
}

.case-slide__background img {
  -o-object-position:70% 40%;
  object-position:70% 40%;
  font-family:'object-fit:cover;
  object-position:70% 40%;
  '
}

.case-slide__content {
  bottom:20px;
  left:20px;
  right:50%;
  top:20px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  padding:0
}

.case-slide__content__wrap {
  position:relative;
  padding:50px
}

.case-slide__navigation,.case-slide__prop-main,.case-slide__prop-sec,.case-slide__text {
  display:block
}

.case-slide__prop-main {
  position:absolute;
  bottom:0;
  left:0;
  -webkit-transform:translate(-50%,90%);
  transform:translate(-50%,90%)
}

.case-slide__prop-sec {
  position:absolute;
  top:0;
  right:50px;
  -webkit-transform:translate(50%,-50%);
  transform:translate(50%,-50%)
}

.case-slide__navigation {
  top:auto;
  bottom:20px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}

.case-slide__navigation button {
  margin:5px
}

.case-slide__marker {
  position:absolute;
  z-index:1;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}

.case-slide__marker.textTop {
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse
}

.case-slide__marker.textTop .case-slide__marker-textrwap {
  margin:30px -15px
}

.case-slide__marker.textLeft {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse;
  text-align:end
}

.case-slide__marker.textBottom {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}

.case-slide__marker.textBottom .case-slide__marker-text {
  text-align:center
}

.case-slide__marker.textRight {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row
}

.case-slide__marker .case-slide__marker-textrwap {
  margin:15px 24px
}

.case-slide__marker .case-slide__marker-textrwap .case-slide__marker-text {
  white-space:nowrap;
  overflow:hidden;
  width:100%
}

.case-slide__marker .case-slide__marker-textrwap .case-slide__marker-title {
  white-space:nowrap;
  overflow:hidden;
  width:100%
}

.case-slide__marker .case-slide__marker-round {
  height:75px;
  width:75px;
  border-radius:150px;
  background:0 0;
  border:1px solid #fff;
  position:relative;
  visibility:visible
}

.case-slide__marker .case-slide__marker-round.picture {
  background-position:center;
  background-size:auto;
  background-repeat:no-repeat;
  border:none;
  box-shadow:0 0 0 4px rgba(255,255,225,.3)
}

.case-slide__marker .case-slide__marker-round:before {
  content:'';
  position:absolute;
  height:8px;
  width:8px;
  border-radius:100%;
  top:calc(50% - 4px);
  left:calc(50% - 4px);
  background-color:#fff
}


}



@media only screen and (min-width:1400px) {
  .case-slide__title {
  font-size:60px;
  margin-top:50px;
}

.case-slide__marker .case-slide__marker-round {
  width:100px;
  height:100px
}

.case-slide__marker .case-slide__marker-round.picture {
  box-shadow:0 0 0 8px rgba(255,255,225,.3)
}


}

@media (min-resolution: 1.25dppx) {
  .case-slide__title {
  font-size:40px!important;
}
}

@media only screen and (min-width:1920px) {
  .case-slide__content__wrap {
  padding:50px 120px
}

.case-slide__title {
  font-size:80px
}

.case-slide__text {
  font-size:24px;
  margin-bottom:40px
}

.case-slide__button {
  margin-bottom:20px
}

.case-slide__button label {
  font-size:24px
}

.case-slide__marker .case-slide__marker-round {
  width:150px;
  height:150px
}

.case-slide__marker .case-slide__marker-textrwap {
  margin:36px 36px
}


}

.case-slide.active .case-slide__marker .case-slide__marker-textrwap .case-slide__marker-text {
  -webkit-animation:typing 2.2s steps(20,end);
  animation:typing 2.2s steps(20,end)
}

.case-slide.active .case-slide__marker-textrwap .case-slide__marker-title {
  -webkit-animation:fadein 2.2s linear;
  animation:fadein 2.2s linear
}

.case-slide.active .case-slide__marker-round {
  -webkit-animation:grow 2.2s linear;
  animation:grow 2.2s linear
}

@-webkit-keyframes grow {
  0% {
  visibility:hidden;
  -webkit-transform:scale(0);
  transform:scale(0)
}

49% {
  visibility:visible
}

87% {
  -webkit-transform:scale(0);
  transform:scale(0)
}

97% {
  -webkit-transform:scale(1.3);
  transform:scale(1.3)
}

100% {
  -webkit-transform:scale(1);
  transform:scale(1)
}


}

@-webkit-keyframes typing {
  0% {
  visibility:hidden;
  width:0
}

80% {
  visibility:visible
}

80% {
  width:0
}


}

@-webkit-keyframes fadein {
  0% {
  opacity:0
}

80% {
  opacity:0
}

100% {
  opacity:1
}


}

@keyframes fadein {
  0% {
  opacity:0
}

80% {
  opacity:0
}

100% {
  opacity:1
}


}

.case-slider {
  position:relative;
  height:100%;
  z-index:1;
  overflow:hidden
}

.case-slider__wrap {
  position:relative;
  height:100%;
  z-index:1
}

.case-slider__wrap.active {
  position:fixed;
  width:100%;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

.case-slider__wrap.active .case-slide {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width:100%;
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.case-slider__wrap.active .case-slide.active {
  z-index:3
}

.case-slider__wrap.active .case-slide.active+.case-slide {
  z-index:2
}

.case-slider__wrap.active .case-slide.active .case-slide__content {
  -webkit-transition-delay:.3s;
  transition-delay:.3s;
  -webkit-transition-duration:1s;
  transition-duration:1s;
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
}

.case-slider__wrap.active .case-slide.prev {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}

.case-slider__wrap.active .case-slide.prev .case-slide__content {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px)
}

.case-slider__wrap.active .case-slide.next {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
}

.case-slider__wrap.active .case-slide.next .case-slide__content {
  -webkit-transform:translateY(100px);
  transform:translateY(100px)
}

.case-slider__wrap.active .case-slide__background {
  -webkit-transition:-webkit-transform cubic-bezier(.215,.61,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.215,.61,.355,1) .6s;
  transition:transform cubic-bezier(.215,.61,.355,1) .6s;
  transition:transform cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform cubic-bezier(.215,.61,.355,1) .6s
}

.case-slider__wrap.active .case-slide__content {
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.case-slider__wrap.active.open-pagination .case-slide__background {
  -webkit-transform:translateX(30%);
  transform:translateX(30%);
  -webkit-transition-duration:.7s;
  transition-duration:.7s;
  -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
  transition-timing-function:cubic-bezier(.215,.61,.355,1)
}

.case-slider__wrap.active.open-pagination .case-slide.active .case-slide__content {
  -webkit-transition-delay:0s!important;
  transition-delay:0s!important;
  -webkit-transition-duration:.6s;
  transition-duration:.6s;
  -webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);
  transition-timing-function:cubic-bezier(.645,.045,.355,1)
}

.case-slider::before {
  content:'';
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100px;
  background:-webkit-linear-gradient(top,rgba(0,0,0,.75),transparent);
  background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);
  z-index:4
}

.case-slider .case-slide {
  position:relative;
  height:100%
}

@media only screen and (min-width:1024px) {
  .case-slider {
  z-index:2;
  height:100vh
}

.case-slider::before {
  display:none
}

.case-slider .case-slide {
  height:100vh
}

.case-slider .case-slide__background {
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.case-slider .case-slide.active .case-slide__prop-main {
  -webkit-transform:translate(-50%,90%);
  transform:translate(-50%,90%);
  -webkit-transition:opacity .5s 1.2s,-webkit-transform cubic-bezier(.215,.61,.355,1) .5s 1.2s;
  transition:opacity .5s 1.2s,-webkit-transform cubic-bezier(.215,.61,.355,1) .5s 1.2s;
  transition:transform cubic-bezier(.215,.61,.355,1) .5s 1.2s,opacity .5s 1.2s;
  transition:transform cubic-bezier(.215,.61,.355,1) .5s 1.2s,opacity .5s 1.2s,-webkit-transform cubic-bezier(.215,.61,.355,1) .5s 1.2s
}

.case-slider .case-slide.active .case-slide__prop-sec {
  opacity:1;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transform:translate(50%,-50%) scale(1);
  transform:translate(50%,-50%) scale(1);
  -webkit-transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s 1s;
  transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s 1s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s 1s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s 1s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s 1s
}

.case-slider .case-slide.next .case-slide__prop-main,.case-slider .case-slide.prev .case-slide__prop-main {
  opacity:0;
  -webkit-transform:translate(-75%,90%);
  transform:translate(-75%,90%);
  -webkit-transition:opacity .3s,-webkit-transform ease .8s;
  transition:opacity .3s,-webkit-transform ease .8s;
  transition:transform ease .8s,opacity .3s;
  transition:transform ease .8s,opacity .3s,-webkit-transform ease .8s
}

.case-slider .case-slide.next .case-slide__prop-sec,.case-slider .case-slide.prev .case-slide__prop-sec {
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transform:translate(50%,-50%) scale(0);
  transform:translate(50%,-50%) scale(0);
  -webkit-transition:-webkit-transform ease .2s;
  transition:-webkit-transform ease .2s;
  transition:transform ease .2s;
  transition:transform ease .2s,-webkit-transform ease .2s
}

.case-slider__wrap.active .case-slide {
  -webkit-transition:-webkit-transform cubic-bezier(.53,0,.05,1) 1s;
  transition:-webkit-transform cubic-bezier(.53,0,.05,1) 1s;
  transition:transform cubic-bezier(.53,0,.05,1) 1s;
  transition:transform cubic-bezier(.53,0,.05,1) 1s,-webkit-transform cubic-bezier(.53,0,.05,1) 1s
}

.case-slider__wrap.active.open-pagination .case-slide .case-slide__pagination-background {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

.case-slider__wrap.active.open-pagination .case-slide .case-slide__background {
  -webkit-transform:translateX(20%);
  transform:translateX(20%);
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.case-slider__wrap.active.open-pagination .case-slide .case-slide__content {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
}

.case-slider__wrap.active.open-pagination .case-slide .case-slide__toggle span:nth-child(1) {
  -webkit-transform:translate(-50%,0) rotate(45deg);
  transform:translate(-50%,0) rotate(45deg);
  width:100%
}

.case-slider__wrap.active.open-pagination .case-slide .case-slide__toggle span:nth-child(2) {
  -webkit-transform:translate(-50%,0) scale(0,1);
  transform:translate(-50%,0) scale(0,1)
}

.case-slider__wrap.active.open-pagination .case-slide .case-slide__toggle span:nth-child(3) {
  -webkit-transform:translate(-50%,0) rotate(-45deg);
  transform:translate(-50%,0) rotate(-45deg);
  width:100%
}


}

.cases-overview {
  list-style:none;
  margin:130px;
  padding:130px 0 10px;
  overflow:visible;
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,-webkit-transform .3s;
  margin:0
}

.cases-overview__background {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
  background:#23242d;
  opacity:.1
}

.cases-overview li {
  z-index:1;
  display:block;
  padding:0;
  margin:0;
  overflow:hidden;
  -webkit-transition:opacity .2s,-webkit-transform .2s;
  transition:opacity .2s,-webkit-transform .2s;
  transition:opacity .2s,transform .2s;
  transition:opacity .2s,transform .2s,-webkit-transform .2s;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:0
}

.cases-overview li.active {
  display:block
}

.cases-overview li.inactive {
  display:none
}

.cases-overview li.hide {
  opacity:0;
  -webkit-transform:scale(.95);
  transform:scale(.95)
}

.cases-overview li.show {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}

.cases-overview.open-filters {
  -webkit-transform:translateY(200px);
  transform:translateY(200px)
}

@media only screen and (min-width:375px) {
  .cases-overview {
  padding-bottom:15px
}


}

@media only screen and (min-width:675px) {
  .cases-overview {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  padding-top:90px;
  padding-bottom:20px
}

.cases-overview li {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}


}

@media only screen and (min-width:1024px) {
  .cases-overview {
  padding-top:100px;
  min-height:calc(100% - 80px)
}

.cases-overview.open-filters {
  -webkit-transform:none;
  transform:none
}


}

@media only screen and (min-width:1920px) {
  .cases-overview li {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33%;
  flex:0 0 33.33%
}


}

@-webkit-keyframes hideCase {
  0% {
  height:auto;
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}

99% {
  height:auto;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:0
}

100% {
  height:0
}


}

@keyframes hideCase {
  0% {
  height:auto;
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}

99% {
  height:auto;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:0
}

100% {
  height:0
}


}

@-webkit-keyframes showCase {
  0% {
  height:auto;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:0
}

100% {
  height:auto;
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}


}

@keyframes showCase {
  0% {
  height:auto;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  opacity:0
}

100% {
  height:auto;
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1
}


}

.contact-map {
  position:relative;
  width:100%;
  height:400px;
  overflow:hidden;
  background:rgba(51,52,61,.3)
}

.contact-map__wrap {
  width:100%;
  height:100%
}

.contact-map button.close {
  display:none
}

@media only screen and (min-width:1024px) {
  .contact-map {
  height:100%
}

.contact-map__wrap {
  -webkit-transform:translateX(25%);
  transform:translateX(25%);
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.contact-map button.close {
  display:block;
  position:absolute;
  z-index:3;
  top:30px;
  left:30px;
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  -webkit-transform:scale(0);
  transform:scale(0);
  box-shadow:0 2px 5px rgba(0,0,0,.2)
}

.contact-map button.close svg {
  width:10px;
  height:10px;
  margin-top:-5px;
  margin-left:-5px
}

.contact-map.closed-header .contact-map__wrap {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

.contact-map.closed-header button.close {
  -webkit-transform:none;
  transform:none;
  -webkit-transition:-webkit-transform .2s .6s;
  transition:-webkit-transform .2s .6s;
  transition:transform .2s .6s;
  transition:transform .2s .6s,-webkit-transform .2s .6s
}


}

.content-header {
  padding:120px 0 30px
}

.content-header .back-to-overview {
  margin:0 10px 30px
}

@media only screen and (min-width:375px) {
  .content-header .back-to-overview {
  margin:0 15px 30px
}


}

@media only screen and (min-width:675px) {
  .content-header {
  padding-top:160px
}

.content-header .back-to-overview {
  margin:0;
  position:absolute;
  left:50%;
  top:55px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}

.content-header h1 {
  text-align:center
}


}

@media only screen and (min-width:1400px) {
  .content-header {
  padding-top:200px
}


}

.content-wrap {
  max-width:1200px;
  position:relative;
  margin:0 auto;
  padding:0 10px
}

@media only screen and (min-width:375px) {
  .content-wrap {
  padding:0 15px
}


}

@media only screen and (min-width:675px) {
  .content-wrap {
  padding:0 20px
}


}

.content-wrap--small {
  max-width:600px
}

.content-wrap--medium {
  max-width:800px
}

.content-wrap--large {
  max-width:1600px
}

.content-wrap.no-padding {
  padding:0
}

.dropdown {
  position:relative;
  display:inline-block
}

.dropdown__toggle {
  display:inline-block;
  background:0 0;
  border:2px solid rgba(35,36,45,.2);
  border-radius:25px;
  height:auto;
  padding:13px 45px 13px 30px;
  font-size:17px;
  line-height:20px;
  text-align:center;
  pointer-events:none;
  width:100%
}

.dropdown__toggle svg {
  position:absolute;
  width:16px;
  height:16px;
  right:20px;
  top:50%;
  margin-top:-7px;
  fill:rgba(35,36,45,.2);
  z-index:2
}

.dropdown__select {
  position:absolute;
  opacity:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
  font-size:1rem;
  z-index:1;
  line-height:50px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.dropdown--light .dropdown__toggle {
  border-color:rgba(230,230,230,.2);
  color:#fff
}

.dropdown--light .dropdown__toggle svg {
  fill:rgba(230,230,230,.2)
}

.filters {
  position:fixed;
  top:10px;
  left:10px;
  right:10px;
  height:130px;
  padding:90px 10px 10px;
  z-index:10;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background:#33343d;
  -webkit-perspective:1000px;
  perspective:1000px
}

.filters__title {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding:10px;
  color:rgba(255,255,255,.5)
}

.filters__body {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  height:200px;
  overflow:hidden;
  background:#33343d;
  -webkit-transform:rotate3d(1,0,0,-90deg);
  transform:rotate3d(1,0,0,-90deg);
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  opacity:0;
  z-index:-1;
  pointer-events:none;
  -webkit-transition:opacity .1s .1s,z-index 0s .2s,-webkit-transform ease .2s;
  transition:opacity .1s .1s,z-index 0s .2s,-webkit-transform ease .2s;
  transition:transform ease .2s,opacity .1s .1s,z-index 0s .2s;
  transition:transform ease .2s,opacity .1s .1s,z-index 0s .2s,-webkit-transform ease .2s
}

.filters__body__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  max-width:375px;
  position:relative;
  margin:0 auto
}

.filters__body__wrap>* {
  margin:5px 20px
}

.filters__reset {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  background:0 0;
  border:0;
  display:block;
  color:rgba(255,255,255,.5);
  padding:10px;
  white-space:nowrap
}

.filters__reset svg {
  display:inline-block;
  width:16px;
  height:16px;
  position:relative;
  top:1px;
  margin-right:5px;
  fill:#616268
}

.filters__toggle {
  position:absolute;
  right:0;
  bottom:0;
  width:80px;
  height:50px;
  background:0 0;
  border:0
}

.filters__toggle svg {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  fill:#fff;
  width:16px;
  height:16px;
  -webkit-transition:-webkit-transform .3s .1s;
  transition:-webkit-transform .3s .1s;
  transition:transform .3s .1s;
  transition:transform .3s .1s,-webkit-transform .3s .1s
}

.filters.open .filters__body {
  -webkit-transform:rotate3d(0,0,1,0deg);
  transform:rotate3d(0,0,1,0deg);
  pointer-events:auto;
  opacity:1;
  z-index:1;
  -webkit-transition:opacity .2s,z-index 0s,-webkit-transform .3s;
  transition:opacity .2s,z-index 0s,-webkit-transform .3s;
  transition:transform .3s,opacity .2s,z-index 0s;
  transition:transform .3s,opacity .2s,z-index 0s,-webkit-transform .3s
}

.filters.open .filters__toggle svg {
  -webkit-transform:translate(-50%,-50%) rotate(180deg);
  transform:translate(-50%,-50%) rotate(180deg)
}

@media only screen and (min-width:375px) {
  .filters {
  top:15px;
  left:15px;
  right:15px
}


}

@media only screen and (min-width:675px) {
  .filters {
  top:20px;
  left:20px;
  right:20px;
  height:90px;
  padding:20px
}

.filters__toggle {
  position:relative;
  width:60px;
  margin-right:-60px
}


}

@media only screen and (min-width:1024px) {
  .filters {
  padding:10px;
  top:20px;
  height:100px;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  padding-left:280px
}

.filters__body {
  position:relative;
  -webkit-transform:none;
  transform:none;
  opacity:1;
  z-index:1;
  pointer-events:auto;
  width:auto;
  height:auto;
  top:0
}

.filters__body__wrap {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  max-width:none;
  padding:0
}

.filters__body__wrap>* {
  margin:0 5px
}

.filters__body__toggle {
  display:none
}

.filters__toggle {
  display:none
}


}

.footer {
  padding:10px 10px 0
}

.footer__inner {
  background:rgba(51,52,61,.1)
}

.footer__wrap {
  padding:40px
}

.footer a {
  color:#616268
}

.no-touchevents .footer a:hover {
  color:#23242d
}

.footer__list {
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:16px;
  text-align:center
}

.footer__list li {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin:10px;
  padding:0
}

.footer__social-list {
  list-style:none;
  margin:50px 0 0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}

.footer__social-list li {
  -webkit-box-flex:0;
  -ms-flex:0 0 16px;
  flex:0 0 16px;
  margin:10px;
  padding:0
}

.footer__social-list li svg {
  width:18px;
  height:18px;
  fill:currentColor
}

@media only screen and (min-width:375px) {
  .footer {
  padding:15px 15px 0
}


}

@media only screen and (min-width:675px) {
  .footer {
  padding:20px 20px 0
}


}

@media only screen and (min-width:1024px) {
  .footer__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.footer__list {
  -webkit-box-flex:1;
  -ms-flex:1 1 80%;
  flex:1 1 80%;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}

.footer__list li {
  margin:10px 20px
}

.footer__list li:first-child {
  margin-left:0
}

.footer__social-list {
  margin-top:0;
  -webkit-box-flex:1;
  -ms-flex:1 1 20%;
  flex:1 1 20%;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start
}


}

.form__row {
  position:relative;
  margin:0 0 10px
}

.form__row label {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  display:block;
  text-align:left;
  font-size:16px;
  line-height:30px;
  padding:10px 0 0;
  color:rgba(97,98,104,.5)
}

.form__row label.required::after {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  content:' *';
  font-size:16px;
  font-weight:600
}

.form__row>div {
  -webkit-box-flex:1;
  -ms-flex:1 1 300px;
  flex:1 1 300px
}

.form__row .error {
  display:block;
  width:100%;
  height:0;
  padding:0;
  text-align:left;
  font-size:14px;
  line-height:1.2;
  color:#f33;
  -webkit-transition:height .2s;
  transition:height .2s;
  overflow:hidden
}

.form__row .error.show {
  height:auto;
  padding:8px 0;
  -webkit-animation:.3s ease 1 both showError;
  animation:.3s ease 1 both showError;
  -webkit-transition:height 0s;
  transition:height 0s
}

.form__row.invalid .text-field__border {
  background:#f33
}

.form__row.invalid .select-field select {
  border:#f33
}

@media only screen and (min-width:675px) {
  .form__row label {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  padding:10px 20px;
  max-width:200px;
  white-space:nowrap
}

.form__row label+.select-field select,.form__row label+.text-field input,.form__row label+.text-field textarea {
  padding-left:180px
}


}

@media only screen and (min-width:1400px) {
  .form__row label {
  font-size:18px
}


}

.form__buttons {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:30px 0
}

.form__buttons>* {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin-right:179px
}

.form--light {
  color:#fff
}

.form--light .form__row>label {
  color:rgba(255,255,255,.5)
}

@-webkit-keyframes showError {
  0% {
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  opacity:0
}

100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
}


}

@keyframes showError {
  0% {
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  opacity:0
}

100% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
}


}

.header {
  width:100%;
  color:#fff;
  position:relative;
  z-index:10;
  padding-bottom:10px
}

.header .anker-button {
  display:block;
  color:#23242d!important
}

.header__wrap {
  background:#33343d
}

.header__inner {
  display:inline-block;
  width:100%;
  padding:150px 30px 30px;
  text-align:left
}

.header.closed {
  -webkit-transform:none;
  transform:none
}

.header__logo {
  position:absolute;
  top:30px;
  left:30px;
  width:150px;
  height:30px;
  z-index:1
}

.header__logo h1 {
  display:none
}

.header__logo svg {
  fill:#fff;
  width:100%;
  height:100%
}

.header h2 {
  display:block;
  font-size:48px;
  color:#fff;
  max-width:8em
}

.header p {
  color:inherit;
  max-width:30em
}

.header a {
  color:inherit
}

.no-touchevents .header a:hover {
  color:inherit;
  text-decoration:underline
}

.header a.scroll {
  float:right
}

.header button.minimize {
  display:none
}

.header__prop {
  position:absolute;
  display:block;
  z-index:0
}

.header__prop--top {
  top:0;
  left:65%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  height:140px
}

.header__prop--right {
  right:10%;
  bottom:8vw;
  width:30%
}

.header__prop--left {
  position:relative;
  bottom:0;
  left:0;
  width:60%
}

.header__cols__col {
  margin:0 0 30px
}

.header--light {
  color:#616268
}

.header--light a {
  color:#616268
}

.no-touchevents .header--light a:hover {
  color:#23242d
}

.header--light .header__wrap {
  background:#fff
}

.header--light .header__logo svg {
  fill:#33343d
}

.header--light h2 {
  color:#23242d
}

.header.contact-header {
  background:#23242d;
  padding-right:0
}

@media only screen and (min-width:375px) {
  .header {
  padding-bottom:15px
}


}

@media only screen and (min-width:675px) {
  .header {
  padding-bottom:20px
}

.header__inner {
  padding:120px 30px 30px
}

.header__logo {
  left:30px;
  top:40px
}

.header--with-props .header__inner {
  padding:25vw 50px 50px
}

.header__prop--top {
  height:20vh
}

.header__prop--right {
  width:25%
}


}

@media only screen and (min-width:1024px) {
  .header {
  position:fixed;
  top:0;
  left:0;
  width:50%;
  height:100%;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  display:table;
  vertical-align:middle;
  padding:20px;
  z-index:10;
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.header.closed {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
}

.header__wrap {
  display:table-cell;
  height:100%;
  vertical-align:middle;
  text-align:left
}

.header__inner {
  padding:20px 50px
}

.header__logo {
  width:200px;
  height:60px;
  left:60px;
  top:40px
}

.header--with-props .header__inner {
  padding:20px 50px 120px 50px
}

.header a.scroll {
  display:none
}

.header button.minimize {
  display:inline-block
}

.header__prop--left {
  position:absolute
}

.header__cols {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin:-20px -20px 0
}

.header__cols__col {
  -webkit-box-flex:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  -ms-flex-preferred-size:calc(50% - 40px);
  flex-basis:calc(50% - 40px);
  margin:20px
}

.header.news-header {
  width:calc(50% + 20px)
}

.header.contact-header button.minimize {
  display:block;
  position:absolute;
  top:150px;
  right:0;
  -webkit-transform:translateX(50%) scale(1);
  transform:translateX(50%) scale(1);
  -webkit-transition:-webkit-transform .2s .6s;
  transition:-webkit-transform .2s .6s;
  transition:transform .2s .6s;
  transition:transform .2s .6s,-webkit-transform .2s .6s;
  box-shadow:0 2px 5px rgba(0,0,0,.2)
}

.header.contact-header .header__inner {
  padding-top:80px;
  padding-bottom:0
}

.header.contact-header.closed button.minimize {
  -webkit-transform:translateX(50%) scale(0);
  transform:translateX(50%) scale(0);
  -webkit-transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s;
  transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s
}


}

@media only screen and (min-width:1400px) {
  .header__inner {
  padding:20px 80px
}

.header--with-props .header__inner {
  padding:20px 80px 12vw 80px
}

.header h2 {
  font-size:80px
}


}

@media only screen and (min-width:1920px) {
  .header .header__inner {
  padding:20px 120px
}

.header--with-props .header__inner {
  padding-bottom:100px
}

.header h2 {
  font-size:100px
}


}

@media (min-height:600px) and (orientation:landscape) {
  .header__prop--left {
  width:40%
}

.header__prop--right {
  width:20%;
  bottom:5vw
}


}

@media (min-height:740px) and (orientation:landscape) {
  .header__prop--top {
  height:20vh
}

.header__prop--left {
  width:60%
}

.header__prop--right {
  width:25%;
  bottom:5vw
}


}

.item-tile {
  position:relative;
  color:#33343d;
  padding:50px 30px;
  width:100%;
  height:100%;
  background:currentColor
}

.item-tile__content {
  color:#fff
}

.item-tile__content label {
  display:block;
  margin-bottom:20px
}

.item-tile__content h3 {
  color:#fff;
  margin-bottom:20px
}

.item-tile__content p {
  margin-bottom:30px
}

.item-tile__prop {
  display:none
}

@media only screen and (min-width:675px) {
  .item-tile {
  padding:50px
}


}

@media only screen and (min-width:1024px) {
  .item-tile {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  padding:0
}

.item-tile__content {
  margin:50px;
  max-width:500px
}

.item-tile__prop {
  display:block;
  position:absolute;
  bottom:0;
  right:10%;
  height:45%
}


}

@media only screen and (min-width:1400px) {
  .item-tile__content {
  margin:100px
}

.item-tile__prop {
  height:50%
}


}

@media only screen and (min-width:1920px) {
  .item-tile__prop {
  height:60%
}


}

.items-overview__list {
  list-style:none;
  padding:0;
  margin:-10px
}

.items-overview__list li {
  display:block;
  margin:10px;
  padding:0
}

@media only screen and (min-width:375px) {
  .items-overview__list {
  margin:-15px
}

.items-overview__list li {
  margin:15px
}


}

@media only screen and (min-width:675px) {
  .items-overview__list {
  margin:-20px
}

.items-overview__list li {
  margin:20px
}


}

@media only screen and (min-width:1024px) {
  .items-overview {
  padding-left:50%;
  height:100%
}

.items-overview__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -ms-flex-line-pack:start;
  align-content:flex-start;
  margin:-10px
}

.items-overview__list li {
  margin:10px
}

.items-overview__list--stretch {
  height:calc(100% + 20px);
  margin-bottom:10px
}

.items-overview__list--stretch li {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.items-overview__list--stretch li .item-tile {
  -webkit-box-flex:1;
  -ms-flex:1 1 100%;
  flex:1 1 100%
}


}

body .lg-backdrop {
  background-color:#23242d
}

body .lg-outer .lg-img-wrap {
  padding:50px 20px
}

body .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  border-radius:100%;
  background:url(/static/images/bg-play.png) 0 0/100% auto transparent no-repeat;
  margin:0
}

body .lg-actions .lg-next,body .lg-actions .lg-prev {
  border-radius:0
}

.modal-content {
  background:#23242d;
  position:relative;
  height:100%
}

.modal-content__image {
  display:block;
  height:50vw;
  overflow:hidden;
  position:relative
}

.modal-content__image img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  font-family:'object-fit:cover;
  object-position:center;
  '
}

.modal-content__content {
  position:relative
}

.modal-content__content__wrap {
  padding:30px
}

.modal-content__label {
  color:#fff;
  margin-bottom:10px
}

.modal-content__title {
  color:#fff;
  font-size:30px
}

.modal-content__text {
  color:rgba(255,255,255,.5);
  margin-bottom:50px
}

.modal-content__text a {
  color:#fff
}

.modal-content__text a:hover {
  color:rgba(255,255,255,.5)
}

.modal-content__date {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:10px 30px 20px;
  background:#23242d;
  color:rgba(255,255,255,.5);
  font-size:14px
}

@media only screen and (min-width:675px) {
  .modal-content__image {
  position:fixed;
  top:0;
  right:0;
  width:40%;
  height:100%
}

.modal-content__content {
  min-height:100%
}

.modal-content--with-image .modal-content__content {
  width:60%
}


}

@media only screen and (min-width:1024px) {
  .modal-content__image {
  width:55%
}

.modal-content__content__wrap {
  padding:50px
}

.modal-content__date {
  padding:20px 50px 30px
}

.modal-content--with-image .modal-content__content {
  width:45%
}


}

.modal {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  z-index:-1;
  pointer-events:none;
  -webkit-transition:opacity .3s,z-index 0s .3s;
  transition:opacity .3s,z-index 0s .3s;
  -webkit-perspective:800px;
  perspective:800px
}

.modal__overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#23242d;
  opacity:.75
}

.modal__window {
  position:absolute;
  top:50%;
  left:50%;
  width:calc(100% - 20px);
  max-width:1000px;
  height:calc(100% - 20px);
  max-height:600px;
  background:#23242d;
  box-shadow:0 5px 100px rgba(0,0,0,.75);
  -webkit-transform:translate(-50%,-50%) scale(.8);
  transform:translate(-50%,-50%) scale(.8);
  -webkit-transition:-webkit-transform cubic-bezier(.6,-.28,.735,.045) .4s;
  transition:-webkit-transform cubic-bezier(.6,-.28,.735,.045) .4s;
  transition:transform cubic-bezier(.6,-.28,.735,.045) .4s;
  transition:transform cubic-bezier(.6,-.28,.735,.045) .4s,-webkit-transform cubic-bezier(.6,-.28,.735,.045) .4s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.modal__content {
  height:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch
}

.modal__content a {
  color:#fff
}

.modal__content a:hover {
  opacity:.8
}

.modal__close {
  position:absolute;
  top:20px;
  right:20px;
  z-index:5;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}

.modal__close svg {
  width:10px;
  height:10px;
  margin:-5px 0 0 -5px
}

.modal.animated .modal__window {
  -webkit-animation:1s linear 1 both modalOut;
  animation:1s linear 1 both modalOut
}

.modal.open {
  opacity:1;
  z-index:200;
  -webkit-transition:opacity .3s,z-index 0s;
  transition:opacity .3s,z-index 0s;
  pointer-events:auto
}

.modal.open .modal__window {
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  -webkit-transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s;
  transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s
}

.modal.open.animated .modal__window {
  -webkit-animation:1s linear infinite both modalIn;
  animation:1s linear infinite both modalIn
}

@-webkit-keyframes modalIn {
  0% {
  -webkit-transform:translate3d(-50%,-50%,-100px) rotate3d(0,1,0,90deg);
  transform:translate3d(-50%,-50%,-100px) rotate3d(0,1,0,90deg)
}

100% {
  -webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,0,0);
  transform:translate3d(-50%,-50%,0) rotate3d(0,0,0,0)
}


}

@keyframes modalIn {
  0% {
  -webkit-transform:translate3d(-50%,-50%,-100px) rotate3d(0,1,0,90deg);
  transform:translate3d(-50%,-50%,-100px) rotate3d(0,1,0,90deg)
}

100% {
  -webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,0,0);
  transform:translate3d(-50%,-50%,0) rotate3d(0,0,0,0)
}


}

.news-overview__maximize {
  display:none
}

.news-overview__list {
  list-style:none;
  margin:-10px;
  padding:0
}

.news-overview__list li {
  display:block;
  margin:10px;
  padding:0;
  overflow:hidden
}

.news-overview__list li .news-tile {
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.no-touchevents .news-overview__list li:hover .news-tile {
  -webkit-transform:scale(.96);
  transform:scale(.96)
}

.news-overview__list li.active .news-tile {
  -webkit-transform:scale(.96) rotateZ(90deg);
  transform:scale(.96) rotateZ(90deg)
}

@media only screen and (min-width:375px) {
  .news-overview__list {
  margin:-15px
}

.news-overview__list li {
  margin:15px
}


}

@media only screen and (min-width:675px) {
  .news-overview__list {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin:-10px;
  overflow:visible;
  -webkit-transition:left .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:left .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,left .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,left .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.news-overview__list li {
  margin:10px;
  -webkit-box-flex:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  -ms-flex-preferred-size:calc(50% - 20px);
  flex-basis:calc(50% - 20px)
}


}

@media only screen and (min-width:1024px) {
  .news-overview {
  overflow:hidden
}

.news-overview__maximize {
  display:block;
  position:fixed;
  left:50px;
  top:50px;
  z-index:5;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  pointer-events:none
}

.news-overview__list {
  width:calc(50% + 10px);
  -webkit-transform:translateX(50vw);
  transform:translateX(50vw)
}

.news-overview__list li {
  -ms-flex-preferred-size:calc(50% - 20px);
  flex-basis:calc(50% - 20px)
}

.news-overview.closed-header .news-overview__list {
  -webkit-transform:translateX(0);
  transform:translateX(0)
}

.news-overview.closed-header .news-overview__maximize {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s .6s;
  transition:-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s .6s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s .6s;
  transition:transform cubic-bezier(.54,1.54,.43,.94) .4s .6s,-webkit-transform cubic-bezier(.54,1.54,.43,.94) .4s .6s;
  pointer-events:auto
}

.news-overview.expanded .news-overview__list {
  width:auto
}

.news-overview.expanded .news-overview__list li {
  -ms-flex-preferred-size:calc(25% - 20px);
  flex-basis:calc(25% - 20px)
}


}

@media only screen and (min-width:1920px) {
  .news-overview__list li {
  -ms-flex-preferred-size:calc(33.33% - 20px);
  flex-basis:calc(33.33% - 20px)
}

.news-overview.expanded .news-overview__list li {
  -ms-flex-preferred-size:calc(16.6667% - 20px);
  flex-basis:calc(16.6667% - 20px)
}


}

.news-tile {
  position:relative;
  height:0;
  padding-bottom:100%;
  overflow:hidden;
  background:currentColor
}

.news-tile figure {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#33343d
}

.news-tile figure::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:calc(100% + 1px);
  height:calc(100% + 1px);
  opacity:.8;
  background:-webkit-linear-gradient(bottom,#000,transparent);
  background:linear-gradient(to top,#000,transparent);
  z-index:1
}

.news-tile figure img {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:50% 35%;
  object-position:50% 35%;
  font-family:'object-fit: cover;
  object-position: 50% 35;
  '
}

.news-tile__content {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  color:#fff;
  padding:40px;
  z-index:3
}

.news-tile__content h3 {
  font-size:24px;
  color:#fff
}

.news-tile__label {
  margin-bottom:10px
}

.news-tile__label svg {
  display:inline-block;
  width:20px;
  height:20px;
  fill:currentColor;
  vertical-align:middle;
  margin-right:10px
}

@media only screen and (min-width:1024px) {
  .news-tile__label {
  font-size:14px
}

.news-tile__content {
  padding:20px
}

.news-tile__content h3 {
  font-size:18px
}


}

@media only screen and (min-width:1400px) {
  .news-tile__label {
  font-size:18px
}

.news-tile__content {
  padding:40px
}

.news-tile__content h3 {
  font-size:24px
}


}

.person-slide {
  overflow:hidden;
  background:#33343d
}

.person-slide__background {
  padding-top:90px;
  position:relative
}

.person-slide__background img {
  display:block;
  width:100%
}

.person-slide__back {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:20px;
  color:#fff
}

.person-slide__back svg {
  display:block;
  width:16px;
  height:16px;
  fill:#616268;
  margin-right:10px;
  -webkit-transition:fill .2s;
  transition:fill .2s
}

.no-touchevents .person-slide__back:hover {
  color:#fff
}

.no-touchevents .person-slide__back:hover svg {
  fill:#fff
}

.person-slide__content {
  padding:30px 20px 100px;
  position:relative
}

.person-slide__name {
  max-width:6em;
  margin-bottom:20px;
  color:#fff;
  line-height:1.125
}

.person-slide__title {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin-bottom:20px;
  font-size:.875rem;
  color:rgba(255,255,255,.5)
}

.person-slide__text {
  max-width:30em;
  margin-bottom:30px;
  color:#fff
}

.person-slide .person__navigation {
  position:absolute;
  bottom:20px;
  right:20px
}

@media only screen and (min-width:675px) {
  .person-slide__content {
  padding:40px 50px
}

.person-slide__name {
  font-size:40px
}


}

@media only screen and (min-width:1024px) {
  .person-slide {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  height:100%
}

.person-slide__background {
  padding-top:0;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
}

.person-slide__background img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
/* 
  -o-object-position:0 90%;
  object-position:0 90%;
 */
}

.person-slide__content {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  padding:0
}

.person-slide__content__wrap {
  position:relative;
  padding:50px
}

.person-slide__text {
  display:block
}


}

@media only screen and (min-width:1400px) {
  .person-slide__content__wrap {
  padding:80px
}

.person-slide__name {
  font-size:80px;
  margin-bottom:30px
}


}

.people-overview {
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.people-overview li {
  margin:0;
  padding:0;
  display:block;
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%
}

@media (min-width:600px) {
  .people-overview li {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}


}

@media only screen and (min-width:1024px) {
  .people-overview li {
  -webkit-box-flex:0;
  -ms-flex:0 0 33.33%;
  flex:0 0 33.33%
}


}

@media only screen and (min-width:1280px) {
  .people-overview li {
  -webkit-box-flex:0;
  -ms-flex:0 0 25%;
  flex:0 0 25%
}


}

@media only screen and (min-width:2100px) {
  .people-overview li {
  -webkit-box-flex:0;
  -ms-flex:0 0 16.66%;
  flex:0 0 16.66%
}


}

/* 
.primary-navigation.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease;
}
 */

.primary-navigation {
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  overflow:visible;
  color:#33343d
}

.primary-navigation h1 {
  font-size:0;
  position:absolute;
  visibility:hidden;
  z-index:-1
}

.primary-navigation__logo {
  position:absolute;
  left:30px;
  top:40px;
  width:150px;
  height:30px;
  z-index:1
}

.primary-navigation__logo svg {
  fill:#fff;
  width:100%;
  height:100%;
  -webkit-transition:fill .6s;
  transition:fill .6s
}

.primary-navigation__toggle {
  position:fixed;
  right:30px;
  top:30px;
  display:block;
  width:50px;
  height:50px;
  background:#fff;
  border:none;
  border-radius:100%;
  box-shadow:0 2px 5px rgba(0,0,0,.3);
  z-index:3;
  -webkit-transition:box-shadow 0s .6s;
  transition:box-shadow 0s .6s
}

.primary-navigation__toggle span {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transition:-webkit-transform .2s .4s;
  transition:-webkit-transform .2s .4s;
  transition:transform .2s .4s;
  transition:transform .2s .4s,-webkit-transform .2s .4s;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  background:#23242d;
  width:20px;
  height:2px
}

.primary-navigation__toggle span:nth-child(1) {
  -webkit-transform:translate(-50%,-5px) rotate(0);
  transform:translate(-50%,-5px) rotate(0)
}

.primary-navigation__toggle span:nth-child(2) {
  -webkit-transform:translate(-50%,0) scaleX(1);
  transform:translate(-50%,0) scaleX(1)
}

.primary-navigation__toggle span:nth-child(3) {
  -webkit-transform:translate(-50%,5px) rotate(0);
  transform:translate(-50%,5px) rotate(0)
}

.primary-navigation__overlay {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  -webkit-transition:z-index 0s .4s;
  transition:z-index 0s .4s;
  pointer-events:none;
  color:currentColor
}

.primary-navigation__overlay__inner {
  position:absolute;
  top:10px;
  right:10px;
  bottom:10px;
  left:10px;
  overflow:hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.primary-navigation__overlay__inner::before {
  content:'';
  position:absolute;
  top:35px;
  right:35px;
  border-radius:100%;
  -webkit-transform:translate(50%,-50%) scale(0);
  transform:translate(50%,-50%) scale(0);
  -webkit-transition:background .6s,color .6s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  transition:background .6s,color .6s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  transition:background .6s,color .6s,transform cubic-bezier(.53,0,.05,1) .6s;
  transition:background .6s,color .6s,transform cubic-bezier(.53,0,.05,1) .6s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  background:currentColor;
  z-index:1
}

.primary-navigation__overlay::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:10px solid #fff;
  pointer-events:none;
  opacity:0;
  -webkit-transition:opacity .6s;
  transition:opacity .6s;
  z-index:2
}

.dark-bg .primary-navigation__overlay::after {
  border-color:#23242d
}

.medium-bg .primary-navigation__overlay::after {
  border-color:#33343d
}

.no-bg .primary-navigation__overlay::after {
  border-color:transparent
}

.primary-navigation__body {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.primary-navigation__footer {
  -webkit-box-flex:0;
  -ms-flex:0 0 80px;
  flex:0 0 80px
}

.primary-navigation__contact-menu,.primary-navigation__primary-menu,.primary-navigation__secondary-menu,.primary-navigation__social-menu {
  position:relative;
  margin:20px 10px;
  padding:0;
  z-index:3;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  opacity:0;
  -webkit-transition:opacity .2s 0s;
  transition:opacity .2s 0s
}

.primary-navigation__contact-menu li,.primary-navigation__primary-menu li,.primary-navigation__secondary-menu li,.primary-navigation__social-menu li {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  display:block;
  position:relative
}

.primary-navigation__contact-menu li a,.primary-navigation__primary-menu li a,.primary-navigation__secondary-menu li a,.primary-navigation__social-menu li a {
  display:block;
  color:#fff;
  line-height:1;
  position:relative
}

.primary-navigation__contact-menu,.primary-navigation__social-menu {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin:5px
}

.primary-navigation__primary-menu {
  margin-top:80px
}

.primary-navigation__primary-menu li {
  margin:4px;
  padding:3px 8px
}

.primary-navigation__primary-menu li a {
  font-size:30px;
  font-weight:600
}

.primary-navigation__primary-menu li a::after {
  content:'';
  position:absolute;
  bottom:-.2em;
  left:0;
  width:100%;
  height:2px;
  background:#fff;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
}

.no-touchevents .primary-navigation__primary-menu li a:hover {
  color:#fff
}

.no-touchevents .primary-navigation__primary-menu li a:hover::after {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

.primary-navigation__primary-menu li.active a::after {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

.primary-navigation__primary-menu::after {
  content:'';
  position:absolute;
  bottom:-20px;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  width:40px;
  height:1px;
  background:#fff;
  opacity:.25
}

.primary-navigation__secondary-menu {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}

.primary-navigation__secondary-menu li {
  margin:4px;
  padding:3px 8px
}

.primary-navigation__secondary-menu li a {
  font-size:18px
}

.primary-navigation__secondary-menu li a::after {
  content:'';
  position:absolute;
  bottom:-.2em;
  left:0;
  width:100%;
  height:1px;
  background:#fff;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
}

.no-touchevents .primary-navigation__secondary-menu li a:hover {
  color:#fff
}

.no-touchevents .primary-navigation__secondary-menu li a:hover::after {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

.primary-navigation__secondary-menu li.active a::after {
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}

.primary-navigation__social-menu li {
  margin:2px;
  padding:2px 8px
}

.primary-navigation__social-menu li a {
  opacity:.5;
  -webkit-transition:opacity .2s;
  transition:opacity .2s
}

.primary-navigation__social-menu li a svg {
  width:16px;
  height:16px;
  fill:currentColor;
  display:block
}

.no-touchevents .primary-navigation__social-menu li a:hover {
  opacity:1;
  color:#fff
}

.primary-navigation__contact-menu li {
  margin:2px;
  padding:2px 8px
}

.primary-navigation__contact-menu li a {
  opacity:.5;
  -webkit-transition:opacity .2s;
  transition:opacity .2s
}

.no-touchevents .primary-navigation__contact-menu li a:hover {
  opacity:1;
  color:#fff
}

.primary-navigation__amount {
  position:absolute;
  top:0;
  right:0;
  -webkit-transform:translate(50%,-50%);
  transform:translate(50%,-50%);
  width:20px;
  height:20px;
  padding:0 3px;
  font-weight:700;
  text-align:center;
  background:#f7f7f7;
  border-radius:100%;
  font-family:Arial,sans-serif;
  font-weight:700;
  font-size:.75rem;
  line-height:20px;
  color:currentColor
}

.primary-navigation.open .primary-navigation__overlay {
  z-index:2;
  -webkit-transition:z-index 0s 0s;
  transition:z-index 0s 0s;
  pointer-events:auto
}

.primary-navigation.open .primary-navigation__overlay .primary-navigation__overlay__inner::before {
  -webkit-transform:translate(50%,-50%) scale(1);
  transform:translate(50%,-50%) scale(1)
}

.primary-navigation.open .primary-navigation__overlay::after {
  opacity:1
}

.primary-navigation.open .primary-navigation__toggle {
  box-shadow:none;
  -webkit-transition:box-shadow 0s;
  transition:box-shadow 0s
}

.primary-navigation.open .primary-navigation__toggle span:nth-child(1) {
  -webkit-transform:translate(-50%,0) rotate(45deg);
  transform:translate(-50%,0) rotate(45deg)
}

.primary-navigation.open .primary-navigation__toggle span:nth-child(2) {
  -webkit-transform:translate(-50%,0) scaleX(0);
  transform:translate(-50%,0) scaleX(0)
}

.primary-navigation.open .primary-navigation__toggle span:nth-child(3) {
  -webkit-transform:translate(-50%,0) rotate(-45deg);
  transform:translate(-50%,0) rotate(-45deg)
}

.primary-navigation.open .primary-navigation__contact-menu,.primary-navigation.open .primary-navigation__primary-menu,.primary-navigation.open .primary-navigation__secondary-menu,.primary-navigation.open .primary-navigation__social-menu {
  opacity:1;
  -webkit-transition:opacity .4s .2s;
  transition:opacity .4s .2s
}

.primary-navigation.open .primary-navigation__secondary-menu {
  -webkit-transition-delay:.3s;
  transition-delay:.3s
}

.primary-navigation.open .primary-navigation__social-menu {
  -webkit-transition-delay:.4s;
  transition-delay:.4s
}

.primary-navigation.open .primary-navigation__contact-menu {
  -webkit-transition-delay:.5s;
  transition-delay:.5s
}

.primary-navigation.fixed .primary-navigation__logo {
  position:fixed
}

.primary-navigation.no-logo .primary-navigation__logo {
  display:none
}

.primary-navigation.dark-logo .primary-navigation__logo svg {
  fill:#33343d
}

@media (orientation:portrait) {
  .primary-navigation__overlay__inner::before {
  width:270vh;
  height:270vh
}

.primary-navigation__primary-menu {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}

.primary-navigation__secondary-menu {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}


}

@media (orientation:landscape) {
  .primary-navigation__overlay__inner::before {
  width:270vw;
  height:270vw
}

.primary-navigation__primary-menu {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  width:80%;
  position:relative;
  margin-left:auto;
  margin-right:auto
}

.primary-navigation__secondary-menu {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row
}


}

@media only screen and (min-width:375px) {
  .primary-navigation__overlay::after {
  border-width:15px
}

.primary-navigation__overlay__inner {
  top:15px;
  right:15px;
  bottom:15px;
  left:15px
}

.primary-navigation__overlay__inner::before {
  top:45px;
  right:45px
}

.primary-navigation__toggle {
  right:35px;
  top:35px
}

.primary-navigation__logo {
  left:35px;
  top:45px
}

.primary-navigation__primary-menu li,.primary-navigation__secondary-menu li {
  margin:5px;
  padding:4px 8px
}


}

@media only screen and (min-width:675px) {
  .primary-navigation__overlay::after {
  border-width:20px
}

.primary-navigation__overlay__inner {
  top:20px;
  right:20px;
  bottom:20px;
  left:20px
}

.primary-navigation__toggle {
  right:40px;
  top:40px
}

.primary-navigation__logo {
  left:40px;
  top:50px
}

.primary-navigation__primary-menu li {
  margin:10px;
  padding:10px 15px
}

.primary-navigation__secondary-menu li {
  margin:10px;
  padding:10px 15px
}


}

@media only screen and (min-width:1024px) {
  .primary-navigation__toggle {
  top:45px;
  right:40px
}

.primary-navigation__logo {
  width:200px;
  height:60px;
  left:60px;
  top:40px
}

.primary-navigation__primary-menu {
  position:relative;
  margin:80px auto 20px
}

.primary-navigation__primary-menu li {
  margin:10px;
  padding:10px 15px
}

.primary-navigation__primary-menu li a {
  font-weight:700
}

.primary-navigation__primary-menu::after {
  display:none
}

.primary-navigation__secondary-menu {
  margin:10px auto
}

.primary-navigation__secondary-menu li {
  margin:10px;
  padding:10px 15px
}

.primary-navigation__secondary-menu::after {
  display:none
}

.primary-navigation__amount {
  width:30px;
  height:30px;
  padding:1px 4px;
  font-size:17px;
  line-height:30px
}


}

@media only screen and (min-width:1280px) {
  .primary-navigation__footer {
  -ms-flex-preferred-size:150px;
  flex-basis:150px
}

.primary-navigation__primary-menu {
  margin-bottom:50px
}

.primary-navigation__primary-menu li a {
  font-size:50px
}

.primary-navigation__secondary-menu {
  margin:30px auto
}

.primary-navigation__secondary-menu li {
  margin:15px 20px
}

.primary-navigation__secondary-menu li a {
  font-size:24px
}

.primary-navigation__social-menu {
  margin-bottom:20px
}

.primary-navigation__social-menu li a svg {
  width:24px;
  height:24px
}


}

.secondary-navigation {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -ms-flex-line-pack:stretch;
  align-content:stretch;
  position:relative;
  height:auto;
  min-height:50px;
  z-index:60;
  background:#33343d;
  color:#fff;
  width:100%
}

.secondary-navigation__toggle {
  display:block;
  position:absolute;
  top:0;
  right:0;
  height:50px;
  width:100%;
  z-index:3;
  background:0 0;
  border:none
}

.secondary-navigation__toggle i {
  position:absolute;
  top:calc(50% + .18em);
  right:0;
  -webkit-transform:translateY(-50%) rotate(0);
  transform:translateY(-50%) rotate(0);
  -webkit-transform-origin:50% calc(50% - .18em);
  transform-origin:50% calc(50% - .18em);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s;
  font-size:28px
}

.secondary-navigation__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -ms-flex-line-pack:stretch;
  align-content:stretch;
  margin:0;
  padding:0;
  border-bottom:1px solid rgba(0,0,0,.2)
}

.secondary-navigation__item {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  display:block;
  margin:0;
  padding:0;
  -webkit-transition:opacity .3s,-webkit-transform .3s;
  transition:opacity .3s,-webkit-transform .3s;
  transition:transform .3s,opacity .3s;
  transition:transform .3s,opacity .3s,-webkit-transform .3s;
  text-align:left;
  border-top:1px solid rgba(0,0,0,.2);
  position:relative
}

.secondary-navigation__item.active .secondary-navigation__link {
  color:#fff
}

.secondary-navigation__link {
  font-size:1rem;
  padding:15px 0;
  line-height:18px;
  margin:0;
  display:block;
  width:100%;
  height:100%;
  color:#33343d;
  text-decoration:none;
  text-align:left
}

.secondary-navigation__link i {
  display:none;
  position:absolute;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}

.no-touchevents .secondary-navigation__link:hover {
  color:#fff
}

@media (max-width:1023px) {
  .secondary-navigation__item:not(.active) {
  opacity:0;
  height:0;
  -webkit-transform:perspective(350px) rotateX(90deg);
  transform:perspective(350px) rotateX(90deg);
  -webkit-transition:opacity .2s 0s,height .2s 0s,-webkit-transform .2s;
  transition:opacity .2s 0s,height .2s 0s,-webkit-transform .2s;
  transition:transform .2s,opacity .2s 0s,height .2s 0s;
  transition:transform .2s,opacity .2s 0s,height .2s 0s,-webkit-transform .2s;
  z-index:1;
  pointer-events:none;
  border-width:0
}

.secondary-navigation__item.active {
  height:50px
}

.secondary-navigation.open .secondary-navigation__toggle {
  width:50px
}

.secondary-navigation.open .secondary-navigation__toggle i {
  -webkit-transform:translateY(-50%) rotate(180deg);
  transform:translateY(-50%) rotate(180deg)
}

.secondary-navigation.open .secondary-navigation__item:not(.active) {
  opacity:1;
  height:50px;
  -webkit-transform:perspective(350px) rotateX(0);
  transform:perspective(350px) rotateX(0);
  -webkit-transition:opacity .2s,height .15s linear,-webkit-transform .2s;
  transition:opacity .2s,height .15s linear,-webkit-transform .2s;
  transition:transform .2s,opacity .2s,height .15s linear;
  transition:transform .2s,opacity .2s,height .15s linear,-webkit-transform .2s;
  z-index:2;
  border-top-width:1px;
  pointer-events:auto
}

.secondary-navigation.open .secondary-navigation__item:not(.active):last-child {
  -webkit-transition-timing-function:ease,ease,cubic-bezier(.53,0,.05,1);
  transition-timing-function:ease,ease,cubic-bezier(.53,0,.05,1);
  -webkit-transition-duration:.2s,.2s,.3s;
  transition-duration:.2s,.2s,.3s
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(1n) {
  -webkit-transition-delay:30ms;
  transition-delay:30ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(2n) {
  -webkit-transition-delay:60ms;
  transition-delay:60ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(3n) {
  -webkit-transition-delay:90ms;
  transition-delay:90ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(4n) {
  -webkit-transition-delay:120ms;
  transition-delay:120ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(5n) {
  -webkit-transition-delay:150ms;
  transition-delay:150ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(6n) {
  -webkit-transition-delay:180ms;
  transition-delay:180ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(7n) {
  -webkit-transition-delay:210ms;
  transition-delay:210ms
}

.secondary-navigation.open .secondary-navigation__item:not(.active):nth-child(8n) {
  -webkit-transition-delay:240ms;
  transition-delay:240ms
}

.secondary-navigation.open .secondary-navigation__item.active .secondary-navigation__link {
  pointer-events:auto
}


}

@media only screen and (min-width:675px) {
  .secondary-navigation {
  width:350px;
  margin:0 auto
}


}

@media only screen and (min-width:1024px) {
  .secondary-navigation {
  width:auto;
  margin:0;
  height:auto
}

.secondary-navigation__toggle {
  display:none
}

.secondary-navigation__list {
  border-bottom:none
}

.secondary-navigation__item {
  height:auto
}

.secondary-navigation__item.active .secondary-navigation__link i {
  display:block
}

.secondary-navigation__link {
  padding:11px 0;
  line-height:28px
}


}

.section-cases {
  padding:10px 10px 0
}

.section-cases h4 {
  text-align:center;
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:15px;
  margin:32px
}

.section-cases__list {
  margin:0;
  padding:0;
  list-style:none
}

.section-cases__list li {
  display:block;
  margin:0;
  padding:0
}

@media only screen and (min-width:375px) {
  .section-cases {
  padding:15px 15px 0
}


}

@media only screen and (min-width:675px) {
  .section-cases {
  padding:20px 20px 0
}

.section-cases h4 {
  font-size:18px;
  margin:25px 50px 50px 50px
}

.section-cases__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.section-cases__list li {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}


}

.section-cta {
  padding:80px 20px
}

@media only screen and (min-width:675px) {
  .section-cta {
  padding-left:0;
  padding-right:0
}

.section-cta__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.section-cta__content,.section-cta__form {
  -webkit-box-flex:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -ms-flex-negative:0;
  flex-shrink:0
}

.section-cta__content {
  -ms-flex-preferred-size:calc(45% - 40px);
  flex-basis:calc(45% - 40px);
  margin:20px;
  text-align:right
}

.section-cta__form {
  -ms-flex-preferred-size:calc(55% - 40px);
  flex-basis:calc(55% - 40px);
  margin:20px
}

.section-cta__title {
  font-size:50px
}


}

@media only screen and (min-width:1024px) {
  .section-cta__content {
  -ms-flex-preferred-size:calc(45% - 100px);
  flex-basis:calc(45% - 100px);
  margin:20px 60px;
  text-align:right
}

.section-cta__form {
  -ms-flex-preferred-size:calc(55% - 100px);
  flex-basis:calc(55% - 100px);
  margin:20px 60px
}

.section-cta .form label {
  padding:20px
}

.section-cta .form label+.select-field select,.section-cta .form label+.text-field input,.section-cta .form label+.text-field textarea {
  padding-top:20px;
  padding-bottom:30px
}


}

@media only screen and (min-width:1280px) {
  .section-cta__content {
  -ms-flex-preferred-size:calc(50% - 100px);
  flex-basis:calc(50% - 100px);
  margin:20px 80px 20px 20px;
  text-align:right
}

.section-cta__form {
  -ms-flex-preferred-size:calc(50% - 100px);
  flex-basis:calc(50% - 100px);
  margin:20px 20px 20px 80px
}

.section-cta__title {
  font-size:60px
}


}

.section-facts {
  padding:10px 10px 0;
  position:relative;
  text-align:center
}

.section-facts__inner {
  position:relative;
  padding:30vw 0
}

.section-facts.no-prop-main {
  padding-top:80px
}

.section-facts.no-prop-sec {
  padding-bottom:80px
}

.section-facts__background {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(51,52,61,.1);
  z-index:0
}

.section-facts__background .lazyload,.section-facts__background .lazyloading {
  background:0 0
}

.section-facts__prop-main {
  position:absolute;
  left:0;
  top:0;
  width:35%
}

.section-facts__prop-sec {
  position:absolute;
  right:0;
  bottom:0;
  width:45%
}

.section-facts__title {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#33343d;
  font-size:16px
}

.section-facts__text {
  position:relative;
  max-width:500px;
  padding:0 30px;
  margin:0 auto 40px
}

.section-facts__cols {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  position:relative;
  margin:0 auto;
  max-width:1200px
}

.section-facts__col {
  -webkit-box-flex:1;
  -ms-flex:1 1 100%;
  flex:1 1 100%;
  margin:20px 40px;
  max-width:450px
}

.section-facts__col__number {
  font-size:60px;
  margin-bottom:.15em
}

.section-facts__col__label {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#33343d
}

.section-facts__col__label::after {
  content:'';
  width:30px;
  height:1px;
  background:rgba(51,52,61,.5);
  display:block;
  margin:20px auto
}

@media only screen and (min-width:375px) {
  .section-facts {
  padding:15px 15px 0
}


}

@media only screen and (min-width:675px) {
  .section-facts {
  padding:20px 20px 0
}

.section-facts__inner {
  padding:20vw 0 25vw
}

.section-facts.no-prop-main {
  padding-top:120px
}

.section-facts.no-prop-sec {
  padding-bottom:120px
}

.section-facts__prop-main {
  width:25%
}

.section-facts__prop-sec {
  width:30%
}

.section-facts__col {
  -webkit-box-flex:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  -ms-flex-preferred-size:calc(50% - 40px);
  flex-basis:calc(50% - 40px);
  margin:20px
}


}

@media only screen and (min-width:1024px) {
  .section-facts__inner {
  padding:10vw 0 20vw
}

.section-facts.no-text .section-facts__inner {
  padding-top:20vw
}

.section-facts.no-prop-main .section-facts__inner {
  padding-top:120px
}

.section-facts.no-prop-sec .section-facts__inner {
  padding-bottom:120px
}

.section-facts__col {
  margin:20px 40px;
  -ms-flex-preferred-size:calc(33.33% - 80px);
  flex-basis:calc(33.33% - 80px)
}


}

@media only screen and (min-width:1280px) {
  .section-facts__col__label,.section-facts__title {
  font-size:18px
}

.section-facts__col__number {
  font-size:100px;
  margin-bottom:.25em
}


}

@media only screen and (min-width:1400px) {
  .section-facts__inner {
  padding:150px 0 200px
}

.section-facts.no-prop-main .section-facts__inner,.section-facts.no-prop-sec .section-facts__inner,.section-facts.no-text .section-facts__inner {
  padding:150px 0 200px
}

.section-facts__prop-main {
  width:30%
}

.section-facts__prop-sec {
  width:45%
}

.section-facts__col {
  margin:20px 40px;
  -ms-flex-preferred-size:calc(33.33% - 80px);
  flex-basis:calc(33.33% - 80px)
}


}

.section-gallery {
  padding:10px 0 0
}

@media only screen and (min-width:375px) {
  .section-gallery {
  padding-top:15px
}


}

@media only screen and (min-width:675px) {
  .section-gallery {
  padding-top:20px
}


}

.section-gallery__wrap {
  height:0;
  padding-bottom:50%;
  position:relative
}

.section-gallery__inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-y:hidden;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -ms-flex-line-pack:stretch;
  align-content:stretch
}

.section-gallery__image {
  -webkit-box-flex:1;
  -ms-flex:1 1 50%;
  flex:1 1 50%;
  overflow:hidden;
  position:relative
}

.section-gallery__image img {
  position:absolute;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  font-family:'object-fit:cover;
  object-position:center;
  '
}

.section-image-text {
  padding:30px 0;
  overflow:hidden
}

.section-image-text__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}

.section-image-text__image {
  position:relative;
  margin:0 0 30px
}

.section-image-text__image img {
  width:100%
}

.section-image-text__text {
  margin:0 0 30px
}

.section-image-text__text .section-image-text__pre-title {
  color:rgba(68,61,53,.5);
  font-size:15px;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin-bottom:13px
}

.section-image-text__text .section-image-text__pre-title:before {
  background-color:rgba(68,61,53,.5);
  content:'';
  display:inline-block;
  width:28px;
  height:1px;
  margin-right:15px
}

.section-image-text__text h2 {
  max-width:8em
}

.section-image-text__text p {
  max-width:26em
}

@media only screen and (min-width:675px) {
  .section-image-text__wrap {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  margin:-50px
}

.section-image-text__wrap>* {
  -ms-flex-negative:0;
  flex-shrink:0;
  -webkit-box-flex:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -ms-flex-preferred-size:calc(50% - 100px);
  flex-basis:calc(50% - 100px);
  margin:50px
}

.section-image-text__text {
  text-align:left
}

.section-image-text__text__wrap {
  display:inline-block;
  text-align:left
}

.section-image-text.align-image-right .section-image-text__image {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
}

.section-image-text.align-image-right .section-image-text__text {
  text-align:right
}

.section-image-text.sticky .section-image-text__image {
  height:50vw;
  position:relative;
  max-height:600px
}

.section-image-text.sticky .section-image-text__image img {
  position:absolute;
  right:0;
  max-width:none;
  width:auto;
  height:100%
}

.section-image-text.sticky.align-image-right .section-image-text__image img {
  right:auto;
  left:0
}


}

.section-image-text .Red a {
  color:#e74d66
}

.section-image-text .Purple a {
  color:#5541c9
}

.section-image-text .Blue a {
  color:#1da1f2
}

.section-image-text .Grey a {
  color:#443d35
}

.section-image-text .Brown a {
  color:#c08a67
}

.section-image-text .Yellow a {
  color:#f8bc2d
}

.section-image-text .Green a {
  color:#34c279
}

.section-share {
  padding:30px 0;
  text-align:center
}

.section-share h5 {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:.875rem;
  margin-bottom:20px
}

.section-share ul {
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.section-share ul li {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  display:block;
  margin:5px
}

.section-share ul li a svg {
  width:20px;
  height:20px;
  margin-top:-10px;
  margin-left:-10px
}

@media only screen and (min-width:675px) {
  .section-share {
  padding:50px 0
}


}

.section-text-text {
  padding:50px 0;
  overflow:hidden
}

.section-text-text h3 {
  font-size:24px
}

.section-text-text__left {
  margin-bottom:30px
}

@media only screen and (min-width:675px) {
  .section-text-text {
  padding:100px 0
}

.section-text-text__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 -50px
}

.section-text-text h3 {
  font-size:30px
}

.section-text-text__left,.section-text-text__right {
  width:50%;
  padding:0 50px
}


}

@media only screen and (min-width:1400px) {
  .section-text-text {
  padding:150px 0
}


}

.section-text {
  padding:25px 0
}

.section-video {
  padding:10px 0 0
}

@media only screen and (min-width:375px) {
  .section-video {
  padding-top:15px
}


}

@media only screen and (min-width:675px) {
  .section-video {
  padding-top:20px
}


}

.select-field {
  position:relative
}

.select-field select {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:block;
  width:100%;
  height:50px;
  padding:9px 18px;
  background:0 0;
  border:1px solid rgba(51,52,61,.25);
  border-radius:0;
  font-size:16px;
  line-height:30px
}

.select-field select::-ms-expand {
  display:none
}

.select-field select:focus {
  border-color:#33343d;
  color:#616268
}

.select-field select:focus+svg {
  fill:#33343d
}

.select-field svg {
  position:absolute;
  right:20px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  pointer-events:none;
  width:16px;
  height:16px;
  fill:currentColor
}

.no-touchevents .select-field:hover svg {
  fill:#33343d
}

.form--light .select-field select {
  color:#fff;
  border-color:rgba(230,230,230,.25)
}

.form--light .select-field select:focus {
  border-color:#e6e6e6
}

.form--light .select-field select:focus+svg {
  fill:#e6e6e6
}

.form--light .select-field svg {
  fill:rgba(255,255,255,.5)
}

@media only screen and (min-width:675px) {
  .select-field input,.select-field textarea {
  font-size:18px
}


}

.testimonial {
  background:rgba(35,36,45,.1);
  padding:10px
}

.testimonial__inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  background:rgba(247,247,247,.3);
  height:100%;
  width:100%
}

.testimonial__text {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  margin:30px 30px 20px;
  max-width:100%
}

.testimonial__author {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  margin:20px 30px 80px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  text-align:left;
  max-width:100%
}

.testimonial__author img {
  -webkit-box-flex:0;
  -ms-flex:0 0 80px;
  flex:0 0 80px;
  width:80px;
  height:80px;
  display:block;
  margin:0 20px 0 0;
  border-radius:100%
}

.testimonial__author__credentials {
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}

.testimonial__author__credentials h4 {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin:0
}

.testimonial__author__credentials p {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  margin:5px 0
}

@media only screen and (min-width:675px) {
  .testimonial {
  padding:20px
}

.testimonial__inner {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}

.testimonial__text {
  margin:50px 50px 20px
}

.testimonial__author {
  margin:30px 50px 50px
}


}

.testimonials {
  padding:50px 10px;
  text-align:center
}

.testimonials__wrap {
  position:relative;
  margin:0 auto;
  max-width:600px
}

.testimonials__list {
  margin:0;
  padding:0;
  list-style:none;
  position:relative
}

.testimonials__list li {
  margin:10px 0;
  padding:0
}

.testimonials__list.active {
  overflow:hidden
}

.testimonials__list.active li {
  position:absolute;
  width:100%;
  height:100%;
  margin:0 -10px;
  padding:10px;
  z-index:-1;
  pointer-events:none;
  -webkit-transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:-webkit-transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s;
  transition:transform cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform cubic-bezier(.645,.045,.355,1) .6s
}

.testimonials__list.active li .testimonial {
  width:100%;
  height:100%
}

.testimonials__list.active li.prev {
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%)
}

.testimonials__list.active li.next {
  -webkit-transform:translateX(100%);
  transform:translateX(100%)
}

.testimonials__list.active li.active {
  pointer-events:auto;
  z-index:2
}

.testimonials__controls {
  display:none
}

.testimonials__pagination {
  display:none
}

.testimonials__pagination.active {
  display:block;
  margin:0 auto;
  list-style:none;
  position:relative;
  top:-60px;
  z-index:3;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start
}

.testimonials__pagination.active li {
  width:16px;
  height:16px;
  position:relative;
  cursor:pointer
}

.testimonials__pagination.active li::before {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:6px;
  height:6px;
  border-radius:100%;
  background:#33343d;
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

.testimonials__pagination.active li::after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:10px;
  border-radius:100%;
  border:2px solid #33343d;
  -webkit-transform:translate(-50%,-50%) scale(0);
  transform:translate(-50%,-50%) scale(0);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

.testimonials__pagination.active li.active::before {
  -webkit-transform:translate(-50%,-50%) scale(0);
  transform:translate(-50%,-50%) scale(0)
}

.testimonials__pagination.active li.active::after {
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1)
}

@media only screen and (min-width:675px) {
  .testimonials__list.active {
  overflow:visible;
  -webkit-perspective:500px;
  perspective:500px
}

.testimonials__list.active li {
  opacity:0;
  -webkit-transition:opacity .6s,z-index 0s .6s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  transition:opacity .6s,z-index 0s .6s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  transition:transform cubic-bezier(.53,0,.05,1) .6s,opacity .6s,z-index 0s .6s;
  transition:transform cubic-bezier(.53,0,.05,1) .6s,opacity .6s,z-index 0s .6s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s
}

.testimonials__list.active li.prev {
  -webkit-transform:translate3d(-480px,0,-250px) rotate3d(0,1,0,-60deg);
  transform:translate3d(-480px,0,-250px) rotate3d(0,1,0,-60deg)
}

.testimonials__list.active li.next {
  -webkit-transform:translate3d(480px,0,-250px) rotate3d(0,1,0,60deg);
  transform:translate3d(480px,0,-250px) rotate3d(0,1,0,60deg)
}

.testimonials__list.active li.active {
  opacity:1;
  -webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0);
  transform:translate3d(0,0,0) rotate3d(0,0,0,0);
  -webkit-transition:opacity .6s,z-index 0s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  transition:opacity .6s,z-index 0s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s;
  transition:transform cubic-bezier(.53,0,.05,1) .6s,opacity .6s,z-index 0s;
  transition:transform cubic-bezier(.53,0,.05,1) .6s,opacity .6s,z-index 0s,-webkit-transform cubic-bezier(.53,0,.05,1) .6s
}

.testimonials__controls.active {
  display:block;
  position:absolute;
  top:50%;
  left:0;
  right:0;
  z-index:3
}

.testimonials__controls button {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}

.testimonials__controls button.prev {
  right:calc(100% + 10px)
}

.testimonials__controls button.next {
  left:calc(100% + 10px)
}

.testimonials__pagination.active {
  top:0;
  margin-top:30px
}

.testimonials__controls button.prev {
  right:calc(100% + 50px)
}

.testimonials__controls button.next {
  left:calc(100% + 50px)
}


}

@media only screen and (min-width:1024px) {
  .testimonials {
  padding:120px 10px
}


}

@media only screen and (min-width:1400px) {
  .testimonials {
  padding:150px 10px
}


}

.text-field {
  position:relative
}

.text-field input,.text-field textarea {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:400;
  font-style:normal;
  letter-spacing:0;
  text-transform:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:block;
  padding:10px 0;
  height:auto;
  width:100%;
  background:0 0;
  border:0;
  border-radius:0;
  font-size:16px;
  line-height:30px;
  color:#23242d
}

.text-field input:focus+.text-field__border::before,.text-field textarea:focus+.text-field__border::before {
  -webkit-transform:none;
  transform:none
}

.text-field input::-webkit-input-placeholder,.text-field textarea::-webkit-input-placeholder {
  color:rgba(97,98,104,.5)
}

.text-field input::-moz-placeholder,.text-field textarea::-moz-placeholder {
  color:rgba(97,98,104,.5)
}

.text-field input:-ms-input-placeholder,.text-field textarea:-ms-input-placeholder {
  color:rgba(97,98,104,.5)
}

.text-field input:-moz-placeholder,.text-field textarea:-moz-placeholder {
  color:rgba(97,98,104,.5)
}

.text-field__border {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:rgba(51,52,61,.25);
  z-index:1;
  overflow:hidden
}

.text-field__border::before {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:#33343d;
  z-index:2;
  -webkit-transform:translateX(-100%);
  transform:translateX(-100%);
  -webkit-transition:-webkit-transform .2s;
  transition:-webkit-transform .2s;
  transition:transform .2s;
  transition:transform .2s,-webkit-transform .2s
}

.form--light .text-field input,.form--light .text-field textarea {
  color:#fff
}

.form--light .text-field__border {
  background:rgba(230,230,230,.25)
}

.form--light .text-field__border::before {
  background:#e6e6e6
}

@media only screen and (min-width:675px) {
  .text-field input,.text-field textarea {
  font-size:18px;
  padding:10px 20px
}


}

.tile {
  position:relative;
  overflow:hidden;
  width:100%;
  height:100%;
  display:block
}

.tile figure {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  width:100%;
  height:100%;
  -webkit-transition:-webkit-transform cubic-bezier(.215,.61,.355,1) .4s;
  transition:-webkit-transform cubic-bezier(.215,.61,.355,1) .4s;
  transition:transform cubic-bezier(.215,.61,.355,1) .4s;
  transition:transform cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform cubic-bezier(.215,.61,.355,1) .4s;
  -webkit-transform:scale(1);
  transform:scale(1)
}

.tile figure img {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:50% 35%;
  object-position:50% 35%;
  font-family:'object-fit: cover;
  object-position: 50% 35;
  '
}

.tile .overlay {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  width:300%;
  height:0;
  padding-bottom:300%;
  border-radius:100%;
  background:currentColor;
  opacity:0;
  -webkit-transform:translate(-50%,-50%) scale(0);
  transform:translate(-50%,-50%) scale(0);
  -webkit-transition:opacity .3s,-webkit-transform cubic-bezier(.215,.61,.355,1) .3s;
  transition:opacity .3s,-webkit-transform cubic-bezier(.215,.61,.355,1) .3s;
  transition:transform cubic-bezier(.215,.61,.355,1) .3s,opacity .3s;
  transition:transform cubic-bezier(.215,.61,.355,1) .3s,opacity .3s,-webkit-transform cubic-bezier(.215,.61,.355,1) .3s
}

.tile__content {
  position:absolute;
  left:0;
  top:0;
  z-index:3;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  height:100%;
  opacity:0;
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  padding:30px;
  text-align:center
}

.tile__content h3 {
  color:#fff;
  position:relative;
  text-align:center;
  line-height:1.125;
  font-size:20px;
  margin-bottom:24px;
  max-width:10em
}

.tile__content h3::after {
  content:'';
  position:absolute;
  bottom:-12px;
  left:50%;
  width:36px;
  height:1px;
  background-color:rgba(255,255,255,.25);
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}

.tile__content p {
  color:rgba(255,255,255,.5);
  font-size:.875rem;
  line-height:1.875;
  max-width:22em
}

.tile__button {
  position:absolute;
  bottom:10px;
  right:10px;
  border-width:0
}

.no-touchevents .tile__button {
  display:none
}

.tile.active figure {
  -webkit-transform:scale(1.3);
  transform:scale(1.3);
  -webkit-transition:-webkit-transform linear 4s .3s;
  transition:-webkit-transform linear 4s .3s;
  transition:transform linear 4s .3s;
  transition:transform linear 4s .3s,-webkit-transform linear 4s .3s
}

.tile.active .overlay {
  opacity:.9;
  -webkit-transform:translate(-50%,-50%) scale(1);
  transform:translate(-50%,-50%) scale(1);
  -webkit-transition:opacity .1s .1s,-webkit-transform cubic-bezier(.55,.085,.68,.53) .4s;
  transition:opacity .1s .1s,-webkit-transform cubic-bezier(.55,.085,.68,.53) .4s;
  transition:transform cubic-bezier(.55,.085,.68,.53) .4s,opacity .1s .1s;
  transition:transform cubic-bezier(.55,.085,.68,.53) .4s,opacity .1s .1s,-webkit-transform cubic-bezier(.55,.085,.68,.53) .4s
}

.tile.active .tile__content {
  opacity:1;
  -webkit-transition:opacity .3s .3s;
  transition:opacity .3s .3s
}

@media only screen and (min-width:375px) {
  .tile__button {
  bottom:20px;
  right:20px;
  border-width:2px
}


}

@media only screen and (min-width:1024px) {
  .tile__content h3 {
  font-size:30px;
  margin-bottom:40px
}

.tile__content h3:after {
  bottom:-20px
}

.tile__content p {
  font-size:1rem
}


}

.tile.case-tile {
  height:0;
  padding-bottom:60%
}

.tile.case-tile .tile__content h3 {
  font-size:30px
}

.tile.case-tile .tile__content p {
  line-height:1.5;
  color:#fff
}

.tile.case-tile .overlay {
  width:240%;
  padding-bottom:240%
}

.tile.person-tile {
  color:#33343d;
  height:0;
  padding-bottom:100%
}

.tile.person-tile figure {
  -o-object-position:100% 100%;
  object-position:100% 100%;
  font-family:'object-fit: cover;
  object-position: 100% 100%;
  '
}

.tile.person-tile .tile__content h3 {
  margin-top:30px;
  font-size:2rem
}

.tile.person-tile .tile__content p {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:.75rem
}

.widget {
  position:relative;
  margin:10px 0 0;
  text-align:center;
  background:currentColor
}

.widget__content__inner {
  padding:15vw 20px 30px
}

.widget h2,.widget p {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  color:#fff
}

.widget h2 {
  max-width:9.6em
}

.widget p {
  max-width:25em
}

.widget--dark h2 {
  color:#23242d
}

.widget--dark p {
  color:#33343d
}

@media only screen and (min-width:375px) {
  .widget {
  margin-top:15px
}


}

@media only screen and (min-width:1024px) {
  .widget {
  margin-top:20px;
  text-align:left
}

.widget h2,.widget p {
  margin-left:0;
  margin-right:0
}

.widget::before {
  content:'';
  position:absolute;
  top:0;
  left:50%;
  width:1px;
  height:100%;
  background:#fff;
  opacity:.1
}

.widget--dark::before {
  background:#23242d
}

.widget--dark .widget__content::after,.widget--dark .widget__content::before {
  border-color:#23242d
}

.widget__wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  margin:0 auto;
  max-width:1600px
}

.widget__content {
  position:relative;
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}

.widget__content::before {
  content:'';
  position:absolute;
  top:calc(50% + 1px);
  left:calc(100% + 1px);
  width:11px;
  height:11px;
  background:currentColor;
  border:2px solid #e6e6e6;
  border-radius:100%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}

.widget__content::after {
  content:'';
  position:absolute;
  top:50%;
  right:5px;
  width:30px;
  height:0;
  border-top:1px solid #e6e6e6
}

.widget__content__inner {
  max-width:none;
  padding:100px 80px
}

.widget__gimmick {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  position:relative
}

.widget__gimmick img {
  width:100%;
/*   padding: 70px; */
}


.widget:nth-child(even) .widget__content {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2
}

.widget:nth-child(even) .widget__content::before {
  left:1px
}

.widget:nth-child(even) .widget__content::after {
  right:auto;
  left:5px
}


}

@media only screen and (min-width:1400px) {
  .widget__content__inner {
  padding:100px
}

.widget__content::after {
  width:46px
}


}

.widget--question {
  overflow:hidden
}

.widget--question .widget__gimmick {
  position:relative
}

.widget--question .question {
  text-align:center;
  display:block;
  color:#fff;
  margin:0;
  padding:0;
  top:0
}

.widget--question .question__wrap {
  margin:50px
}

.widget--question .question__label {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:13px;
  opacity:.5
}

.widget--question .question__text {
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  font-weight:700;
  font-style:normal;
  text-transform:none;
  letter-spacing:0;
  font-size:36px
}

.widget--question .question input {
  position:absolute;
  visibility:hidden
}

.widget--question .question__answers {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin:0 -20px;
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
  -webkit-transition:opacity .3s .2s,z-index 0s,-webkit-transform .3s .2s;
  transition:opacity .3s .2s,z-index 0s,-webkit-transform .3s .2s;
  transition:transform .3s .2s,opacity .3s .2s,z-index 0s;
  transition:transform .3s .2s,opacity .3s .2s,z-index 0s,-webkit-transform .3s .2s
}

.widget--question .question__answers label {
  -webkit-box-flex:1;
  -ms-flex:1 1 100%;
  flex:1 1 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:row nowrap;
  flex-flow:row nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  -ms-flex-line-pack:stretch;
  align-content:stretch;
  cursor:pointer
}

.widget--question .question__answers label span {
  -webkit-box-flex:1;
  -ms-flex:1 1 100%;
  flex:1 1 100%;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  box-shadow:0 0 10px rgba(0,0,0,.2),inset 5px 5px 0 rgba(255,255,255,.1),inset -5px -5px 0 rgba(0,0,0,.2);
  border-radius:5px;
  padding:30px;
  margin:20px;
  font-size:1.125rem;
  font-weight:700;
  -webkit-transition:all .2s;
  transition:all .2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.widget--question .question__answers label input:checked+span {
  background:rgba(247,247,247,.85);
  box-shadow:0 0 10px rgba(0,0,0,.2),inset 5px 5px 0 rgba(0,0,0,.2),inset -5px -5px 0 rgba(255,255,255,.5);
  padding-top:33px;
  padding-bottom:27px;
  color:#23242d
}

.widget--question .question__answers.hide {
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px);
  opacity:0;
  -webkit-transition:opacity .3s .5s,z-index 0s .8s,-webkit-transform .3s .5s;
  transition:opacity .3s .5s,z-index 0s .8s,-webkit-transform .3s .5s;
  transition:transform .3s .5s,opacity .3s .5s,z-index 0s .8s;
  transition:transform .3s .5s,opacity .3s .5s,z-index 0s .8s,-webkit-transform .3s .5s;
  z-index:-1
}

.widget--question .question__feedback {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:30px;
  -webkit-transform:translateX(100px);
  transform:translateX(100px);
  opacity:0;
  z-index:-1;
  -webkit-transition:opacity .3s .2s,z-index 0s .5s,-webkit-transform .3s .2s;
  transition:opacity .3s .2s,z-index 0s .5s,-webkit-transform .3s .2s;
  transition:transform .3s .2s,opacity .3s .2s,z-index 0s .5s;
  transition:transform .3s .2s,opacity .3s .2s,z-index 0s .5s,-webkit-transform .3s .2s;
  margin-top:50px
}

.widget--question .question__feedback.show {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1;
  z-index:1;
  -webkit-transition:opacity .3s .5s,z-index 0s,-webkit-transform .3s .5s;
  transition:opacity .3s .5s,z-index 0s,-webkit-transform .3s .5s;
  transition:transform .3s .5s,opacity .3s .5s,z-index 0s;
  transition:transform .3s .5s,opacity .3s .5s,z-index 0s,-webkit-transform .3s .5s
}

.widget--question .question__retry {
  margin-top:30px
}

@media only screen and (min-width:675px) {
  .widget--question .question {
  height:calc(50vw - 20px);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-flow:column nowrap;
  flex-flow:column nowrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch
}

.widget--question .question__answers label {
  -webkit-box-flex:0;
  -ms-flex:0 0 50%;
  flex:0 0 50%
}


}

@media only screen and (min-width:1400px) {
  .widget--question .question__wrap {
  margin:100px
}

.widget--question .question__text {
  margin-bottom:20px
}


}

@media (min-width:1600px) {
  .widget--question .question {
  height:800px
}


}

@-webkit-keyframes showAnswer {
  0% {
  opacity:0;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}

100% {
  opacity:1;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}


}

@keyframes showAnswer {
  0% {
  opacity:0;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}

100% {
  opacity:1;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}


}

@-webkit-keyframes hideAnswer {
  0% {
  opacity:1;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}

100% {
  opacity:0;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}


}

@keyframes hideAnswer {
  0% {
  opacity:1;
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
}

100% {
  opacity:0;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}


}

.widgets-header {
  position:relative;
  padding:120px 20px 50px;
  text-align:center;
  color:#fff;
  overflow:hidden;
  background:#33343d;
  z-index:3
}

.widgets-header__background {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:0
}

.widgets-header__background img {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center;
  font-family:'object-fit:cover;
  object-position:center;
  '
}

.widgets-header__wrap {
  position:relative;
  z-index:1
}

.widgets-header h1,.widgets-header p {
  position:relative;
  margin-left:auto;
  margin-right:auto
}

.widgets-header h1 {
  color:#fff;
  max-width:8em
}

.widgets-header p {
  max-width:25em
}

@media only screen and (min-width:675px) {
  .widgets-header {
  padding:150px 20px 80px
}


}

@media only screen and (min-width:675px) {
  .widgets-header a.scroll {
  position:relative
}

.widgets-header a.scroll::after {
  content:'';
  position:absolute;
  top:calc(100% + 2px);
  left:50%;
  width:1px;
  height:25vh;
  background:#fff;
  opacity:.1
}


}

@media only screen and (min-width:1400px) {
  .widgets-header {
  padding:200px 20px 100px
}


}

@font-face {
  font-family:lg;
  src:url(../fonts/lg.eot?n1z373);
  src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lg.woff?n1z373) format("woff"),url(../fonts/lg.ttf?n1z373) format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");
  font-weight:400;
  font-style:normal
}

.lg-icon {
  font-family:lg;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.lg-actions .lg-next,.lg-actions .lg-prev {
  background-color:rgba(51,52,61,.5);
  border-radius:2px;
  color:#fff;
  cursor:pointer;
  display:block;
  font-size:22px;
  margin-top:-10px;
  padding:8px 10px 9px;
  position:absolute;
  top:50%;
  z-index:1080
}

.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled {
  pointer-events:none;
  opacity:.5
}

.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover {
  color:#fff
}

.lg-actions .lg-next {
  right:20px
}

.lg-actions .lg-next:before {
  content:"\e095"
}

.lg-actions .lg-prev {
  left:20px
}

.lg-actions .lg-prev:after {
  content:"\e094"
}

@-webkit-keyframes lg-right-end {
  0% {
  left:0
}

50% {
  left:-30px
}

100% {
  left:0
}


}

@keyframes lg-right-end {
  0% {
  left:0
}

50% {
  left:-30px
}

100% {
  left:0
}


}

@-webkit-keyframes lg-left-end {
  0% {
  left:0
}

50% {
  left:30px
}

100% {
  left:0
}


}

@keyframes lg-left-end {
  0% {
  left:0
}

50% {
  left:30px
}

100% {
  left:0
}


}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation:lg-right-end .3s;
  animation:lg-right-end .3s;
  position:relative
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation:lg-left-end .3s;
  animation:lg-left-end .3s;
  position:relative
}

.lg-toolbar {
  z-index:1082;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  background-color:transparent
}

.lg-toolbar .lg-icon {
  color:#fff;
  cursor:pointer;
  float:right;
  font-size:24px;
  height:47px;
  line-height:27px;
  padding:10px 0;
  text-align:center;
  width:50px;
  text-decoration:none!important;
  outline:medium none;
  -webkit-transition:color .2s linear;
  transition:color .2s linear
}

.lg-toolbar .lg-icon:hover {
  color:#fff
}

.lg-toolbar .lg-close:after {
  content:"\e070"
}

.lg-toolbar .lg-download:after {
  content:"\e0f2"
}

.lg-sub-html {
  background-color:transparent;
  bottom:0;
  color:#fff;
  font-size:16px;
  left:0;
  padding:10px 40px;
  position:fixed;
  right:0;
  text-align:center;
  z-index:1080
}

.lg-sub-html h4 {
  margin:0;
  font-size:13px;
  font-weight:700
}

.lg-sub-html p {
  font-size:12px;
  margin:5px 0 0
}

#lg-counter {
  color:#fff;
  display:inline-block;
  font-size:16px;
  padding-left:20px;
  padding-top:12px;
  vertical-align:middle
}

.lg-next,.lg-prev,.lg-toolbar {
  opacity:1;
  -webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
  -webkit-transition:opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
  transition:opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
  transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
  transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s
}

.lg-hide-items .lg-prev {
  opacity:0;
  -webkit-transform:translate3d(-10px,0,0);
  transform:translate3d(-10px,0,0)
}

.lg-hide-items .lg-next {
  opacity:0;
  -webkit-transform:translate3d(10px,0,0);
  transform:translate3d(10px,0,0)
}

.lg-hide-items .lg-toolbar {
  opacity:0;
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform:scale3d(.5,.5,.5);
  transform:scale3d(.5,.5,.5);
  opacity:0;
  -webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
  -webkit-transition:opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s!important;
  transition:opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s!important;
  transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
  transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s!important;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  opacity:1
}

.lg-outer .lg-thumb-outer {
  background-color:#0d0a0a;
  bottom:0;
  position:absolute;
  width:100%;
  z-index:1080;
  max-height:350px;
  -webkit-transform:translate3d(0,100%,0);
  transform:translate3d(0,100%,0);
  -webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
  transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
  transition:transform .25s cubic-bezier(0,0,.25,1) 0s;
  transition:transform .25s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor:move;
  cursor:-webkit-grabbing;
  cursor:-o-grabbing;
  cursor:-ms-grabbing;
  cursor:grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration:0s!important;
  transition-duration:0s!important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}

.lg-outer .lg-thumb {
  padding:10px 0;
  height:100%;
  margin-bottom:-5px
}

.lg-outer .lg-thumb-item {
  border-radius:5px;
  cursor:pointer;
  float:left;
  overflow:hidden;
  height:100%;
  border:2px solid #fff;
  border-radius:4px;
  margin-bottom:5px
}

@media (min-width:1025px) {
  .lg-outer .lg-thumb-item {
  -webkit-transition:border-color .25s ease;
  transition:border-color .25s ease
}


}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
  border-color:#33343d
}

.lg-outer .lg-thumb-item img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom:120px
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom:0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition:bottom .25s ease;
  transition:bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom:100px
}

.lg-outer .lg-toogle-thumb {
  background-color:#0d0a0a;
  border-radius:2px 2px 0 0;
  color:#fff;
  cursor:pointer;
  font-size:24px;
  height:39px;
  line-height:27px;
  padding:5px 0;
  position:absolute;
  right:20px;
  text-align:center;
  top:-39px;
  width:50px
}

.lg-outer .lg-toogle-thumb:after {
  content:"\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
  color:#fff
}

.lg-outer .lg-video-cont {
  display:inline-block;
  vertical-align:middle;
  max-width:1140px;
  max-height:100%;
  width:100%;
  padding:0 5px
}

.lg-outer .lg-video {
  width:100%;
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
  position:relative
}

.lg-outer .lg-video .lg-object {
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  width:100%!important;
  height:100%!important
}

.lg-outer .lg-video .lg-video-play {
  width:84px;
  height:59px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-42px;
  margin-top:-30px;
  z-index:1080;
  cursor:pointer
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background:url(/static/images/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background:url(/static/images/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
  background:transparent url(/static/images/video-play.png) no-repeat scroll 0 0;
  height:64px;
  margin-left:-32px;
  margin-top:-32px;
  width:64px;
  opacity:.8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity:1
}

.lg-outer .lg-has-youtube .lg-video-play {
  background:url(/static/images/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background:url(/static/images/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
  width:100%!important;
  height:100%!important;
  position:absolute;
  top:0;
  left:0
}

.lg-outer .lg-has-video .lg-video-object {
  visibility:hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display:none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility:visible
}

.lg-progress-bar {
  background-color:#fff;
  height:5px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1083;
  opacity:0;
  -webkit-transition:opacity 80ms ease 0s;
  transition:opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
  background-color:#33343d;
  height:5px;
  width:0
}

.lg-progress-bar.lg-start .lg-progress {
  width:100%
}

.lg-show-autoplay .lg-progress-bar {
  opacity:1
}

.lg-autoplay-button:after {
  content:"\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
  content:"\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition-duration:0s;
  transition-duration:0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
  transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  -webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
  -webkit-transition:opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;
  transition:opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;
  transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
  transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s!important;
  -webkit-transform-origin:0 0;
  transform-origin:0 0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

#lg-zoom-in:after {
  content:"\e311"
}

#lg-actual-size {
  font-size:20px
}

#lg-actual-size:after {
  content:"\e033"
}

#lg-zoom-out {
  opacity:.5;
  pointer-events:none
}

#lg-zoom-out:after {
  content:"\e312"
}

.lg-zoomed #lg-zoom-out {
  opacity:1;
  pointer-events:auto
}

.lg-outer .lg-pager-outer {
  bottom:60px;
  left:0;
  position:absolute;
  right:0;
  text-align:center;
  z-index:1080;
  height:10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow:visible
}

.lg-outer .lg-pager-cont {
  cursor:pointer;
  display:inline-block;
  overflow:hidden;
  position:relative;
  vertical-align:top;
  margin:0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow:0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
  background-color:#fff;
  color:#fff;
  bottom:100%;
  height:83px;
  left:0;
  margin-bottom:20px;
  margin-left:-60px;
  opacity:0;
  padding:5px;
  position:absolute;
  width:120px;
  border-radius:3px;
  -webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;
  transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;
  transition:opacity .15s ease 0s,transform .15s ease 0s;
  transition:opacity .15s ease 0s,transform .15s ease 0s,-webkit-transform .15s ease 0s;
  -webkit-transform:translate3d(0,5px,0);
  transform:translate3d(0,5px,0)
}

.lg-outer .lg-pager-thumb-cont img {
  width:100%;
  height:100%
}

.lg-outer .lg-pager {
  background-color:rgba(255,255,255,.5);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;
  display:block;
  height:12px;
  -webkit-transition:box-shadow .3s ease 0s;
  transition:box-shadow .3s ease 0s;
  width:12px
}

.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover {
  box-shadow:0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-top:10px dashed;
  bottom:-10px;
  display:inline-block;
  height:0;
  left:50%;
  margin-left:-5px;
  position:absolute;
  vertical-align:middle;
  width:0
}

.lg-fullscreen:after {
  content:"\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
  content:"\e20d"
}

.group:after,.group:before {
  display:table;
  content:"";
  line-height:0
}

.group:after {
  clear:both
}

.lg-outer {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:1050;
  opacity:0;
  -webkit-transition:opacity .15s ease 0s;
  transition:opacity .15s ease 0s
}

.lg-outer * {
  box-sizing:border-box
}

.lg-outer.lg-visible {
  opacity:1
}

.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide {
  -webkit-transition-duration:inherit!important;
  transition-duration:inherit!important;
  -webkit-transition-timing-function:inherit!important;
  transition-timing-function:inherit!important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
  -webkit-transition-duration:0s!important;
  transition-duration:0s!important;
  opacity:1
}

.lg-outer.lg-grab img.lg-object {
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab
}

.lg-outer.lg-grabbing img.lg-object {
  cursor:move;
  cursor:-webkit-grabbing;
  cursor:-o-grabbing;
  cursor:-ms-grabbing;
  cursor:grabbing
}

.lg-outer .lg {
  height:100%;
  width:100%;
  position:relative;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  max-height:100%
}

.lg-outer .lg-inner {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  white-space:nowrap
}

.lg-outer .lg-item {
  background:url(/static/images/loading.gif) no-repeat scroll center center transparent;
  display:none!important
}

.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide {
  display:inline-block!important
}

.lg-outer.lg-css .lg-current {
  display:inline-block!important
}

.lg-outer .lg-img-wrap,.lg-outer .lg-item {
  display:inline-block;
  text-align:center;
  position:absolute;
  width:100%;
  height:100%
}

.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
  content:"";
  display:inline-block;
  height:50%;
  width:1px;
  margin-right:-1px
}

.lg-outer .lg-img-wrap {
  position:absolute;
  padding:0 5px;
  left:0;
  right:0;
  top:0;
  bottom:0
}

.lg-outer .lg-item.lg-complete {
  background-image:none
}

.lg-outer .lg-item.lg-current {
  z-index:1060
}

.lg-outer .lg-image {
  display:inline-block;
  vertical-align:middle;
  max-width:100%;
  max-height:100%;
  width:auto!important;
  height:auto!important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity:0;
  -webkit-transition:opacity .15s ease 0s;
  transition:opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity:1
}

.lg-outer .lg-empty-html {
  display:none
}

.lg-outer.lg-hide-download #lg-download {
  display:none
}

.lg-backdrop {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1040;
  background-color:#000;
  opacity:0;
  -webkit-transition:opacity .15s ease 0s;
  transition:opacity .15s ease 0s
}

.lg-backdrop.in {
  opacity:.9
}

.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide {
  -webkit-transition:none 0s ease 0s!important;
  transition:none 0s ease 0s!important
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.lg-css3.lg-fade .lg-item {
  opacity:0
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity:1
}

.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide {
  -webkit-transition:opacity .1s ease 0s;
  transition:opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity:0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform:translate3d(-100%,0,0);
  transform:translate3d(-100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform:translate3d(100%,0,0);
  transform:translate3d(100%,0,0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  opacity:1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
  -webkit-transition:opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
  transition:opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
  transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
  transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity:0;
  position:absolute;
  left:0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left:-100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left:100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left:0;
  opacity:1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  -webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
  transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}

@-webkit-keyframes plyr-progress {
  to {
  background-position:25px 0
}


}

@keyframes plyr-progress {
  to {
  background-position:25px 0
}


}

.plyr {
  position:relative;
  max-width:100%;
  min-width:200px;
  font-family:"calluna-sans","Trebuchet MS",Helvetica,sans-serif;
  direction:ltr
}

.plyr,.plyr *,.plyr ::after,.plyr ::before {
  box-sizing:border-box
}

.plyr a,.plyr button,.plyr input,.plyr label {
  -ms-touch-action:manipulation;
  touch-action:manipulation
}

.plyr audio,.plyr video {
  width:100%;
  height:auto;
  vertical-align:middle;
  border-radius:inherit
}

.plyr input[type=range] {
  display:block;
  height:30px;
  width:100%;
  margin:0;
  padding:0;
  vertical-align:middle;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  border:none;
  background:0 0
}

.plyr input[type=range]::-webkit-slider-runnable-track {
  height:8px;
  background:0 0;
  border:0;
  border-radius:4px;
  -webkit-user-select:none;
  user-select:none
}

.plyr input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  margin-top:-8px;
  position:relative;
  height:24px;
  width:24px;
  background:#33343d;
  border:6px solid #fff;
  border-radius:100%;
  -webkit-transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;
  transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;
  transition:background .2s ease,border .2s ease,transform .2s ease;
  transition:background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;
  box-shadow:0 1px 1px transparent,0 0 0 1px rgba(0,0,0,.15);
  box-sizing:border-box
}

.plyr input[type=range]::-moz-range-track {
  height:8px;
  background:0 0;
  border:0;
  border-radius:4px;
  -moz-user-select:none;
  user-select:none
}

.plyr input[type=range]::-moz-range-thumb {
  position:relative;
  height:24px;
  width:24px;
  background:#33343d;
  border:6px solid #fff;
  border-radius:100%;
  -webkit-transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;
  transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;
  transition:background .2s ease,border .2s ease,transform .2s ease;
  transition:background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;
  box-shadow:0 1px 1px transparent,0 0 0 1px rgba(0,0,0,.15);
  box-sizing:border-box
}

.plyr input[type=range]::-ms-track {
  height:8px;
  background:0 0;
  border:0;
  color:transparent
}

.plyr input[type=range]::-ms-fill-upper {
  height:8px;
  background:0 0;
  border:0;
  border-radius:4px;
  -ms-user-select:none;
  user-select:none
}

.plyr input[type=range]::-ms-fill-lower {
  height:8px;
  background:0 0;
  border:0;
  border-radius:4px;
  -ms-user-select:none;
  user-select:none;
  background:#fff
}

.plyr input[type=range]::-ms-thumb {
  position:relative;
  height:24px;
  width:24px;
  background:#33343d;
  border:6px solid #fff;
  border-radius:100%;
  -webkit-transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;
  transition:background .2s ease,border .2s ease,-webkit-transform .2s ease;
  transition:background .2s ease,border .2s ease,transform .2s ease;
  transition:background .2s ease,border .2s ease,transform .2s ease,-webkit-transform .2s ease;
  box-shadow:0 1px 1px transparent,0 0 0 1px rgba(0,0,0,.15);
  box-sizing:border-box;
  margin-top:0
}

.plyr input[type=range]::-ms-tooltip {
  display:none
}

.plyr input[type=range]:focus {
  outline:0
}

.plyr input[type=range]::-moz-focus-outer {
  border:0
}

.plyr input[type=range].tab-focus:focus {
  outline-offset:3px
}

.plyr input[type=range]:active::-webkit-slider-thumb {
  background:#33343d;
  border-color:#fff;
  -webkit-transform:scale(1.25);
  transform:scale(1.25)
}

.plyr input[type=range]:active::-moz-range-thumb {
  background:#33343d;
  border-color:#fff;
  transform:scale(1.25)
}

.plyr input[type=range]:active::-ms-thumb {
  background:#33343d;
  border-color:#fff;
  transform:scale(1.25)
}

.plyr--video input[type=range].tab-focus:focus {
  outline:1px dotted rgba(255,255,255,.5)
}

.plyr--audio input[type=range].tab-focus:focus {
  outline:1px dotted rgba(86,93,100,.5)
}

.plyr__sr-only {
  clip:rect(1px,1px,1px,1px);
  overflow:hidden;
  position:absolute!important;
  padding:0!important;
  border:0!important;
  height:1px!important;
  width:1px!important
}

.plyr__video-wrapper {
  position:relative;
  background:#000;
  border-radius:inherit;
  -webkit-mask-image:url(data:image/png;
  base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.plyr__video-embed {
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:inherit
}

.plyr__video-embed iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.plyr__video-embed>div {
  position:relative;
  padding-bottom:200%;
  -webkit-transform:translateY(-35.95%);
  transform:translateY(-35.95%)
}

.plyr .plyr__video-embed iframe {
  pointer-events:none
}

.plyr video::-webkit-media-text-track-container {
  display:none
}

.plyr__captions {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:60px;
  -webkit-transform:translateY(-180px);
  transform:translateY(-180px);
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease;
  color:#fff;
  font-size:18px;
  text-align:center;
  font-weight:400
}

.plyr__captions span {
  border-radius:2px;
  padding:10px 30px;
  background:rgba(0,0,0,.7)
}

.plyr__captions span:empty {
  display:none
}

@media (min-width:768px) {
  .plyr__captions {
  font-size:27px
}


}

.plyr--captions-active .plyr__captions {
  display:block
}

.plyr--fullscreen-active .plyr__captions {
  font-size:36px
}

.plyr--hide-controls .plyr__captions {
  -webkit-transform:translateY(-60px);
  transform:translateY(-60px)
}

.plyr ::-webkit-media-controls {
  display:none
}

.plyr__controls {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  line-height:1;
  text-align:center
}

.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button {
  margin-left:15px
}

.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child {
  margin-left:0
}

.plyr__controls .plyr__volume {
  margin-left:15px
}

.plyr__controls [data-plyr=pause] {
  margin-left:0
}

.plyr__controls button {
  position:relative;
  display:inline-block;
  -ms-flex-negative:0;
  flex-shrink:0;
  overflow:visible;
  vertical-align:middle;
  padding:21px;
  border:0;
  background:0 0;
  border-radius:3px;
  cursor:pointer;
  -webkit-transition:background .3s ease,color .3s ease,opacity .3s ease;
  transition:background .3s ease,color .3s ease,opacity .3s ease;
  color:inherit
}

.plyr__controls button svg {
  width:18px;
  height:18px;
  display:block;
  fill:currentColor
}

.plyr__controls button:focus {
  outline:0
}

.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted {
  display:none
}

@media (min-width:480px) {
  .plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button {
  margin-left:30px
}


}

.plyr--hide-controls .plyr__controls {
  opacity:0;
  pointer-events:none
}

.plyr--video .plyr__controls {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:150px 30px 15px;
  background:0 0;
  border-bottom-left-radius:inherit;
  border-bottom-right-radius:inherit;
  color:#fff;
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease
}

.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover {
  background:#fff;
  color:#23242d
}

.plyr--audio .plyr__controls {
  padding:30px;
  border-radius:inherit;
  background:#fff;
  border:1px solid #dbe3e8;
  box-shadow:0 1px 1px rgba(0,0,0,.05);
  color:#565d64
}

.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover {
  background:#fff;
  color:#fff
}

.plyr__play-large {
  display:none;
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:100px;
  height:100px;
  padding:0;
  background:#fff;
  border:none;
  border-radius:100%;
  box-shadow:0 1px 10px rgba(51,52,61,.2);
  color:#fff;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  outline:0
}

.plyr__play-large svg {
  display:block;
  position:absolute;
  top:50%;
  left:53%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:32px;
  height:28px;
  fill:#33343d;
  -webkit-transition:fill .2s ease;
  transition:fill .2s ease
}

.no-touchevents .plyr__play-large:hover {
  background:#33343d
}

.no-touchevents .plyr__play-large:hover svg {
  fill:#fff
}

.plyr .plyr__play-large {
  display:inline-block
}

.plyr--audio .plyr__play-large {
  display:none
}

.plyr--playing .plyr__play-large {
  opacity:0;
  visibility:hidden
}

.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause] {
  display:none
}

.plyr--playing .plyr__controls [data-plyr=pause] {
  display:inline-block
}

.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted {
  display:block
}

.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg {
  display:none
}

.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen] {
  display:none
}

.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display:inline-block
}

.plyr__tooltip {
  position:absolute;
  z-index:2;
  bottom:100%;
  margin-bottom:30px;
  padding:15px 22.5px;
  pointer-events:none;
  opacity:0;
  background:rgba(0,0,0,.7);
  border-radius:3px;
  color:#fff;
  font-size:16px;
  line-height:1.3;
  -webkit-transform:translate(-50%,10px) scale(.8);
  transform:translate(-50%,10px) scale(.8);
  -webkit-transform-origin:50% 100%;
  transform-origin:50% 100%;
  -webkit-transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;
  transition:transform .2s .1s ease,opacity .2s .1s ease;
  transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease
}

.plyr__tooltip::before {
  content:'';
  position:absolute;
  width:0;
  height:0;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  bottom:-4px;
  border-right:4px solid transparent;
  border-top:4px solid rgba(0,0,0,.7);
  border-left:4px solid transparent;
  z-index:2
}

.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip,.plyr__tooltip--visible {
  opacity:1;
  -webkit-transform:translate(-50%,0) scale(1);
  transform:translate(-50%,0) scale(1)
}

.plyr button:hover .plyr__tooltip {
  z-index:3
}

.plyr__controls button:first-child .plyr__tooltip {
  left:0;
  -webkit-transform:translate(0,10px) scale(.8);
  transform:translate(0,10px) scale(.8);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%
}

.plyr__controls button:first-child .plyr__tooltip::before {
  left:30px
}

.plyr__controls button:last-child .plyr__tooltip {
  right:0;
  -webkit-transform:translate(0,10px) scale(.8);
  transform:translate(0,10px) scale(.8);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%
}

.plyr__controls button:last-child .plyr__tooltip::before {
  left:auto;
  right:30px;
  -webkit-transform:translateX(50%);
  transform:translateX(50%)
}

.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip {
  -webkit-transform:translate(0,0) scale(1);
  transform:translate(0,0) scale(1)
}

.plyr__progress {
  display:none;
  position:relative;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
}

.plyr__progress input[type=range] {
  position:relative;
  z-index:2
}

.plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background:0 0
}

.plyr__progress input[type=range]::-moz-range-track {
  background:0 0
}

.plyr__progress input[type=range]::-ms-fill-upper {
  background:0 0
}

.plyr__progress .plyr__tooltip {
  left:0
}

.plyr .plyr__progress {
  display:inline-block
}

.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display {
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:8px;
  margin:-4px 0 0;
  padding:0;
  vertical-align:top;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  border-radius:100px
}

.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar {
  background:0 0
}

.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value {
  background:currentColor;
  border-radius:100px;
  min-width:8px
}

.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar {
  background:currentColor;
  border-radius:100px;
  min-width:8px
}

.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill {
  border-radius:100px
}

.plyr__progress--played,.plyr__volume--display {
  z-index:1;
  color:#fff;
  background:0 0;
  -webkit-transition:none;
  transition:none
}

.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value {
  min-width:8px;
  max-width:99%;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  -webkit-transition:none;
  transition:none
}

.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar {
  min-width:8px;
  max-width:99%;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  -webkit-transition:none;
  transition:none
}

.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill {
  display:none
}

.plyr__progress--buffer::-webkit-progress-value {
  -webkit-transition:width .2s ease;
  transition:width .2s ease
}

.plyr__progress--buffer::-moz-progress-bar {
  -webkit-transition:width .2s ease;
  transition:width .2s ease
}

.plyr__progress--buffer::-ms-fill {
  -webkit-transition:width .2s ease;
  transition:width .2s ease
}

.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display {
  background:rgba(255,255,255,.25)
}

.plyr--video .plyr__progress--buffer {
  color:rgba(255,255,255,.25)
}

.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display {
  background:rgba(198,214,219,.67)
}

.plyr--audio .plyr__progress--buffer {
  color:rgba(198,214,219,.67)
}

.plyr--loading .plyr__progress--buffer {
  -webkit-animation:plyr-progress 1s linear infinite;
  animation:plyr-progress 1s linear infinite;
  background-size:25px 25px;
  background-repeat:repeat-x;
  background-image:-webkit-linear-gradient(135deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);
  background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);
  color:transparent
}

.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color:rgba(255,255,255,.25)
}

.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color:rgba(198,214,219,.67)
}

.plyr__time {
  display:inline-block;
  vertical-align:middle;
  font-size:16px
}

.plyr__time+.plyr__time {
  display:none
}

@media (min-width:768px) {
  .plyr__time+.plyr__time {
  display:inline-block
}


}

.plyr__time+.plyr__time::before {
  content:'\2044';
  margin-right:30px
}

.plyr__volume {
  display:none
}

.plyr .plyr__volume {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  position:relative
}

.plyr .plyr__volume input[type=range] {
  position:relative;
  z-index:2
}

@media (min-width:480px) {
  .plyr .plyr__volume {
  display:block;
  max-width:60px
}


}

@media (min-width:768px) {
  .plyr .plyr__volume {
  max-width:100px
}


}

.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute] {
  display:none!important
}

.plyr--fullscreen,.plyr--fullscreen-active {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100%;
  width:100%;
  z-index:10000000;
  background:#000;
  border-radius:0
}

.plyr--fullscreen video,.plyr--fullscreen-active video {
  height:100%
}

.plyr--fullscreen .plyr__video-wrapper,.plyr--fullscreen-active .plyr__video-wrapper {
  height:100%;
  width:100%
}

.plyr--fullscreen .plyr__controls,.plyr--fullscreen-active .plyr__controls {
  position:absolute;
  bottom:0;
  left:0;
  right:0
}

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper,.plyr--fullscreen.plyr--vimeo .plyr__video-wrapper {
  height:0;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%)
}