::selection {
  color: #fff;
  background: #393862
}

::-moz-selection {
  color: #fff;
  background: #393862
}

@-ms-viewport {
  width: device-width
}

button,
input,
select,
textarea {
  font-size: 18px;
  font-family: 'PT Sans', Helvetica, Arial, Verdana, Helvetica, sans-serif;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 0
}

select::-ms-expand {
  display: none
}









section.contact .form {
  font-size: 0;
  width: 340px;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  padding: 20px 0
}

section.contact .form .list {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem
}

section.contact .form .list__item {
  position: relative;
  padding: 10px 10px 10px 48px
}

section.contact .form .list__item:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: url(ico/icons.png) 0 6px no-repeat
}

section.contact .form .list__item--phone:after {
  background-position: 0 -40px
}

section.contact .form .list__item--address:after {
  background-position: 2px -94px
}

section.contact .form .list__item a {
  color: #fff;
  text-decoration: none
}

section.contact .form .list__item a:hover {
  color: #393862
}

section.contact .form .headline {
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0 0 15px
}

section.contact .form__input {
  width: 100%;
  display: inline-block;
  padding: 10px 0 0 0
}

section.contact .form__input label {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top;
  margin: 0 0 5px 15px
}

section.contact .form__input input,
section.contact .form__input textarea {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
  height: 36px;
  line-height: 32px;
  padding: 0 15px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 2px solid #bfbfda;
  -webkit-transition: border-color .2s ease-in-out;
  -moz-transition: border-color .2s ease-in-out;
  -ms-transition: border-color .2s ease-in-out;
  -o-transition: border-color .2s ease-in-out;
  transition: border-color .2s ease-in-out
}

section.contact .form__input input:focus,
section.contact .form__input textarea:focus {
  border-color: #393862
}

section.contact .form__input textarea {
  height: auto;
  min-height: 80px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
  padding: 15px;
  resize: none
}

section.contact .form__input--half {
  width: 50%
}

section.contact .form__button {
  text-align: center;
  padding: 20px 0 0
}

section.contact .form__button .button {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.footer {
  position: relative;
  color: #fff;
  background: #df687a;
  padding: 20px 0 40px;
  z-index: 100
}

.footer .container {
  font-size: 0
}

.footer a {
  color: #fff;
  text-decoration: none
}

.footer a:hover {
  color: #393862
}

.footer .col {
  box-sizing: border-box;
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding: 0 20px
}

.footer .col--copy {
  text-align: right
}

.footer .foxo {
  width: 72px;
  height: 36px
}

.footer .foxo__path {
  fill: #fff
}

.footer .copy {
  margin: 10px;
  font-size: 12px;
  font-size: 1.2rem
}

.footer .copy strong {
  font-weight: 600
}

@media only screen and (max-width:919px) {
  /*
  .navbar .container {
    height: 120px
  }
  .navbar--small .container {
    height: 80px
  }
  */
  .section {
    padding: 60px 0
  }
  .section--price .animation {
    right: -50px;
    width: 55%
  }
  section.contact .animation {
    left: -5%;
    width: 45%
  }
  section.contact .form {
    width: 50%
  }
}

@media only screen and (max-width:599px) {
  /*
  .header {
    position: relative;
    height: auto
  }
  */
  .header .container {
    text-align: center
  }
  .header .headline {
    padding: 120px 10px 20px 10px;
    margin: 0 auto;
    text-align: center
  }
  .header .headline span {
    display: inline
  }
  .header .text {
    text-align: center
  }
  .header .text span {
    display: inline
  }
  .header .text--order {
    position: relative;
    bottom: 0;
    padding: 20px 20px 40px
  }
  .header .text--order span {
    display: block
  }
  .header .animation {
    position: relative;
    top: 0;
    right: 0;
    width: 50%;
    margin: 0 auto
  }
  /*
  .navbar .container {
    height: 80px
  }
  */
  .main {
    margin-top: 0
  }
  .section {
    padding: 40px 0
  }
  .section--price .headline {
    max-width: 100%
  }
  .section--price .headline span {
    display: inline
  }
  .section--price .headline--pack {
    margin-top: 20px
  }
  .section--price .text {
    max-width: 100%
  }
  .section--price .text span {
    display: inline
  }
  .section--price .packages {
    margin: 0 auto
  }
  .section--price .animation {
    position: relative;
    right: 0;
    width: 50%;
    margin: 0 auto
  }
  section.contact .headline {
    text-align: center
  }
  section.contact .headline span {
    display: inline
  }
  section.contact .form {
    width: 100%;
    padding: 20px
  }
  section.contact .form .headline {
    margin-left: 0
  }
  section.contact .animation {
    left: 0;
    width: 50%;
    padding: 20px 0 10px;
    margin: 0 auto
  }
}

@media only screen and (max-width:479px) {
  .header .headline {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .header .animation {
    width: 80%;
  }
  .section .headline {
    font-size: 28px;
    font-size: 2.8rem;
  }
  section.contact .animation/*,
  .section--price .animation*/ {
    width: 80%;
  }
}

.rtl-lang ul.mmenu, .rtl-lang .teaser {font-size: 120%; }
.rtl-lang section.contact .headline {font-size: 150%; }
.rtl-lang .claim h1 {font-size: 260%; }
.lang-en .claim h1 {font-size: 220%; }
.lang-de .claim h1 {font-size: 220%; }
.lang-es .claim h1 {font-size: 200%; }


/* RESETS */
h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, ul li, p {display: block; margin: 0; padding: 0; }
.html5-banners h2, .videos h2, .microsites h2 {padding-left: 5%; padding-right: 5%; }
ol, ul {list-style: none; }
h1, h2, h3, h4, h5, h6 {line-height: 1.1; }

/* BASIC */

html {font-size: 62.5%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth; }

body {background: #fff; font-family: 'nimbus-sans-condensed', Helvetica, Arial, Verdana, Helvetica, sans-serif; color: #101010; font-size: 14px; font-weight: 400; line-height: 1.3; text-align: center; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-size-adjust: none; }

html, body {padding: 0; margin: 0; scroll-behavior: smooth; }

body.page-not-found {background: silver; }

section {z-index: 100; position: relative; padding: 50px 0; overflow: hidden; }
section:nth-of-type(2) {margin-top: 100vh; }
section.blue {background: #393862; }
section.white {background: #fff; }
section.pink {background: #df687a; }

section .cnt {position: relative; width: 100%; max-width: 1200px; margin: 0 auto; font-size: 14px; text-align: center; }

h1, h2 {font-size: 42px; font-weight: 700; letter-spacing: -.01em; margin: 0; }
section.blue h1, section.blue h2 {color: #df687a; }
section.blue p {margin: 0 auto; padding: 10px 20px; max-width: 560px; color: #fff; }
section.white h1, header.white h1, section.white h2 {color: #df687a; }
section.pink h1, section.pink h2 {color: #393862; }

section.contact h1 {text-align: left; }

.anim-box div, .anim-box img {position: absolute; display: block; top: 0; }

h1, h2, h4 {font-family: 'paralucent-condensed', Arial, Helvetica, sans-serif; font-weight: 700; }

/* BUTTONS */


.button {cursor: pointer; display: inline-block; padding: 6px 20px; border: 2px solid transparent; border-radius: 80px; font-size: 16px; line-height: 1.2; font-weight: 700; text-align: center; text-decoration: none; }

.button.blue {color: #393862; border-color: #393862; }
.button.blue:hover {color: #fff; background: #393862; }

.button.pink {color: #df687a; border-color: #df687a; }
.button.pink:hover {color: #fff; background: #df687a; }

.button.silver {color: #393862; border-color: #c0c1c2; }
.button.silver:hover {color: #393862; background: #c0c1c2; }

.button.blue.inverse {color: #fff; background: #393862; }
.button.blue.inverse:hover {color: #393862; background: transparent; }

.button.pink.inverse {color: #fff; background: #df687a; }
.button.pink.inverse:hover {color: #df687a; background: #fff; }

.preload {position: absolute; width: 0; height: 0; overflow: hidden; }

.button.space-before {margin-top: 20px; }


/* HOMAPAGE */


header {z-index: 10; position: fixed; top: 0; width: 100%; height: 100vh; transform: translate3d(0,0,0); overflow: hidden; background: #c6d6e0; }
header .cnt {position: relative; max-width: none; height: 100%; transform: translate3d(0,0,0); text-align: left; }
#rw-scene {z-index: 100; position: relative; left: 0; top: 0; width: 100%; height: 100%; }
.claim {z-index: 200; position: absolute; left: 35%; top: 40%; transform: translate(-50%,-50%); }
.rtl-lang .claim {left: auto; right: 35%; transform: translate(50%,-50%); text-align: right; }

.claim p {padding: 10px 0; font-size: 16px; }
.claim p span {display: block; }
.claim h1 {font-size: 320%; line-height: 1.1; margin-bottom: 10px; }
.claim h1 span {display: inline-block; padding-bottom: 20px; border-bottom: #df687a 2px solid; }
.claim h1 strong {font-size: 200%; font-weight: 700; color: #393862; }
span.space {display: block !important; height: 0px; }
.claim h1, .claim p {position: static !important; }
.claim .button {margin: 15px 5px 0 0; }
.rtl-lang .claim .button {margin: 15px 0 0 5px; }
.teaser .button {margin: 15px 5px 0 0; }
.rtl-lang .teaser .button {margin: 15px 0 0 5px; }

.rw-floor, #running-woman-outer-box {top: 65%; }

.rw-floor {position: absolute; left: 0; width: 100%; height: 100%; }
.rw-floor-back {margin-top: 0; background: #f27e8f; }
.rw-floor-front {margin-top: 30px; background: #df687a; }

#running-woman-outer-box {position: absolute; left: 65%; height: 0; text-align: left; transform: translateY(30px); }
.rtl-lang #running-woman-outer-box {left: auto; right: 65%; transform: translateY(30px); }

/*section:nth-of-type(1), section:nth-of-type(2) {opacity: .5; }*/

section#teaser {display: none; position: relative; transform: none; }
section#teaser .teaser {position: static; transform: none; }
.teaser {z-index: 300; position: absolute; width: 100%; bottom: 17%; transform: translateY(50%); text-align: center; }
.teaser .item {position: relative; display: inline-block; vertical-align: top; width: 30%; max-width: 300px; margin: 0 1%; padding-left: 110px; box-sizing: border-box; line-height: 1.3; text-align: left; /*background: rgba(0, 0, 0, 0.1); */}
.rtl-lang .teaser .item {padding-left: 0; padding-right: 110px; text-align: right; }
.teaser .item::before {display: block; position: absolute; left: 0; top: -10px; }
.rtl-lang .teaser .item::before {left: auto; right: 0; top: -10px; }
.teaser .item:nth-child(1)::before {content: url(ico/html5-banners.png); }
.teaser .item:nth-child(2)::before {content: url(ico/microsites.png); }
.teaser .item:nth-child(3)::before {content: url(ico/videos.png); }
.teaser .item h2 {margin: 0; padding: 0 0 5px 0; color: #393862; font-size: 150%; }
.teaser .item p {margin: 0; padding: 0; }
.teaser .item a {border-color: #393862; color: #393862; }
.teaser .item a:hover {background: #393862; color: #fff; }

@media (max-height: 800px){
    .claim {top: 37%; font-size: 90%; }
}

@media (max-height: 720px){
    .claim {font-size: 80%; }
    header teaser {bottom: 15%; }
}

@media (max-height: 630px){
    .claim {top: 38%; font-size: 60%; }
}

@media (max-width: 1000px), (max-height: 550px){
    .rw-floor, #running-woman-outer-box {top: 85%; }
    .claim {top: 50%; }
    
    header .teaser {display: none; }
    section#teaser {display: block; }
    section:nth-of-type(1) {margin-top: 100vh; }
    section:nth-of-type(2) {margin-top: 0; }
    section#teaser .teaser .item {display: block; margin: 30px auto; width: auto; max-width: 600px; }
    section#teaser .teaser {padding: 0 10%; box-sizing: border-box; }
    /*
    .claim {top: 39%; }
    .claim p {padding-top: 0; }
    .claim p span {display: none; }
    .claim h1 {margin-bottom: 0; padding-bottom: 0; border: 0; }
    */
}

@media (max-height: 430px){
    .claim h1 {padding-bottom: 10px; margin-bottom: 0; }
}

@media (max-width: 1200px){
    #running-woman-outer-box {left: 70%; }
    .rtl-lang #running-woman-outer-box {left: auto; right: 70%; }
}

@media (max-width: 900px){
    #running-woman-outer-box {left: 70%; }
    .rtl-lang #running-woman-outer-box {left: auto; right: 70%; }
    .claim {left: 10%; transform: translateY(-50%); }
    .rtl-lang .claim {left: auto; right: 10%; transform: translateY(-50%); }
}

@media (max-width: 1000px) and (min-height: 800px){
    .claim {top: 40%; }
    #running-woman-outer-box {left: 60%; }
    .rtl-lang #running-woman-outer-box {left: auto; right: 60%; }
}

@media (max-width: 700px){
    .claim {font-size: 80%; }
    .claim h1 strong br {display: none; }
}

/* switch to scroll */
@media (max-width: 600px), (max-height: 400px){ 
    header {position: static; height: auto; }
    .claim, .rtl-lang .claim, header .teaser {position: static; transform: none; }
    .rtl-lang .claim h1 {font-size: 300%; }
    .lang-en .claim h1 {font-size: 280%; }
    .lang-de .claim h1 {font-size: 280%; }
    .lang-es .claim h1 {font-size: 260%; }
    
    .claim {max-width: 80%; margin: 100px auto 0 auto; font-size: 80%; }
    
    #rw-scene {position: relative; left: 0; top: 0; margin: 250px 0 30px 0; }
    .rw-floor {top: 0; }
    .rw-floor-back {height: 30px; }
    .rw-floor-front {display: none; }
    
    
    header .teaser {display: block; padding: 50px 10%; background: #df687a; width: auto; }
    header .teaser .item {display: block; width: 100%; max-width: none; margin: 30px 0; }
    section#teaser {display: none; }
    section:nth-of-type(1), section:nth-of-type(2) {margin-top: 0; }
}

@media (max-width: 480px){
    .claim {font-size: 60%; }
}

@media (max-width: 400px){
    #running-woman-outer-box {left: 55%; }
    .rtl-lang #running-woman-outer-box {left: auto; right: 55%; }
}

@media (max-width: 370px){
    .claim h1 {line-height: 1.3; }
    .claim h1 strong {font-size: 150%; line-height: 1; }
    .claim h1 strong br {display: none; }
}

@media (max-width: 350px){
    .teaser .item {padding-left: 0; padding-top: 110px; text-align: center; }
    .rtl-lang .teaser .item {padding-right: 0; text-align: center; }
    .teaser .item::before, .rtl-lang .teaser .item::before {left: 50%; right: auto; top: 10px; transform: translateX(-50%); }
}

@media (max-height: 400px){
    #running-woman-outer-box {transform: scale(.8) translateY(30px); }
    #rw-scene {margin-top: 200px; }
    header .cnt {overflow-x: hidden; }
    .bg-planes {left: -12.5% !important; width: 125% !important; transform: scale(.8); }
}

@media (max-height: 300px){
    #running-woman-outer-box {transform: scale(.6) translateY(30px); }
    #rw-scene {margin-top: 150px; }
    .bg-planes {left: -35% !important; width: 170% !important; transform: scale(.6); }
}


























/* CONTACT */

#woman-at-the-desk-outer-box {z-index: 100; position: relative; left: -3%; top: 270px; display: inline-block; width: 47%; max-width: 463px; height: 0; padding: 0; text-align: left; }
#woman-at-the-desk-box {position: absolute; top: 0; width: 100% !important; height: 0 !important; padding-top: 88.12095% !important; transform: translateY(-50%); }
#woman-at-the-desk {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; }
#woman-at-the-desk div, #woman-at-the-desk img {position: absolute; }
section.contact .cnt {width: 90%; padding: 0 5%; }
section.contact .form {z-index: 200; position: relative; width: 50%; }
section.contact .form__input input, section.contact .form__input textarea {box-sizing: border-box; }
section.contact .form__input textarea {min-height: 200px; }
section.contact .form .headline {margin-top: 40px; }

@media (max-width: 680px){
  #woman-at-the-desk-outer-box {display: block; left: auto; top: auto; width: 90%; max-width: 400px; margin: 0 auto; padding-top: 400px; }
  #woman-at-the-desk-box {top: 50%; }
  section.contact .form {display: block; margin: 0 auto; width: 100%; padding-left: 0; padding-right: 0; max-width: 450px; }
  /*
  #running-woman-outer-box {position: relative; top: auto; left: auto; margin: 0 auto; width: 90%; max-width: 400px; padding-top: 400px; transform: none; }
  #running-woman-box {transform: none; }
  .claim {position: static; width: 90%; max-width: none; margin: 0 auto 30px auto; transform: none; }
  .claim h1 {padding-bottom: 20px; }
  header .cnt {padding: 100px 0 30px 0; text-align: center; }
  */
}

@media (max-width: 460px){
  #woman-at-the-desk-outer-box {padding-top: 80%; margin-top: 30px; }
  /*#running-woman-outer-box {padding-top: 90%; }*/
}


/* ITEM BROWSER */


.item-browser {left: 50%; width: 100%; position: relative; margin-top: 30px; transform: translateX(-50%); /*background: rgba(255, 170, 255, 0.51);*/ }
.item-browser.rows-3 {height: 770px; }
.item-browser.rows-2 {height: 510px; }
.item-browser.rows-1 {height: 250px; }
.item-browser.landscape {height: 0; padding-bottom: 56.25%; /*background: rgba(223, 104, 122, 0.41);*/ }
.item-browser a.btn-slide {cursor: pointer; position: absolute; top: 50%; width: 60px; height: 60px; transform: translateY(-50%); background: rgba(57, 56, 98, 0.9); }
.item-browser a.btn-slide img {position: absolute; left: 50%; top: 50%; height: 67%; width: auto; transform: translate(-50%,-50%); }
.item-browser a.btn-bwd {left: 50px; }
.item-browser a.btn-fwd {right: 50px; }
.infinite-box {position: absolute; height: 100%; transition: .35s cubic-bezier(.03, .54, .28, 1); }
.infinite-box.user-sliding {transition: none; }
.inner-box {position: absolute; width: 100%; height: 100%; }
.single-box {position: absolute; width: 100%; height: 100%; }
.single-box:nth-child(1) {left: -100%; }
.single-box:nth-child(2) {left: 0%; /*background: rgba(255, 0, 0, 0.74); border-bottom: 10px solid red;*/ }
.single-box:nth-child(3) {left: 100%; }

.item-links {position: absolute; width: 100%; height: 100%; }

.rows-3 .item:nth-child(3n+1), .rows-2 .item:nth-child(2n+1), .rows-1 .item {top: 0; }
.rows-3 .item:nth-child(3n+2), .rows-2 .item:nth-child(2n+2) {top: 260px; }
.rows-3 .item:nth-child(3n) {top: 520px; }
.cb {clear: both; }
.single-box .item {cursor: pointer; display: block; position: relative; float: left; height: 100%; margin-right: 10px; box-sizing: border-box; text-align: left; }
#microsite-browser .single-box .item {margin-right: 0; }
.single-box div.item {background: rgba(255,255,255,.1); }
#banner-browser .single-box .item {position: absolute; float: none; width: 300px; height: 250px; }
.single-box a.item {/*background: rgba(255, 165, 0, 0.62); */}
#banner-browser .single-box .item * {position: absolute; width: 100%; height: 100%; }
.single-box .item iframe {border: 0; }
.single-box .item iframe.yt {position: absolute; width: 100%; height: 100%; }
.single-box .item .cover {display: block; left: 0; background: #393862; opacity: 0; transition: .25s ease; }
.single-box .item:hover .cover {opacity: .7; }
.single-box .item::after {content: url(btn/play.png); position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0; transition: .25s ease; }
#video-browser .single-box .item::after {display: none; }
.single-box .item:hover::after {opacity: 1; }
.single-box .viewing .item .cover {opacity: .7; }
.single-box .item.opened::after, .single-box .item.opened .cover {cursor: default; opacity: 0 !important; }

.single-box .item img {display: block; height: 100%; width: auto; opacity: 1; transition: .25s ease; }
.single-box .item img.not-loaded {opacity: 0; }
.single-box .item.loaded img {opacity: 0 !important; }


/*
.section {position: relative; }
.section .container {position: relative; top: 50%; }
#reference {z-index: 200; min-height: 100vh; }
#pricing {z-index: 300; min-height: 100vh; }
#contact {z-index: 400; min-height: 100vh; }
footer {z-index: 500; min-height: 100vh; }
*/
#dev {background: #fff; position: fixed; z-index: 20000; bottom: 0; right: 0; padding: 20px; color: silver; }

.dn {display: none; }


/* NAVIGATION */


nav {z-index: 1000; position: fixed; top: 0; width: 100%; background: #df687a; box-shadow: 0 3px 3px rgba(0,0,0,.15); }
nav .logo {cursor: pointer; z-index: 1000; position: absolute; left: 9%; top: 55%; transform-origin: left center; transform: translateY(-50%); margin: 0; color: #fff; }
nav .cnt {height: 60px; }
nav ul li {color: #fff; }

#mobile-menu {position: absolute; width: 100%; height: auto; box-sizing: border-box; }
.mobile-menu-switch {cursor: pointer; position: absolute; display: none; right: 20px; top: 15px; width: 40px; height: 32px; }
.mobile-menu-switch span {position: absolute; display: block; right: 0%; height: 3px; background: #fff; transition: .35s ease-out; }
.mobile-menu-switch span:nth-child(1) {width: 60%; top: 6px; }
.mobile-menu-switch span:nth-child(2), .mobile-menu-switch span:nth-child(3) {width: 75%; top: 14px; }
.mobile-menu-switch span:nth-child(4) {width: 90%; bottom: 7px; }
.mobile-menu-switch:hover span {width: 100%; transition: .2s ease-out; }

.opened .mobile-menu-switch span {width: 80%; }
.opened .mobile-menu-switch span:nth-child(1) {top: -6px; opacity: 0; }
.opened .mobile-menu-switch span:nth-child(2) {transform: rotate(-45deg); }
.opened .mobile-menu-switch span:nth-child(3) {transform: rotate(45deg); }
.opened .mobile-menu-switch span:nth-child(4) {bottom: -5px; opacity: 0; }

ul.mmenu {z-index: 100; position: relative; padding: 8px 10% 0 0; font-size: 120%; text-align: right; background: #df687a; }
ul.mmenu li {position: relative; display: inline-block; margin-left: 25px; vertical-align: top; text-align: left; }
ul.mmenu li:first-child {margin-left: 0; }
ul.mmenu li>a {position: relative; cursor: pointer; display: block; padding: 9px 0; color: #fff; font-weight: 700; transition: .25s ease-out; text-decoration: none; }
ul.mmenu li.lang-selection>a {padding-left: 35px !important; font-weight: 400; }
.rtl-lang ul.mmenu li.lang-selection>a {padding-left: 0 !important; padding-right: 35px !important; }
ul.mmenu li.lang-selection>a>img {position: absolute; left: 0; top: 45%; transform: translateY(-50%); }
.rtl-lang ul.mmenu li.lang-selection>a>img {position: absolute; left: auto; right: 0; }
ul.mmenu li>a::after {content: ''; display: block; width: 0; height: 2px; margin-top: 4px; background: transparent; transition: .25s ease-out; }
ul.mmenu li>a:hover::after, ul.mmenu li.viewed>a::after {width: 100%; background-color: #fff; color: #fff; }

.rtl-lang ul.mmenu li {display: block; float: right; text-align: right; margin-left: 25px; }
.rtl-lang ul.mmenu li:last-child {margin-left: 0; }


@media screen and (max-width: 900px){
  nav .logo {left: 5%; }
  ul.mmenu {padding-right: 5%; }
}

@media screen and (max-width: 940px){
  .lang-en nav .logo {left: 5%; }
  .lang-en ul.mmenu {padding-right: 5%; }
}

@media screen and (max-width: 990px){
    /* en */
    .lang-en nav .logo
    {transform: translateY(-50%) scale(.8); }
}

@media screen and (max-width: 915px){
    /* de */
    .lang-de nav .logo
    {transform: translateY(-50%) scale(.8); }
}

@media screen and (max-width: 820px){
    /* es */
    .lang-es nav .logo
    {transform: translateY(-50%) scale(.8); }
}

@media screen and (max-width: 790px){
    /* cs, he, ar */
    .lang-cs nav .logo,
    .lang-he nav .logo,
    .lang-ar nav .logo
    {transform: translateY(-50%) scale(.8); }
}



@media screen and (max-width: 850px){
    /* en */
    .lang-en .mobile-menu-switch {display: block; }

    .lang-en ul.mmenu {position: absolute; display: block; right: -190px; top: 60px; width: 190px; height: 100vh; padding: 15px 0 100px 30px; box-sizing: border-box; text-align: left; transition: .25s ease-out; }
    .lang-en .opened ul.mmenu {right: 0; }

    .lang-en ul.mmenu li {display: block; margin: 0; }
    .lang-en ul.mmenu li>a {display: inline-block; padding: 8px 0 0 0; }
    .lang-en ul.mmenu li>a::after {margin-top: 3px; }
}

@media screen and (max-width: 790px){
    /* de */
    .lang-de .mobile-menu-switch {display: block; }

    .lang-de ul.mmenu {position: absolute; display: block; right: -190px; top: 60px; width: 190px; height: 100vh; padding: 15px 0 100px 30px; box-sizing: border-box; text-align: left; transition: .25s ease-out; }
    .lang-de .opened ul.mmenu {right: 0; }

    .lang-de ul.mmenu li {display: block; margin: 0; }
    .lang-de ul.mmenu li>a {display: inline-block; padding: 8px 0 0 0; }
    .lang-de ul.mmenu li>a::after {margin-top: 3px; }
}

@media screen and (max-width: 770px){
    /* es */
    .lang-es .mobile-menu-switch {display: block; }

    .lang-es ul.mmenu {position: absolute; display: block; right: -190px; top: 60px; width: 190px; height: 100vh; padding: 15px 0 100px 30px; box-sizing: border-box; text-align: left; transition: .25s ease-out; }
    .lang-es .opened ul.mmenu {right: 0; }

    .lang-es ul.mmenu li {display: block; margin: 0; }
    .lang-es ul.mmenu li>a {display: inline-block; padding: 8px 0 0 0; }
    .lang-es ul.mmenu li>a::after {margin-top: 3px; }
}

@media screen and (max-width: 730px){
    /* cs, he, ar */
    .lang-cs .mobile-menu-switch, .lang-he .mobile-menu-switch, .lang-ar .mobile-menu-switch {display: block; }

    .lang-cs ul.mmenu, .lang-he ul.mmenu, .lang-ar ul.mmenu {position: absolute; display: block; right: -190px; top: 60px; width: 190px; height: 100vh; padding: 15px 0 100px 30px; box-sizing: border-box; text-align: left; transition: .25s ease-out; }
    .lang-he ul.mmenu, .lang-ar ul.mmenu {padding-left: 0; padding-right: 30px; }
    .lang-cs .opened ul.mmenu, .lang-he .opened ul.mmenu, .lang-ar .opened ul.mmenu {right: 0; }

    .lang-cs ul.mmenu li, .lang-he ul.mmenu li, .lang-ar ul.mmenu li {display: block; margin: 0; }
    .lang-he ul.mmenu li, .lang-ar ul.mmenu li {float: none; margin: 0 !important; }
    .lang-cs ul.mmenu li>a, .lang-he ul.mmenu li>a, .lang-ar ul.mmenu li>a {display: inline-block; padding: 8px 0 0 0; }
    .lang-cs ul.mmenu li>a::after, .lang-he ul.mmenu li>a::after, .lang-ar ul.mmenu li>a::after {margin-top: 3px; }
}

@media screen and (max-width: 320px){
    /* all languages */
    nav .logo {transform: translateY(-50%) scale(.6) !important; }
}

ul.mmenu li span.sm {display: none; position: absolute; right: 0; top: 52px; padding: 10px 20px 20px 20px; background: #df687a; }
ul.mmenu li.viewed span.sm {display: flex; flex-direction: column; flex-flow: column; box-shadow: 1px 3px 3px rgba(0,0,0,.3); }
ul.mmenu li span.sm a {display: block; position: relative; padding: 10px 0 10px 35px; color: #fff; font-size: 14px; text-decoration: none; }
.rtl-lang ul.mmenu li span.sm a {padding: 10px 35px 10px 0; }
ul.mmenu li span.sm a img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.rtl-lang ul.mmenu li span.sm a img {left: auto; right: 0; }

@media screen and (max-width: 730px){
    ul.mmenu li span.sm {position: static; display: block; padding: 0; }
    ul.mmenu li.lang-selection>a>img {top: 50%; }
}


/*

    P R I C I N G

*/

.anim-outer-box {position: absolute; left: 22.5%; top: 46.5%; width: 557px; height: 0; text-align: left; transform: translateX(-50%); }
.anim-box {position: absolute; top: 0; width: 100% !important; height: 0 !important; transform: translateY(-50%); background: rgba(221, 221, 221, 0.53); }
/*
.cnt {background: pink; }
*/

/* flying people */
#flying-people-box {padding-top: 90.66427289% !important; }
#fp-box {padding-top: 90.66427289% !important; background: none; }
#fp-sky {width: 82.05%; height: 90.5%; left: 8.98%; top: 9.5%; background: #a4dff9; background: linear-gradient(to bottom, #60c0eb, #c8eeff); border-radius: 500px; }
#fp-box #fp-sky {background: rgba(96, 192, 235, 0.28);}


/* pricing box */
.pricing h3 {margin: 30px 0 10px 0; font-size: 120%; }
.pricing-box {float: right; margin: 50px 0; width: 55%; min-width: 500px; /*background: silver;*/ }
.pricing-box p {padding: 0 5%; }

.packages {width: 90%; max-width: 500px; margin: 30px auto 0 auto; }

.package {position: relative; float: left; width: 30%; text-align: center; }
.rtl-lang .package {float: right; }
.package:nth-child(2) {margin: 0 5%; }

.package h4 {font-size: 180%; margin: 0 0 20px 0; font-weight: 400; text-transform: uppercase; }
.package h4 span {font-weight: 700; }
.package .box {border-radius: 20px; padding: 20px 10px; border: 2px solid transparent; }
.package .box.pink {background: #df687a; border-color: #df687a; color: #fff; }
.package .box.blue {background: #393862; border-color: #393862; color: #fff; }
.package .box.silver {background: #fff; border-color: #c0c1c2; color: #393862; }

.package .box li.price {margin: 10px 0; font-size: 300%; font-weight: 700; }
.package .box li.price span {font-size: 33%; font-weight: 400; }
.package .box li.price span.price {position: relative; display: inline-block; font-size: 100%; font-weight: 700; }
.package .box li.price span.thousands {position: absolute; display: block; left: 105%; top: 15%; font-size: 50%; }

.package .button {display: block; margin-top: 20px; }

@media (max-width: 1300px){
    .anim-outer-box {left: 24%; width: 500px; }
}

@media (max-width: 1080px){
    .anim-outer-box {left: 23%; width: 450px; }
}

@media (max-width: 970px){
    .anim-outer-box {width: 400px; }
}

@media (max-width: 900px){
    .anim-outer-box {position: relative; left: auto; top: auto; margin: 0 auto; transform: none; }
    #flying-people-outer-box {width: 400px; height: 363px; }
    .anim-box {transform: none; }
    h2 {font-size: 400%; line-height: 1; }
    .pricing-box {float: none; width: 86%; min-width: auto; margin: 50px 7%; }
    .packages {width: 100%; max-width: 550px; }
}

@media (max-width: 560px){
    .package {float: none; width: 100%; max-width: 330px; margin: 7% auto !important; font-size: 120%; }
    .rtl-lang .package {float: none; }
    .package li.delivery br {display: none; }
    .package h4 {font-size: 200%; }
    .package .button {display: inline-block; }
    .pricing-box h4 {margin-bottom: 10px; }
    .package .box li.price {margin: 0; }
    .package .box li.price span.thousands {position: static; display: inline; margin-left: 5px; font-size: 100%; font-weight: inherit; }
}

@media (max-width: 480px){
    .anim-outer-box {width: 86% !important; height: 0 !important; margin: 0 7%; }
    #flying-people-outer-box {padding-top: 77.9712746858%; }
    #flying-people-box {transform: none; }
    #fp-box {transform: none; }
}

@media (max-width: 400px){
    h2 {font-size: 300%; }
}

@media (max-width: 390px){
    .pricing-box p {padding: 0; }
    .pricing-box p br {display: none; }
}


/* MICROSITE */
.presenter-outer-box {max-width: 90%; width: auto; height: auto; margin: 30px auto;  text-align: center; /*background: pink;*/ }
#video-presenter {max-width: 70%; }
.presenter-outer-box .presenter-box {position: relative; width: 100%; height: auto; /*padding-top: 68.58638%;*/ /*background: rgba(0,0,0,.3);*/ }
/*.presenter-outer-box img.mockup {position: absolute; left: 50%; top: 0; width: auto; height: auto; max-width: 100%; max-height: 80vh; transform: translateX(-50%); }*/
.presenter-outer-box img.mockup {position: absolute; left: 0; width: 100%; height: auto; }
.presenter-outer-box div.mockup {position: absolute; left: 50%; top: 0; transform: translateX(-50%); box-sizing: border-box; }
.presenter-outer-box .presenter {position: absolute; left: 50%;/*12.04%; top: 5.19%; width: 76.23%; height: 65.8%;*/ /*background: rgba(192, 192, 192, 0.32);*/ transform: translateX(-50%); }
.presenter-outer-box a.presenter {cursor: pointer; }
.presenter-outer-box a.btn-slide {cursor: pointer; position: absolute; top: 37%; width: 60px; height: 60px; transform: translateY(-50%); }
.presenter-outer-box a.btn-slide img {position: absolute; left: 50%; top: 50%; height: 67%; width: auto; transform: translate(-50%,-50%); }
#microsite-presenter a.btn-slide {background: rgba(57, 56, 98, 0.9); }
#video-presenter a.btn-slide {top: 40%; background: rgba(223,104,122,.9); }
#microsite-presenter a.btn-bwd {right: 90.5%; transform: translateX(-20px); }
#microsite-presenter a.btn-fwd {left: 90.5%; transform: translateX(20px); }
#video-presenter a.btn-bwd {left: -80px; }
#video-presenter a.btn-fwd {right: -80px; }

#microsite-browser {overflow: hidden; margin-top: 0; }
#player, #yt-api-target {width: 100% !important; height: 100%; }


@media (max-width: 1000px){
    .item-browser a.btn-bwd {left: 20px; }
    .item-browser a.btn-fwd {right: 20px; }
    #microsite-presenter a.btn-slide {top: 30%; }
    #video-presenter a.btn-slide {top: 40%; }
}
@media (max-width: 660px){
    .item-browser a.btn-bwd {left: 0px; }
    .item-browser a.btn-fwd {right: 0px; }
    #video-presenter a.btn-bwd {left: -60px; }
    #video-presenter a.btn-fwd {right: -60px; }
    #microsite-presenter a.btn-slide {top: 40%; }
    #microsite-presenter a.btn-bwd {right: 90%; }
    #microsite-presenter a.btn-fwd {left: 90%; }
    .item-browser a.btn-slide, .presenter-outer-box a.btn-slide {transform: translateY(-50%) scale(.8) !important; }
}

@media (max-width: 420px){
    #microsite-presenter a.btn-slide {background: #df687a; }
    #microsite-presenter a.btn-bwd {right: 80%; }
    #microsite-presenter a.btn-fwd {left: 80%; }
    #video-presenter a.btn-slide {background: #393862; }
    #video-presenter a.btn-bwd {left: -27px; }
    #video-presenter a.btn-fwd {right: -27px; }
}

/*
section.html5-banners {opacity: .3; }
*/

form {font-size: 100% !important; }
.rtl-lang section.contact form, .rtl-lang section.contact form input, .rtl-lang section.contact form textarea {text-align: right !important; }
.rtl-lang section.contact .form .list__item {padding: 10px 48px 10px 10px; }
.rtl-lang section.contact .form .list__item::after {left: auto; right: 0; }
.infobox {margin: 20px auto; padding: 0 20px; }
.infobox h3 {font-size: 200%; margin: 0; padding-bottom: 10px; color: #393862; font-weight: 700; }
.infobox p, .infobox a {display: block; color: #fff; font-size: 120%; }
.field-box.fc_error input, .field-box.fc_error_format input, .field-box.fc_error textarea, .field-box.fc_error_format textarea {background: #393862; color: #fff; }