body,
section {
  min-width:320px
}
#countdown,
.about-slider,
.fullheight,
.inner,
.inner__media,
.main-slider,
.media__wrapper,
.menu__contact,
.skillbar,
.works__gallery,
body,
section {
  position:relative
}
h1 span,
img {
  display:block
}
.footer__socials ul li:last-of-type,
.headline__btnholder.bottom a:last-of-type {
  margin-right:0
}
.btn,
a {
  text-decoration:none !important;
}
.menu,
.to-top {
  visibility:hidden
}
.btn,
.countdown-content,
.footer__logo,
.footer__slogan,
.footer__socials,
.reply-group,
.to-top {
  text-align:center
}
a,
section {
  -webkit-tap-highlight-color:transparent
}
.btn,
.main-swiper-button-next:active,
.main-swiper-button-next:focus,
.main-swiper-button-prev:active,
.main-swiper-button-prev:focus,
a,
form input,
form textarea,
section {
  outline:0
}
*,
::after,
::before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
button:active,
button:focus {
  outline:0!important
}
button::-moz-focus-inner {
  border:0!important
}
input::-moz-focus-inner {
  border:0!important
}
::-moz-selection {
  background-color:#292929;
  color:#fff;
  text-shadow:none
}
::selection {
  background-color:#292929;
  color:#fff;
  text-shadow:none
}
.contact-data__item p a::after,
.contact-data__item ul a::after {
  bottom:2px;
  left:0;
  background-color:#000;
  content:"";
  height:1px;
  width:0%
}
::-webkit-scrollbar {
  display:none;
  width:5px;
  background:#000
}
#main-video,
.inner-video,
.media-services,
.slide-image {
  background-position:center center
}
.no-touch .contact-data__item p a:hover::after,
.no-touch .contact-data__item ul li:hover a::after,
body,
html,
img {
  width:100%
}
::-webkit-scrollbar-track {
  border-radius:20px;
  background-color:#000
}
::-webkit-scrollbar-thumb {
  background-color:#1f1f1f;
  border-radius:10px
}
.bg-white,
.contact-data__item p a.light::after,
.contact-data__item ul a.light::after,
.menu-close.light .close-x::after,
.menu-close.light .close-x::before,
.menu__navigation .navigation li a.light::after,
.popup-close.light .close-x::after,
.popup-close.light .close-x::before,
.to-top {
  background-color:#000
}
html {
  font-family:sans-serif;
  font-size:62.5%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.main-slider,
body,
html {
  height:100%
}
body {
  overflow-x:hidden!important;
  overflow-y:auto;
  font:400 1.6rem/1.7 OpenSans,sans-serif;
  color:#444;
  background-color:#111
}
.no-touch .contact-data__item p a:hover,
h1 {
  color:#111
}
.btn-l,
.btn-s,
a {
  -webkit-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
.fullheight,
.menu__contact,
.menu__navigation,
.menu__photo,
img {
  height:auto
}
.overflow-hidden {
  overflow:hidden!important
}
.btn,
.main {
  overflow:hidden
}
.menu,
.popup {
  overflow-x:hidden
}
.fullheight-mobile,
.intro__content,
.main,
.main__content,
.main__intro,
.slide-image,
.swiper-main,
.swiper-slide-main {
  position:relative;
  height:100%
}
.column,
.column-padding-s {
  padding:0 3vw
}
.bg-light {
  background-color:#f4f4f4
}
.bg-dark {
  background-color:#111
}
.bg-medium,
.header.reduced {
  background-color:#191919
}
.color-layer,
.video-background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.color-layer-black-06 {
  background-color:rgba(0,0,0,.6)
}
.color-layer-black-04,
.color-layer-black-04-mobile {
  background-color:rgba(0,0,0,.18)
}
.color-layer-black-04-mobile {
  z-index:1
}
.color-layer-white,
.color-layer-white-mobile {
  background-color:rgba(255,255,255,.8)
}
@-webkit-keyframes fadeInUp {
  from {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity:0;
    -moz-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
  }
  to {
    opacity:1;
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
}
@keyframes fadeInUp {
  from {
    opacity:0;
    -webkit-transform:translate3d(0,100%,0);
    -moz-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
  }
  to {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
  }
}
body.loaded .headline__btnholder,
body.loaded .headline__text {
  -webkit-animation:.8s ease-in-out 1.4s both fadeIn;
  -moz-animation:.8s ease-in-out 1.4s both fadeIn;
  animation:.8s ease-in-out 1.4s both fadeIn
}
body.loaded .header,
body.loaded .intro__controls,
body.loaded .main-countdown {
  -webkit-animation:.8s ease-in-out 1.8s both fadeIn;
  -moz-animation:.8s ease-in-out 1.8s both fadeIn;
  animation:.8s ease-in-out 1.8s both fadeIn
}
h1 {
  font:400 4.6rem/1.06 OldStandardTT,serif;
  margin:2.4rem 0 2.8rem
}
h1.large {
  font-size:7rem;
  line-height:1;
  margin:0 0 3rem
}
.headline__btnholder,
.headline__text {
  padding-left:2px
}
.headline__text {
  font:italic 300 1.5rem/1.7 OpenSans,sans-serif;
  margin-bottom:4.2rem;
  color:#444
}
.headline__text.bottom {
  margin-bottom:3.2rem
}
.headline__btnholder.bottom a {
  margin-right:3rem
}
h2 {
  font:400 4rem/1.1 OldStandardTT,serif;
  margin-bottom:3rem
}
.info__title .title-content {
  position:relative;
  font:400 1.4rem/1 OpenSans,sans-serif
}
.info__title .title-content .section-title {
  display:block;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.22rem;
  margin-bottom:4.4rem
}
.contact-data__item:last-of-type,
.content-block.mobile-margin:last-of-type,
.content-block:last-of-type,
.feature-item:last-of-type,
.menu__contact .contact-content .contact .contact-item:last-of-type,
.menu__navigation .navigation li:last-of-type,
.my-gallery__item:last-of-type,
.show-skillbar:last-of-type,
p.section-text:last-of-type {
  margin-bottom:0
}
h3 {
  font:400 3rem/1.1 OldStandardTT,serif
}
h3 small {
  display:block;
  font:400 1.2rem/1.2 OpenSans,sans-serif;
  text-transform:uppercase;
  letter-spacing:.22rem;
  margin-bottom:1rem
}
h4 {
  font:400 2.8rem/1.2 OldStandardTT,serif;
  margin-bottom:2.4rem
}
h5 {
  font:400 2.4rem/1.2 OldStandardTT,serif
}
p {
  font:300 1.6rem/1.7 OpenSans,sans-serif;
  color:#444
}
p.section-text {
  padding-left:0;
  margin-bottom:10px;
}
.feature-item p {
  font-size:1.5rem 
}
.contact-data__item p {
  font-size:1.5rem;
  color:#444;
  margin-top:0px;
  line-height: 31px; 
}
.contact-data__item p a {
  position:relative;
  display:inline-block;
  color:#707070;
  -webkit-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  -moz-transition:.3s ease-in-out;
  transition:.3s ease-in-out
}
.contact-data__item p a::after {
  display:block;
  position:absolute;
  -webkit-transition:width .3s ease-in-out;
  -o-transition:width .3s ease-in-out;
  -moz-transition:width .3s ease-in-out;
  transition:width .3s ease-in-out
}
.contact-data__item p a.light,
.menu__navigation .navigation li a.light,
.text-light-base {
  color:rgba(255,255,255,.7)
}
.no-touch .contact-data__item p a.light:hover {
  color:#fff
}
.contact-data__item ul {
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  margin-top:.2rem
}
.contact-data__item ul a {
  position:relative;
  display:inline-block;
  color:#707070;
  -webkit-transition:.3s ease-in-out;
  -o-transition:.3s ease-in-out;
  -moz-transition:.3s ease-in-out;
  transition:.3s ease-in-out;
  letter-spacing:.2px
}
.contact-data__item ul a::after {
  display:block;
  position:absolute;
  -webkit-transition:width .3s ease-in-out;
  -o-transition:width .3s ease-in-out;
  -moz-transition:width .3s ease-in-out;
  transition:width .3s ease-in-out
}
.contact-data__item ul a.light,
.text-light-mute {
  color:rgba(255,255,255,.5)
}
.btn-s-dark,
.no-touch .contact-data__item ul li:hover a,
.text-dark {
  color:#111
}
.btn-s-light,
.footer__socials ul li a.light,
.menu-close.light .close-caption,
.no-touch .contact-data__item ul li:hover a.light,
.popup-close.light .close-caption,
.text-light {
  color:#000
}
.footer__slogan p {
  font:italic 400 1.5rem/1.7 OpenSans,sans-serif;
  max-width:400px;
  margin:0 auto 3rem
}
.footer__socials ul {
  display:block;
  position:relative
}
.footer__socials ul li {
  display:inline-block;
  line-height:1.3;
  margin-right:1.8rem
}
.footer__socials ul li a {
  font-size:1.6rem;
  color:#111;
  -webkit-transition:color .3s ease-in-out;
  -o-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out
}
.popup-title__title {
  font:400 3rem/1.2 OldStandardTT,serif;
  margin-bottom:3rem;
  color:#111
}
.popup-title__text {
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  color:#444
}
.text-base {
  color:#444
}
.form-dark .inputs-description,
.no-touch .menu-close:hover .close-caption,
.no-touch .menu__navigation .navigation-copyright .copyright a:hover,
.no-touch .popup-close:hover .close-caption,
.text-mute {
  color:#707070
}
.font-light {
  font-weight:300
}
.font-regular {
  font-weight:400
}
.menu-trigger {
  display:block;
  position:relative;
  height:40px;
  line-height:40px;
  color:#fff
}
.menu-trigger .menu-caption {
  font:600 1.2rem/1 OpenSans,sans-serif;
  letter-spacing:.26rem;
  text-transform:uppercase;
  margin-right:5rem;
  color:#fff;
  -webkit-transition:color .5s ease-in-out;
  -o-transition:color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out;
  transition:color .5s ease-in-out
}
.menu-trigger .menu-burger {
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:40px;
  height:40px
}
.menu-trigger .menu-burger::after,
.menu-trigger .menu-burger::before {
  content:"";
  display:block;
  position:absolute;
  left:4px;
  width:32px;
  height:1px;
  background-color:#fff;
  -webkit-transition:-webkit-transform .2s cubic-bezier(.16, .66, .29, 1);
  -o-transition:transform .2s cubic-bezier(.16, .66, .29, 1);
  -moz-transition:transform .2s cubic-bezier(.16, .66, .29, 1),-moz-transform .2s cubic-bezier(.16, .66, .29, 1);
  transition:transform .2s cubic-bezier(.16, .66, .29, 1),-webkit-transform .2s cubic-bezier(.16, .66, .29, 1),-moz-transform .2s cubic-bezier(.16, .66, .29, 1)
}
.menu-trigger .menu-burger::before {
  top:17px
}
.menu-trigger .menu-burger::after {
  top:24px
}
.no-touch .menu-trigger:hover .menu-burger::before {
  -webkit-transform:translateX(4px);
  -moz-transform:translateX(4px);
  -ms-transform:translateX(4px);
  transform:translateX(4px)
}
.no-touch .menu-trigger:hover .menu-burger::after {
  -webkit-transform:translateX(-4px);
  -moz-transform:translateX(-4px);
  -ms-transform:translateX(-4px);
  transform:translateX(-4px)
}
.close-button,
.logo img,
.menu-button {
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%)
}
.close-button {
  position:absolute;
  right:3vw;
  top:50%;
  bottom:auto;
  transform:translateY(-50%)
}
.menu-close,
.popup-close {
  display:block;
  position:relative;
  height:40px;
  line-height:40px;
  color:#111;
  opacity:0;
  -webkit-transition:opacity .5s ease-in-out,-webkit-filter .5s;
  transition:filter .5s,opacity .5s ease-in-out,-webkit-filter .5s;
  -o-transition:filter .5s,opacity .5s ease-in-out;
  -moz-transition:filter .5s,opacity .5s ease-in-out
}
.menu-close .close-caption,
.popup-close .close-caption {
  font:600 1.2rem/1 OpenSans,sans-serif;
  letter-spacing:.26rem;
  text-transform:uppercase;
  margin-right:3rem;
  color:#111;
  -webkit-transition:color .3s ease-in-out;
  -o-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out
}
.btn-l,
.btn-s .btn-caption,
.countdown-days .help-text,
.countdown-small .help-text,
.inner-video-trigger {
  letter-spacing:.22rem;
  text-transform:uppercase
}
.menu-close .close-x,
.popup-close .close-x {
  display:block;
  position:absolute;
  top:12px;
  right:2px;
  width:20px;
  height:20px;
  border:1px solid #000;
  border-radius:50%
}
.menu-close .close-x::after,
.menu-close .close-x::before,
.popup-close .close-x::after,
.popup-close .close-x::before {
  content:"";
  display:block;
  position:absolute;
  left:4px;
  top:8px;
  width:10px;
  height:1px;
  background-color:#111;
  -webkit-transition:background-color .3s ease-in-out;
  -o-transition:background-color .3s ease-in-out;
  -moz-transition:background-color .3s ease-in-out;
  transition:background-color .3s ease-in-out
}
.menu-close .close-x::before,
.popup-close .close-x::before {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg)
}
.menu-close .close-x::after,
.popup-close .close-x::after {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.menu-close.light,
.popup-close.light {
  font-weight:400;
  color:#020202
}
.menu-close.is-visible,
.menu.animate-in .navigation li,
.popup-close.is-visible,
.reply-group.is-visible {
  opacity:1
}
.no-touch .menu-close:hover .close-x::after,
.no-touch .menu-close:hover .close-x::before,
.no-touch .popup-close:hover .close-x::after,
.no-touch .popup-close:hover .close-x::before {
  background-color:#707070
}
.no-touch .menu-close:hover.light .close-caption,
.no-touch .popup-close:hover.light .close-caption {
  color:rgba(0,0,0,.59)
}
.no-touch .menu-close:hover.light .close-x::after,
.no-touch .menu-close:hover.light .close-x::before,
.no-touch .popup-close:hover.light .close-x::after,
.no-touch .popup-close:hover.light .close-x::before {
  background-color:rgba(0,0,0,.77)
}
.btn {
  position:relative;
  display:inline-block;
  border:none;
  padding:0;
  font:inherit;
  background-color:transparent;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.btn-s {
  height:16px;
  line-height:16px
}
.btn-s span {
  font-size:1.4rem
}
.btn-s .btn-caption {
  font:600 1.2rem/1.8 OpenSans,sans-serif;
  margin-right:.6rem
}
.btn-l {
  height:52px;
  padding:0 5.6rem;
  font:600 1.2rem/52px OpenSans,sans-serif;
  margin-top:10px
}
.btn-light {
  border:1px solid #fff;
  background-color:#fff;
  color:#111
}
.no-touch .btn-light:hover {
  background-color:transparent;
  color:#fff
}
.btn-dark {
  border:1px solid #111;
  background-color:#111;
  color:#fff
}
.no-touch .btn-dark:hover {
  background-color:transparent;
  color:#111
}
.inner-video-trigger {
  display:block;
  width:100px;
  height:100px;
  -moz-border-radius:50%;
  border-radius:50%;
  background-color:transparent;
  border:1px solid #fff;
  font:400 1.6rem/100px OpenSans,sans-serif;
  text-align:center;
  color:#fff;
  overflow:hidden;
  z-index:1;
  -webkit-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
.no-touch .inner-video-trigger:hover {
  color:#000;
  background-color:#fff
}
.to-top {
  position:fixed;
  right:8vw;
  bottom:30px;
  z-index:9;
  width:40px;
  height:40px;
  line-height:40px;
  color:#000;
  opacity:0;
  -webkit-transition:opacity .3s,visibility,.3s;
  -o-transition:opacity .3s,visibility,.3s;
  -moz-transition:opacity .3s,visibility,.3s;
  transition:opacity .3s,visibility,.3s
}
#main-video,
#nightsky-js,
#particles-js,
#video-wrapper,
.header,
form input,
form textarea {
  background-color:transparent;
  width:100%
}
.no-touch .to-top:hover {
  -webkit-transition:opasity .3s,visibility;
  -o-transition:opasity .3s,visibility;
  -moz-transition:opasity .3s,visibility;
  transition:opasity .3s,visibility;
  opacity:1
}
.to-top.is-visible {
  visibility:visible;
  opacity:1
}
.to-top.fade-out {
  opacity:.5;
  -webkit-transition:opasity .3s,visibility;
  -o-transition:opasity .3s,visibility;
  -moz-transition:opasity .3s,visibility;
  transition:opasity .3s,visibility
}
.form-container {
  position:relative;
  margin-top:3.4rem
}
.form {
  opacity:1;
  -webkit-transition:opacity .5s ease-in-out;
  -o-transition:opacity .5s ease-in-out;
  -moz-transition:opacity .5s ease-in-out;
  transition:opacity .5s ease-in-out
}
.form.is-hidden,
.menu.animate-out .navigation li {
  opacity:0
}
form {
  position:relative;
  width:100%
}
form input,
form textarea {
  position:relative;
  display:block;
  border:none;
  padding:1.2rem .3rem;
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  -webkit-transition:.6s;
  -o-transition:.6s;
  -moz-transition:.6s;
  transition:.6s
}
form input {
  height:5rem;
  margin:0 0 2.4rem
}
form textarea {
  height:14rem;
  resize:none;
  margin:0 0 .8rem
}
form .inputs-description {
  display:block;
  width:100%;
  margin-bottom:1.4rem;
  text-align:right;
  font:400 1.3rem/1 OpenSans,sans-serif
}
.notify-form input {
  margin:0 0 .8rem
}
.form-dark input,
.form-dark textarea {
  font-weight:400;
  border-bottom:1px solid #111;
  color:#111
}
.form-dark ::-webkit-input-placeholder {
  color:#111
}
.form-dark :-moz-placeholder {
  color:#111
}
.form-dark ::-moz-placeholder {
  color:#737373
}
.form-dark :-ms-input-placeholder {
  color:#111
}
.form-dark input:focus:required:invalid,
.form-dark textarea:focus:required:invalid {
  color:#444
}
.form-dark input:required:valid,
.form-dark textarea:required:valid {
  color:#111
}
.form-dark input:focus,
.form-dark textarea:focus {
  border-bottom:1px solid #a0a0a0
}
.form-light input,
.form-light textarea {
  font-weight:300;
  border-bottom:1px solid #fff;
  color:#fff
}
.form-light ::-webkit-input-placeholder {
  color:rgba(255,255,255,.5)
}
.form-light :-moz-placeholder {
  color:rgba(255,255,255,.5)
}
.form-light ::-moz-placeholder {
  color:rgba(255,255,255,.5)
}
.form-light :-ms-input-placeholder {
  color:rgba(255,255,255,.5)
}
.form-light input:focus:required:invalid,
.form-light textarea:focus:required:invalid {
  color:rgba(255,255,255,.5)
}
.form-light input:required:valid,
.form-light textarea:required:valid {
  color:#fff
}
.form-light input:focus,
.form-light textarea:focus {
  border-bottom:1px solid rgba(255,255,255,.5)
}
.form-light .inputs-description {
  font-weight:300;
  color:rgba(255,255,255,.5)
}
#countdown,
.countdown-days .help-text,
.menu__navigation .navigation-copyright .copyright a.light,
.no-touch .menu__contact .contact-content .contact .contact-item a.light:hover,
.no-touch .menu__navigation .navigation li a.light:hover {
  color:#181818
}
.reply-group {
  position:absolute;
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  -webkit-transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
  opacity:0;
  -webkit-transition:opacity .5s ease-in-out;
  -o-transition:opacity .5s ease-in-out;
  -moz-transition:opacity .5s ease-in-out;
  transition:opacity .5s ease-in-out
}
.reply-group__title {
  font:400 3rem/1.06 OldStandardTT,serif
}
.reply-group__text {
  display:block;
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  margin-top:.2rem
}
.notify .reply-group {
  width:100%;
  position:absolute;
  top:0;
  right:auto;
  bottom:auto;
  left:0;
  -webkit-transform:translateX(0) translateY(0);
  -moz-transform:translateX(0) translateY(0);
  -ms-transform:translateX(0) translateY(0);
  transform:translateX(0) translateY(0)
}
.logo img,
.menu-button {
  transform:translateY(0)
}
#video-wrapper {
  position:absolute;
  top:0;
  left:0;
  height:100%
}
#main-video {
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  -moz-background-size:contain;
  background-size:contain;
  -o-object-fit:cover;
  object-fit:cover
}
.media__image,
.menu__image .menu-image {
  background-repeat:no-repeat;
  background-position:center center;
  -moz-background-size:cover
}
#bgndKenburns,
#bgndKenburnsFull {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  min-height:100%
}
#nightsky-js,
#particles-js {
  position:absolute;
  height:100%;
  min-height:320px
}
.header {
  position:fixed;
  top:0;
  left:0;
  height:100px;
  padding:0 5vw;
  -webkit-box-shadow:0 4px 5px 0 transparent;
  -moz-box-shadow:0 4px 5px 0 transparent;
  box-shadow:0 4px 5px 0 transparent;
  z-index:4;
  -webkit-transition:height .3s,background-color .3s ease-in-out;
  -o-transition:height .3s,background-color .3s ease-in-out;
  -moz-transition:height .3s,background-color .3s ease-in-out;
  transition:height .3s,background-color .3s ease-in-out
}
.header.reduced {
  height:70px;
  -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.35);
  -moz-box-shadow:0 1px 4px 0 rgba(0,0,0,.35);
  box-shadow:0 1px 4px 0 rgba(0,0,0,.35)
}
.header__content {
  position:relative;
  height:100%;
  padding:0 3vw
}
.logo {
  position:absolute;
  top:0;
  left:3vw;
  height:100%
}
.headline,
.logo img,
.menu-button {
  top:38%;
  bottom:auto
}
.logo img {
  display:block;
  width:auto;
  position:unset
}
.menu-button {
  position:absolute;
  right:3vw;
  -webkit-transition:padding .5s ease-in-out;
  -o-transition:padding .5s ease-in-out;
  -moz-transition:padding .5s ease-in-out;
  transition:padding .5s ease-in-out
}
.main {
  min-height:480px;
  background-color:#111
}
.main__content {
  padding:0 5vw
}
.main__content.fullscreen {
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  height:100%
}
.main__intro {
  background-color:transparent;
  z-index:2
}
.headline,
.headline.bottom,
.intro__controls {
  position:absolute;
  left:0
}
.headline {
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:100%
}
.headline.bottom {
  top:auto;
  bottom:40px;
  width:100%;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
.intro__controls {
  bottom:30px
}
.main__media,
.media__content {
  bottom:0;
  height:100%;
  position:absolute
}
.main__media {
  right:0;
  z-index:1
}
.media__content {
  left:-5vw;
  width:-moz-calc(100% + 10vw);
  width:calc(100% + 10vw);
  background-color:#111
}
.media__image {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-size:cover
}
.main-countdown {
  position:absolute;
  right:0;
  bottom:30px;
  padding:0 5vw;
  z-index:2
}
.menu {
  display:block;
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
  z-index:10;
  overflow-y:auto;
  opacity:0;
  -webkit-transition:.6s ease-in-out;
  -o-transition:.6s ease-in-out;
  -moz-transition:.6s ease-in-out;
  transition:.6s ease-in-out
}
.menu .navigation li {
  opacity:0;
  -webkit-transition:opacity .3s,-webkit-filter .3s;
  transition:opacity .3s,filter .3s,-webkit-filter .3s;
  -o-transition:opacity .3s,filter .3s;
  -moz-transition:opacity .3s,filter .3s
}
.menu .menu__image {
  opacity:0;
  -webkit-transform:translateX(30px);
  -moz-transform:translateX(30px);
  -ms-transform:translateX(30px);
  transform:translateX(30px);
  -webkit-transition:opacity .5s 1.6s,-webkit-filter .5s 1.6s,-webkit-transform .5s ease-in-out 1.6s;
  transition:filter .5s 1.6s,opacity .5s 1.6s,transform .5s ease-in-out 1.6s,-webkit-filter .5s 1.6s,-webkit-transform .5s ease-in-out 1.6s,-moz-transform .5s ease-in-out 1.6s;
  -o-transition:filter .5s 1.6s,opacity .5s 1.6s,transform .5s ease-in-out 1.6s;
  -moz-transition:filter .5s 1.6s,opacity .5s 1.6s,transform .5s ease-in-out 1.6s,-moz-transform .5s ease-in-out 1.6s
}
.menu .menu__contact,
.menu .navigation-copyright {
  opacity:0;
  -webkit-transition:opacity .5s ease-in-out;
  -o-transition:opacity .5s ease-in-out;
  -moz-transition:opacity .5s ease-in-out;
  transition:opacity .5s ease-in-out
}
.menu.animate-in,
.popup.animate-in {
  opacity:1;
  visibility:visible
}
.menu.animate-in .navigation li:first-of-type,
.menu.animate-out .navigation li:nth-of-type(5) {
  -webkit-transition:opacity .5s .8s,-webkit-filter .5s .8s;
  transition:filter .5s .8s,opacity .5s .8s,-webkit-filter .5s .8s;
  -o-transition:filter .5s .8s,opacity .5s .8s;
  -moz-transition:filter .5s .8s,opacity .5s .8s
}
.menu.animate-in .navigation li:nth-of-type(2) {
  -webkit-transition:opacity .5s .9s,-webkit-filter .5s .9s;
  transition:filter .5s .9s,opacity .5s .9s,-webkit-filter .5s .9s;
  -o-transition:filter .5s .9s,opacity .5s .9s;
  -moz-transition:filter .5s .9s,opacity .5s .9s
}
.menu.animate-in .navigation li:nth-of-type(3) {
  -webkit-transition:opacity .5s 1s,-webkit-filter .5s 1s;
  transition:filter .5s 1s,opacity .5s 1s,-webkit-filter .5s 1s;
  -o-transition:filter .5s 1s,opacity .5s 1s;
  -moz-transition:filter .5s 1s,opacity .5s 1s
}
.menu.animate-in .navigation li:nth-of-type(4) {
  -webkit-transition:opacity .5s 1.1s,-webkit-filter .5s 1.1s;
  transition:filter .5s 1.1s,opacity .5s 1.1s,-webkit-filter .5s 1.1s;
  -o-transition:filter .5s 1.1s,opacity .5s 1.1s;
  -moz-transition:filter .5s 1.1s,opacity .5s 1.1s
}
.menu.animate-in .navigation li:nth-of-type(5),
.menu.animate-in .navigation li:nth-of-type(6),
.menu.animate-in .navigation li:nth-of-type(7),
.menu.animate-in .navigation li:nth-of-type(8),
.menu.animate-in .navigation li:nth-of-type(9),
.menu.animate-in .navigation li:nth-of-type(10),
.menu.animate-in .navigation li:nth-of-type(11),
.menu.animate-in .navigation li:nth-of-type(12) {
  -webkit-transition:opacity .5s 1.2s,-webkit-filter .5s 1.2s;
  transition:filter .5s 1.2s,opacity .5s 1.2s,-webkit-filter .5s 1.2s;
  -o-transition:filter .5s 1.2s,opacity .5s 1.2s;
  -moz-transition:filter .5s 1.2s,opacity .5s 1.2s
}
.menu.animate-in .menu__image {
  opacity:1;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:opacity .9s .8s,-webkit-filter .9s .8s,-webkit-transform .9s ease-in-out .8s;
  transition:filter .9s .8s,opacity .9s .8s,transform .9s ease-in-out .8s,-webkit-filter .9s .8s,-webkit-transform .9s ease-in-out .8s,-moz-transform .9s ease-in-out .8s;
  -o-transition:filter .9s .8s,opacity .9s .8s,transform .9s ease-in-out .8s;
  -moz-transition:filter .9s .8s,opacity .9s .8s,transform .9s ease-in-out .8s,-moz-transform .9s ease-in-out .8s
}
.menu.animate-in .menu__contact,
.menu.animate-in .navigation-copyright {
  opacity:1;
  -webkit-transition:opacity .5s ease-in-out 1.6s;
  -o-transition:opacity .5s ease-in-out 1.6s;
  -moz-transition:opacity .5s ease-in-out 1.6s;
  transition:opacity .5s ease-in-out 1.6s
}
.menu.animate-out {
  opacity:0;
  visibility:hidden;
  -webkit-transition:.6s ease-in-out 1.4s;
  -o-transition:.6s ease-in-out 1.4s;
  -moz-transition:.6s ease-in-out 1.4s;
  transition:.6s ease-in-out 1.4s
}
.menu.animate-out .navigation li:first-of-type {
  -webkit-transition:opacity .5s .4s,-webkit-filter .5s .4s;
  transition:filter .5s .4s,opacity .5s .4s,-webkit-filter .5s .4s;
  -o-transition:filter .5s .4s,opacity .5s .4s;
  -moz-transition:filter .5s .4s,opacity .5s .4s
}
.menu.animate-out .navigation li:nth-of-type(2) {
  -webkit-transition:opacity .5s .5s,-webkit-filter .5s .5s;
  transition:filter .5s .5s,opacity .5s .5s,-webkit-filter .5s .5s;
  -o-transition:filter .5s .5s,opacity .5s .5s;
  -moz-transition:filter .5s .5s,opacity .5s .5s
}
.menu.animate-out .navigation li:nth-of-type(3) {
  -webkit-transition:opacity .5s .6s,-webkit-filter .5s .6s;
  transition:filter .5s .6s,opacity .5s .6s,-webkit-filter .5s .6s;
  -o-transition:filter .5s .6s,opacity .5s .6s;
  -moz-transition:filter .5s .6s,opacity .5s .6s
}
.menu.animate-out .navigation li:nth-of-type(4) {
  -webkit-transition:opacity .5s .7s,-webkit-filter .5s .7s;
  transition:filter .5s .7s,opacity .5s .7s,-webkit-filter .5s .7s;
  -o-transition:filter .5s .7s,opacity .5s .7s;
  -moz-transition:filter .5s .7s,opacity .5s .7s
}
.menu.animate-out .menu__image {
  opacity:0;
  -webkit-transform:translateX(30px);
  -moz-transform:translateX(30px);
  -ms-transform:translateX(30px);
  transform:translateX(30px);
  -webkit-transition:opacity .5s .3s,-webkit-filter .5s .3s,-webkit-transform .5s ease-in-out .3s;
  transition:filter .5s .3s,opacity .5s .3s,transform .5s ease-in-out .3s,-webkit-filter .5s .3s,-webkit-transform .5s ease-in-out .3s,-moz-transform .5s ease-in-out .3s;
  -o-transition:filter .5s .3s,opacity .5s .3s,transform .5s ease-in-out .3s;
  -moz-transition:filter .5s .3s,opacity .5s .3s,transform .5s ease-in-out .3s,-moz-transform .5s ease-in-out .3s
}
.menu.animate-out .menu__contact,
.menu.animate-out .navigation-copyright {
  opacity:0;
  -webkit-transition:opacity .5s ease-in-out .8s;
  -o-transition:opacity .5s ease-in-out .8s;
  -moz-transition:opacity .5s ease-in-out .8s;
  transition:opacity .5s ease-in-out .8s
}
.menu__navigation .navigation li a,
.menu__navigation .navigation-copyright .copyright a {
  -webkit-transition:color .3s ease-in-out;
  -o-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out
}
.menu__header,
.popup__header {
  position:relative;
  width:100%;
  height:100px;
  padding:0 5vw
}
.menu__header .header-content,
.popup__header .header-content {
  position:relative;
  width:100%;
  height:100%;
  padding:0 3vw
}
.menu__content,
.popup__content {
  position:relative;
  height:auto;
  padding:0 5vw
}
.menu__navigation {
  position:relative;
  z-index:2
}
.menu__navigation .navigation-content,
.popup-container {
  position:relative;
  width:100%;
  padding:30px 0
}
.menu__navigation .navigation li {
  display:block;
  margin-bottom:2.4rem
}
.menu__navigation .navigation li a {
  display:inline-block;
  position:relative;
  font:400 4rem/1.2 OldStandardTT,serif;
  color:#444;
  transition:color .3s ease-in-out
}
.menu__navigation .navigation li a::after {
  content:"";
  display:block;
  position:absolute;
  bottom:4px;
  left:0;
  width:0%;
  height:1px;
  background-color:#000;
  -webkit-transition:width .3s ease-in-out;
  -o-transition:width .3s ease-in-out;
  -moz-transition:width .3s ease-in-out;
  transition:width .3s ease-in-out
}
.no-touch .menu__navigation .navigation li a:hover {
  color:#111
}
.no-touch .menu__navigation .navigation li a:hover::after {
  width:100%
}
.menu__navigation .navigation-copyright {
  padding:30px 0
}
.menu__navigation .navigation-copyright .copyright a,
.menu__navigation .navigation-copyright .copyright p {
  font:300 1.2rem/1.2 OpenSans,sans-serif;
  text-transform:uppercase;
  letter-spacing:.16rem
}
.menu__navigation .navigation-copyright .copyright a {
  transition:color .3s ease-in-out;
  color:#111
}
.menu__contact .contact-content .contact .contact-item a.light,
.no-touch .about-swiper-button-next:hover i,
.no-touch .about-swiper-button-prev:hover i,
.no-touch .menu__navigation .navigation-copyright .copyright a.light:hover {
  color:rgba(255,255,255,.5)
}
.menu__image {
  position:relative;
  height:600px
}
.menu__image .menu-image {
  position:absolute;
  top:0;
  left:-5vw;
  width:-moz-calc(100% + 10vw);
  width:calc(100% + 10vw);
  height:100%;
  background-size:cover;
  background-color:#111
}
.media-services,
.slide-image {
  -moz-background-size:cover;
  background-repeat:no-repeat
}
.menu__contact .contact-content {
  padding:60px 0
}
.menu__contact .contact-content .contact .contact-item {
  position:relative;
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  margin-bottom:3.2rem
}
.menu__contact .contact-content .contact .contact-item p {
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  letter-spacing:.5px
}
.menu__contact .contact-content .contact .contact-item a {
  position:relative;
  font:300 1.5rem/1.7 OpenSans,sans-serif;
  color:#707070;
  -webkit-transition:color .3s ease-in-out;
  -o-transition:color .3s ease-in-out;
  -moz-transition:color .3s ease-in-out;
  transition:color .3s ease-in-out;
  letter-spacing:.5px
}
.menu__contact .contact-content .contact .contact-item a::after {
  content:"";
  display:block;
  position:absolute;
  bottom:-2px;
  left:0;
  width:0%;
  height:1px;
  background-color:#000;
  -webkit-transition:width .3s ease-in-out;
  -o-transition:width .3s ease-in-out;
  -moz-transition:width .3s ease-in-out;
  transition:width .3s ease-in-out
}
.no-touch .menu__contact .contact-content .contact .contact-item a:hover {
  color:#111
}
.no-touch .menu__contact .contact-content .contact .contact-item a:hover::after {
  width:100%
}
.menu__contact .contact-content .contact .contact-item a.light::after,
.skillbar-bar.light {
  background-color:#000
}
.menu__contact .contact-content .contact .contact-item ul {
  display:block;
  position:relative;
  display:flex;
  justify-content:flex-end;
  align-items:center
}
.menu__contact .contact-content .contact .contact-item ul li {
  display:inline-block;
  margin-right:2rem
}
.menu__contact .contact-content .contact .contact-item ul li a {
  font:400 1.6rem/1.2 OpenSans,sans-serif
}
.about-swiper-button-next .controls-caption,
.about-swiper-button-next::after,
.about-swiper-button-prev .controls-caption,
.about-swiper-button-prev::after,
.countdown-days .countdown-period,
.countdown-small .countdown-period,
.main-swiper-button-next::after,
.main-swiper-button-prev::after,
.menu__contact .contact-content .contact .contact-item ul li a::after {
  display:none
}
@media only screen and (min-width:768px) {
  h1.large,
  h1.small {
    max-width:none
  }
  ::-webkit-scrollbar {
    display:block
  }
  .column-padding-s {
    padding:0 -moz-calc(3vw - 2rem);
    padding:0 calc(3vw - 2rem)
  }
  h1,
  h1.small {
    font-size:6rem
  }
  h1 {
    max-width:460px
  }
  h1.large {
    font-size:8rem
  }
  .headline__text {
    font-size:1.6rem;
    max-width:420px
  }
  .headline__text.bottom {
    margin-bottom:3.6rem
  }
  .headline__btnholder.bottom a {
    margin-right:6rem
  }
  h2 {
    font-size:5rem
  }
  .popup-title__title {
    font-size:4rem
  }
  .popup-title__text,
  form input,
  form textarea {
    font-size:1.6rem
  }
  .to-top {
    bottom:50px;
    -webkit-transition:opasity .3s,visibility;
    -o-transition:opasity .3s,visibility;
    -moz-transition:opasity .3s,visibility;
    transition:opasity .3s,visibility
  }
  .header,
  .menu__header {
    height:120px
  }
  .headline.bottom {
    bottom:60px
  }
  .intro__controls,
  .main-countdown {
    bottom:40px
  }
  .menu__navigation .navigation-content,
  .menu__navigation .navigation-copyright {
    padding:40px 0
  }
  .menu__navigation .navigation li a {
    font-size:4.5rem
  }
  .menu__image {
    height:760px
  }
  .menu__contact .contact-content {
    padding:80px 0
  }
}
.footer__content,
.info__wrapper,
.media__countdown,
.media__partners {
  position:relative;
  padding:0 5vw
}
.countdown-content,
.partners-content {
  position:relative;
  padding:0 3vw;
  overflow:hidden
}
.countdown-days #countdown {
  font:400 11rem/1 OldStandardTT,serif;
  letter-spacing:-.2rem;
  margin-top:3rem;
  margin-bottom:1rem
}
.countdown-days .help-text {
  display:block;
  font:400 1.4rem/1 OpenSans,sans-serif
}
.countdown-small {
  text-align:right;
  padding-bottom:1px
}
.countdown-small #countdown {
  font:400 5rem/1 OldStandardTT,serif;
  letter-spacing:-.2rem
}
.countdown-small .help-text {
  font:400 1.2rem/1.8 OpenSans,sans-serif;
  color:#fff
}
.swiper-main {
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}
.swiper-slide-main {
  width:100%;
  background-color:transparent
}
.slide-image {
  width:100%;
  background-color:#111;
  background-size:cover
}
.main-slider-controls {
  background-color:transparent;
  display:none
}
@media only screen and (min-width:1200px) {
  .color-layer-black-04-mobile {
    display:none
  }
  h1.large {
    font-size:10rem
  }
  .footer__socials ul li a {
    color:#444
  }
  .no-touch .footer__socials ul li a:hover {
    color:#111
  }
  .footer__socials ul li a.light {
    color:#fff
  }
  .no-touch .btn-s-light:hover,
  .no-touch .footer__socials ul li a.light:hover {
    color:rgba(255,255,255,.5)
  }
  .no-touch .btn-s-dark:hover {
    color:#707070
  }
  .header {
    background-color:#111
  }
  .header.transparent {
    background-color:transparent
  }
  .header.transparent.reduced {
    background-color:#191919
  }
  .main {
    min-height:600px
  }
  .media__content.half,
  .media__content.split {
    top:auto;
    left:0;
    position:absolute;
    bottom:0
  }
  .media__content.split {
    width:-moz-calc(100% + 5vw);
    width:calc(100% + 5vw);
    height:-moz-calc(100% - 120px);
    height:calc(100% - 120px)
  }
  .media__content.half {
    width:-moz-calc(100% + 5vw);
    width:calc(100% + 5vw);
    height:100%
  }
  .media__content.fullscreen {
    position:absolute;
    bottom:0;
    left:-5vw;
    width:-moz-calc(100% + 10vw);
    width:calc(100% + 10vw);
    height:100%
  }
  .countdown-small #countdown {
    font-size:6rem
  }
  .main-slider-controls {
    display:block;
    position:absolute;
    right:5vw;
    bottom:50px;
    width:-moz-calc(6vw + 40px);
    width:calc(6vw + 40px);
    height:81px;
    padding:0 3vw;
    z-index:2
  }
  .main-slider-controls.centered {
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    height:79px
  }
  .main-slider-controls.bottom {
    bottom:60px;
    height:79px
  }
  .main-swiper-button-next,
  .main-swiper-button-prev {
    position:absolute
  }
  .no-touch .main-swiper-button-next:hover.transparent,
  .no-touch .main-swiper-button-prev:hover.transparent {
    background-color:#fff;
    color:#111
  }
}
.main-swiper-button-next,
.main-swiper-button-prev {
  width:40px;
  height:40px;
  line-height:40px;
  font-size:1.4rem;
  text-align:center;
  background-color:#fff;
  color:#000;
  -webkit-tap-highlight-color:transparent;
  -webkit-transition:.5s;
  -o-transition:.5s;
  -moz-transition:.5s;
  transition:.5s
}
.main-swiper-button-next.transparent,
.main-swiper-button-prev.transparent {
  background-color:transparent;
  border:1px solid rgba(255,255,255,.5);
  color:#fff
}
.main-swiper-button-next {
  right:0
}
.main-swiper-button-next span::after {
  content:"\f3d1";
  display:inline-block;
  font-family:Ionicons
}
.main-swiper-button-prev {
  left:0
}
.main-swiper-button-prev span::before {
  content:"\f3cf";
  display:inline-block;
  font-family:Ionicons
}
.swiper-about {
  position:relative;
  width:100%;
  height:auto;
  overflow:hidden
}
.swiper-about img {
  display:block;
  width:100%
}
.about-slider-controls {
  position:absolute;
  right:0;
  bottom:0;
  width:100%;
  height:40px;
  padding:0 5vw;
  z-index:3
}
.about-slider-controls .controls-container {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:end;
  -moz-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  position:relative;
  height:40px;
  padding:0 3vw;
  text-align:right
}
.about-swiper-button-next,
.about-swiper-button-prev {
  position:relative;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  outline:0;
  font:400 1.2rem/1.7 OpenSans,sans-serif;
  letter-spacing:.26rem;
  text-transform:uppercase;
  text-align:center;
  color:#fff;
  background-color:#191919;
  -webkit-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  transition:.5s ease-in-out
}
.about-swiper-button-next i,
.about-swiper-button-prev i {
  font-size:1.4rem;
  text-align:center;
  -webkit-transition:color .5s ease-in-out;
  -o-transition:color .5s ease-in-out;
  -moz-transition:color .5s ease-in-out;
  transition:color .5s ease-in-out
}
.no-touch .about-swiper-button-next:hover,
.no-touch .about-swiper-button-prev:hover {
  background-color:#181818
}
.about-swiper-button-prev {
  margin-right:-4px
}
.popup {
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
  z-index:10;
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  -webkit-transition:.6s ease-in-out;
  -o-transition:.6s ease-in-out;
  -moz-transition:.6s ease-in-out;
  transition:.6s ease-in-out
}
.popup .form-container,
.popup .popup-title__text,
.popup .popup-title__title {
  opacity:0;
  -webkit-transform:translateY(30px);
  -moz-transform:translateY(30px);
  -ms-transform:translateY(30px);
  transform:translateY(30px);
  -webkit-transition:opacity .3s,-webkit-filter .3s;
  transition:opacity .3s,filter .3s,-webkit-filter .3s;
  -o-transition:opacity .3s,filter .3s;
  -moz-transition:opacity .3s,filter .3s
}
.popup.animate-in .popup-title__text,
.popup.animate-in .popup-title__title {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  opacity:1
}
.popup.animate-in .popup-title__title {
  transform:translateY(0);
  -webkit-transition:opacity .5s .8s,-webkit-filter .5s .8s,-webkit-transform .5s .8s;
  transition:filter .5s .8s,opacity .5s .8s,transform .5s .8s,-webkit-filter .5s .8s,-webkit-transform .5s .8s,-moz-transform .5s .8s;
  -o-transition:filter .5s .8s,opacity .5s .8s,transform .5s .8s;
  -moz-transition:filter .5s .8s,opacity .5s .8s,transform .5s .8s,-moz-transform .5s .8s
}
.popup.animate-in .popup-title__text {
  transform:translateY(0);
  -webkit-transition:opacity .5s .9s,-webkit-filter .5s .9s,-webkit-transform .5s .9s;
  transition:filter .5s .9s,opacity .5s .9s,transform .5s .9s,-webkit-filter .5s .9s,-webkit-transform .5s .9s,-moz-transform .5s .9s;
  -o-transition:filter .5s .9s,opacity .5s .9s,transform .5s .9s;
  -moz-transition:filter .5s .9s,opacity .5s .9s,transform .5s .9s,-moz-transform .5s .9s
}
.popup.animate-in .form-container {
  opacity:1;
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:opacity .5s 1s,-webkit-filter .5s 1s,-webkit-transform .5s 1s;
  transition:filter .5s 1s,opacity .5s 1s,transform .5s 1s,-webkit-filter .5s 1s,-webkit-transform .5s 1s,-moz-transform .5s 1s;
  -o-transition:filter .5s 1s,opacity .5s 1s,transform .5s 1s;
  -moz-transition:filter .5s 1s,opacity .5s 1s,transform .5s 1s,-moz-transform .5s 1s
}
.popup.animate-out {
  opacity:0;
  visibility:hidden;
  -webkit-transition:.6s ease-in-out .8s;
  -o-transition:.6s ease-in-out .8s;
  -moz-transition:.6s ease-in-out .8s;
  transition:.6s ease-in-out .8s
}
.popup.animate-out .popup-title__title {
  opacity:0;
  -webkit-transition:opacity .5s,-webkit-filter .5s,-webkit-transform .5s;
  transition:filter .5s,opacity .5s,transform .5s,-webkit-filter .5s,-webkit-transform .5s,-moz-transform .5s;
  -o-transition:filter .5s,opacity .5s,transform .5s;
  -moz-transition:filter .5s,opacity .5s,transform .5s,-moz-transform .5s
}
.popup.animate-out .popup-title__text {
  opacity:0;
  -webkit-transition:opacity .5s .1s,-webkit-filter .5s .1s,-webkit-transform .5s .1s;
  transition:filter .5s .1s,opacity .5s .1s,transform .5s .1s,-webkit-filter .5s .1s,-webkit-transform .5s .1s,-moz-transform .5s .1s;
  -o-transition:filter .5s .1s,opacity .5s .1s,transform .5s .1s;
  -moz-transition:filter .5s .1s,opacity .5s .1s,transform .5s .1s,-moz-transform .5s .1s
}
.popup.animate-out .form-container {
  opacity:0;
  -webkit-transition:opacity .5s .2s,-webkit-filter .5s .2s,-webkit-transform .5s .2s;
  transition:filter .5s .2s,opacity .5s .2s,transform .5s .2s,-webkit-filter .5s .2s,-webkit-transform .5s .2s,-moz-transform .5s .2s;
  -o-transition:filter .5s .2s,opacity .5s .2s,transform .5s .2s;
  -moz-transition:filter .5s .2s,opacity .5s .2s,transform .5s .2s,-moz-transform .5s .2s
}
@media only screen and (min-width:992px) {
  .menu__header,
  .popup__header {
    position:absolute;
    top:0;
    left:0;
    z-index:4
  }
  .color-layer-white-mobile,
  .menu__header,
  .menu__header.light,
  .popup__header {
    background-color:transparent
  }
  .fullheight,
  .menu__contact,
  .menu__content,
  .menu__navigation,
  .menu__photo,
  .popup__content {
    height:100%
  }
  .info__title .title-content .section-title {
    display:inline-block;
    position:relative;
    -webkit-transform-origin:top right;
    -moz-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right;
    -webkit-transform:translateX(-100%) rotate(-90deg);
    -moz-transform:translateX(-100%) rotate(-90deg);
    -ms-transform:translateX(-100%) rotate(-90deg);
    transform:translateX(-100%) rotate(-90deg);
    margin-bottom:0
  }
  .menu__navigation .navigation-content {
    padding:0;
    width:100%;
    height:100%
  }
  .menu__navigation .navigation {
    position:absolute;
    left:0;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
  }
  .menu__contact .contact-content,
  .menu__navigation .navigation-copyright {
    bottom:40px;
    width:100%;
    padding:0;
    position:absolute;
    left:0
  }
  .menu__image {
    height:100%;
    min-height:100%
  }
  .menu__image .menu-image {
    left:0;
    width:100%
  }
  .menu__contact .contact-content {
    text-align:right
  }
  .menu__contact .contact-content .contact .contact-item ul li {
    margin-right:0;
    margin-left:2rem
  }
  .swiper-about {
    height:600px
  }
  .swiper-about .swiper-slide {
    width:auto
  }
  .swiper-about img {
    width:auto;
    height:100%
  }
  .popup {
    min-height:600px;
    overflow:hidden
  }
  .popup__header {
    height:120px
  }
}
.inner__info,
.inner__media.media-padding {
  padding:100px 0
}
.popup-form,
.popup-title {
  position:relative;
  text-align:center
}
.popup-form {
  margin-bottom:30px
}
.inner {
  overflow:hidden;
  background-color:#191919
}
@media only screen and (min-width:768px) {
  .countdown-days #countdown {
    font-size:14rem
  }
  .about-swiper-button-next,
  .about-swiper-button-prev {
    width:auto;
    padding:.3rem 3.2rem 0;
    text-align:left
  }
  .about-swiper-button-next i,
  .about-swiper-button-prev i {
    width:auto
  }
  .about-swiper-button-next .controls-caption,
  .about-swiper-button-prev .controls-caption {
    display:inline
  }
  .no-touch .about-swiper-button-next:hover,
  .no-touch .about-swiper-button-prev:hover {
    color:rgba(255,255,255,.5)
  }
  .about-swiper-button-prev .controls-caption {
    padding-left:1.2rem
  }
  .about-swiper-button-next .controls-caption {
    padding-right:1.2rem
  }
  .popup__header {
    height:120px
  }
  .popup-container {
    padding:50px 0
  }
  .inner__info,
  .inner__media.media-padding {
    padding:120px 0
  }
}
.inner__media {
  overflow:hidden;
  padding:0
}
@media only screen and (min-width:1400px) {
  h1,
  h1.small {
    font-size:8rem
  }
  h1 {
    max-width:560px;
    padding-left:72px
  }
  h1.large {
    font-size:13rem
  }
  .headline__text {
    font-size:2rem;
    margin-bottom:5rem;
    max-width:500px
  }
  .headline__text.small {
    font-size:1.8rem
  }
  .headline__text.bottom {
    margin-bottom:4rem
  }
  .menu__navigation .navigation li a,
  h2 {
    font-size:6rem
  }
  .popup-title__title {
    font-size:5rem
  }
  .headline.bottom,
  .main-slider-controls.bottom {
    bottom:80px
  }
  .menu__header,
  .popup__header {
    height:140px
  }

  .countdown-small #countdown {
    font-size:7rem
  }
  .inner__info,
  .inner__media.media-padding {
    padding:180px 0
  }
}
.media__wrapper {
  z-index:3
}
.content-block,
.content-block.mobile-margin {
  margin-bottom:60px
}
@media only screen and (min-width:768px) {
  .content-block,
  .content-block.mobile-margin {
    margin-bottom:80px
  }
}
.media-services {
  background-size:cover;
  background-attachment:fixed
}
.show-skillbar {
  display:block;
  padding:0;
  margin-bottom:2.4rem
}
.skillbar {
  width:100%;
  height:4rem;
  border-bottom:1px solid #e6e6e6
}
.skillbar.light {
  border-bottom:1px solid rgba(255,255,255,.2)
}
.skillbar-title {
  position:absolute;
  top:0;
  left:2px;
  font:400 2.6rem/4.6rem OldStandardTT,serif;
  height:4rem
}
.skillbar-bar {
  display:inline-block;
  position:absolute;
  bottom:-1px;
  left:0;
  width:0;
  height:1px;
  background-color:#111
}
.skill-bar-percent {
  display:block;
  position:absolute;
  top:0;
  right:2px;
  font:400 2.4rem/4.6rem OldStandardTT,serif;
  height:4rem
}
.feature-item {
  position:relative;
  margin-bottom:60px
}
.feature-item img {
  width:auto;
  max-width:138px;
  height:100%;
  margin-bottom:3.4rem
}
.feature-item-wrapper {
  padding:0
}
.partner-link {
  display:block;
  position:relative;
  cursor:pointer
}
.partner-link img {
  opacity:1;
  -webkit-transition:opacity .3s ease-in-out;
  -o-transition:opacity .3s ease-in-out;
  -moz-transition:opacity .3s ease-in-out;
  transition:opacity .3s ease-in-out
}
@media only screen and (min-width:992px) {
  .popup-container {
    padding:0;
    position:absolute;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    text-align:center
  }
  .content-block.mobile-margin,
  .popup-form {
    margin-bottom:0
  }
  .partner-link img {
    opacity:.6
  }
  .no-touch .partner-link:hover img {
    opacity:1
  }
}
.inner-video {
  position:relative;
  width:100%;
  height:600px;
  background-color:#111;
  background-repeat:no-repeat;
  -moz-background-size:cover;
  background-size:cover
}
.inner-video__button {
  position:absolute;
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  -webkit-transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%)
}
.contact-data {
  position:relative;
  margin-top:3.8rem
}
.contact-data::after {
  clear:both;
  content:"";
  display:table
}
.contact-data__item {
  margin-bottom:28px;
}
@media only screen and (min-width:576px) {
  .contact-data__item:nth-last-of-type(2) {
    margin-bottom:0
  }
}
.footer {
  position:relative;
  padding:100px 0
}
.footer__logo {
  margin-bottom:3.6rem
}
.footer__logo img {
  width:auto;
  margin:0 auto
}
.my-gallery__item {
  position:relative;
  cursor:pointer;
  margin-bottom:60px;
  -webkit-perspective:400px;
  -moz-perspective:400px;
  perspective:400px;
  -webkit-perspective-origin:left center;
  -moz-perspective-origin:left center;
  perspective-origin:left center
}
.no-touch .my-gallery__item:hover .my-gallery__image {
  -webkit-transform:scale3d(1.1,1.1,1.1);
  -moz-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1)
}
.no-touch .my-gallery__item:hover .my-gallery__description h3::after {
  width:100%
}
@media only screen and (min-width:768px) {
  .feature-item,
  .my-gallery__item {
    margin-bottom:80px
  }
  .feature-item:nth-last-of-type(2),
  .my-gallery__item:nth-last-of-type(2) {
    margin-bottom:0
  }
  .feature-item-wrapper {
    padding:0 2rem
  }
  .feature-item-wrapper p {
    max-width:310px
  }
}
@media only screen and (min-width:1200px) {
  .main-swiper-button-next {
    top:0;
    left:50%;
    right:auto;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    margin:0
  }
  .main-swiper-button-prev {
    top:auto;
    bottom:0;
    left:50%;
    right:auto;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    margin:0
  }
  .feature-item,
  .my-gallery__item:nth-last-of-type(3) {
    margin-bottom:0
  }
}
.my-gallery__link {
  display:block;
  overflow:hidden;
  -webkit-transition:-webkit-transform .5s ease-in-out;
  transition:transform .5s ease-in-out;
  -o-transition:transform .5s ease-in-out;
  -moz-transition:transform .5s ease-in-out,-moz-transform .5s ease-in-out;
  transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out;
  background-color:#f4f4f4
}
.my-gallery__image {
  opacity:1;
  -webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s;
  transition:transform .8s,opacity .8s ease-in-out,-webkit-transform .8s,-moz-transform .8s;
  -o-transition:transform .8s,opacity .8s ease-in-out;
  -moz-transition:transform .8s,opacity .8s ease-in-out,-moz-transform .8s
}
.my-gallery__description {
  position:relative;
  display:block;
  margin-top:2rem
}
.my-gallery__description h3 {
  position:relative;
  display:inline-block;
  z-index:1
}
.my-gallery__description h3::after {
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  width:0%;
  height:1px;
  background-color:#fff;
  -webkit-transition:width .3s ease-in-out;
  -o-transition:width .3s ease-in-out;
  -moz-transition:width .3s ease-in-out;
  transition:width .3s ease-in-out
}
.my-gallery__description p {
  display:none
}
.pswp__caption__center h3 {
  font:400 3rem/1.2 OldStandardTT,serif;
  margin-bottom:2rem;
  color:#fff
}
.pswp__caption__center h3 small {
  display:block;
  font:400 1.3rem/1.2 OpenSans,sans-serif;
  text-transform:uppercase;
  letter-spacing:.26rem;
  color:rgba(255,255,255,.7);
  margin-bottom:.8rem
}
.pswp__caption__center p {
  font-size:1.4rem;
  color:rgba(255,255,255,.7)
}
.pswp__counter {
  font-family:OldStandardTT,serif;
  font-size:1.6rem
}
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  width:44px;
  height:44px
}
.pswp__button--arrow--left:before {
  left:0;
  background-position:-132px -44px
}
.pswp__button--arrow--right:before {
  right:0;
  background-position:-88px -44px
}
.pswp__bg {
  background:#111
}
.pswp__caption,
.pswp__top-bar {
  background-color:rgba(0,0,0,.3)
}
.pswp__button--close {
  opacity:1;
  position:relative;
  background-color:#fff
}
.pswp__button--close:active {
  opacity:1
}
.social_media {
  position: fixed; 
  right: 40px;
  bottom: 20px; 
  width: 31px;
  z-index: 9;
}
.social_media img {
  width: 100%;
}


@media screen and (min-width:1500px) and (max-width:1799px){
  .social_media{
    right: 36px;
  bottom: 20px; 
  }
}
@media screen and (min-width:1400px) and (max-width:1499px){
  .social_media{
    right: 30px;
  bottom: 20px;
  }
}

@media screen and (min-width:1300px) and (max-width:1399px){
  .social_media{
    right: 27px;
  }
}

@media screen and (min-width:1200px) and (max-width:1299px){
  .social_media{
    right: 28px;
  bottom: 20px;
  }
}

@media screen and (min-width:1100px) and (max-width:1199px){
  .social_media{
    right: 52px;
  bottom: 26px;
  }
}

@media screen and (min-width:1025px) and (max-width:1099px){
  .social_media{
    right: 45px;
  bottom: 25px;
  }
}
@media screen and (max-width:767px){
  .res_f_start{
      justify-content: flex-start;
  }
  .social_media{
    right: 15px !important;
    bottom: 20px !important;
  }
    .container, .container-sm {
    max-width: 100%;
  }
   
}