@font-face {
  font-family: Webflow my sandbox;
  src: url('../fonts/webflow-my-sandbox.eot') format("embedded-opentype"), url('../fonts/webflow-my-sandbox.woff') format("woff"), url('../fonts/webflow-my-sandbox.ttf') format("truetype"), url('../fonts/webflow-my-sandbox.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Blokkneue;
  src: url('../fonts/BLOKKNeue-Regular.eot') format("embedded-opentype"), url('../fonts/BLOKKNeue-Regular.woff') format("woff"), url('../fonts/BLOKKNeue-Regular.ttf') format("truetype"), url('../fonts/BLOKKNeue-Regular.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --dark-khaki: #d1bf56;
  --sky-blue: #76c2cc;
  --chocolate: #e67e22;
  --steel-blue: #2980b9;
  --medium-sea-green: #27ae60;
  --tomato: #e74c3c;
  --dark-slate-gray: #34495e;
  --teal: #1c5e84;
  --dark-slate-blue: #5d396c;
  --deep-pink: #ff007b;
  --deep-pink-2: #fc3d99;
  --deep-sky-blue: #07c7ed;
  --gold: #f5d311;
  --royal-blue: #005ac2;
  --slate-gray: #746fa3;
  --dark-gray: #ad93b8;
  --light-slate-gray: #7789bd;
  --lavender: #dbe7ff6e;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 200;
  line-height: 44px;
}

h2 {
  color: #ffffff6e;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 100;
  line-height: 36px;
}

h3 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 21px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 9px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  color: #bababa;
  background-color: #fff0;
  border-radius: 2px;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 40px 39px 39px;
  font-family: Lato, sans-serif;
  font-size: 19px;
  font-weight: 300;
  line-height: 32px;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}

.button {
  width: 30%;
  box-shadow: none;
  color: #fff;
  text-align: center;
  background-color: #383838;
  border-radius: 3px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 14px 2px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 40px;
  text-decoration: none;
  display: block;
  position: static;
  top: 0;
  left: 0;
}

.button:hover {
  background-color: #2980b9;
}

.button.easing-button {
  width: 18%;
  height: 30px;
  box-shadow: none;
  color: #c9c9c9;
  text-align: right;
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: none;
  background-color: #c0392b00;
  background-image: url('../images/ease_1ease.png');
  background-position: 5% 49%;
  background-repeat: no-repeat;
  background-size: 27px;
  border: 1px solid #8c8c8c;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 20px;
  font-size: 12px;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.button.easing-button:active {
  box-shadow: none;
  text-shadow: none;
  top: 2px;
}

.button.easing-button.linear {
  box-shadow: none;
  color: #fc3d99;
  text-shadow: none;
  background-image: url('../images/linear_1linear.png');
}

.button.easing-button.math {
  box-shadow: none;
  color: #07c7ed;
  text-shadow: none;
}

.button.easing-button.math.exp {
  box-shadow: none;
  color: #27ae60;
  text-shadow: none;
}

.button.easing-button.math.exp.eioback {
  background-image: url('../images/ease-in-out-back_1ease-in-out-back.png');
}

.button.easing-button.math.exp.iooq {
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/ease-in-out-quad_1ease-in-out-quad.png');
}

.button.easing-button.math.exp.iooq:hover, .button.easing-button.math.exp.iooq:active {
  box-shadow: none;
  text-shadow: none;
}

.button.easing-button.math.exp.eiocubic {
  background-image: url('../images/ease-in-out-cubic_1ease-in-out-cubic.png');
}

.button.easing-button.math.exp.eioquart {
  background-image: url('../images/ease-in-out-quart_1ease-in-out-quart.png');
}

.button.easing-button.math.exp.eioquint {
  background-image: url('../images/ease-in-out-quint_1ease-in-out-quint.png');
}

.button.easing-button.math.exp.eiosine {
  background-image: url('../images/ease-in-out-sine_1ease-in-out-sine.png');
}

.button.easing-button.math.exp.eioexpo {
  background-image: url('../images/ease-in-out-expo_1ease-in-out-expo.png');
}

.button.easing-button.math.exp.eiocirc {
  background-image: url('../images/ease-in-out-circ_1ease-in-out-circ.png');
}

.button.easing-button.math.eiquad {
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/ease-in-quad_1ease-in-quad.png');
}

.button.easing-button.math.eiquad.eo {
  box-shadow: none;
  color: #f5d311;
  text-shadow: none;
}

.button.easing-button.math.eiquad.eo.eoquad {
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/ease-out-quad_1ease-out-quad.png');
}

.button.easing-button.math.eiquad.eo.eocubic {
  background-image: url('../images/ease-out-cubic_1ease-out-cubic.png');
}

.button.easing-button.math.eiquad.eo.eoquart {
  background-image: url('../images/ease-out-quart_1ease-out-quart.png');
}

.button.easing-button.math.eiquad.eo.eoquint {
  background-image: url('../images/ease-in-out-quint_1ease-in-out-quint.png');
}

.button.easing-button.math.eiquad.eo.eosine {
  background-image: url('../images/ease-out-sine_1ease-out-sine.png');
}

.button.easing-button.math.eiquad.eo.eoexpo {
  background-image: url('../images/ease-out-expo_1ease-out-expo.png');
}

.button.easing-button.math.eiquad.eo.eocirc {
  background-image: url('../images/ease-out-circ_1ease-out-circ.png');
}

.button.easing-button.math.eiquad.eo.eoback {
  background-image: url('../images/ease-out-back_1ease-out-back.png');
}

.button.easing-button.math.eicubic {
  box-shadow: none;
  color: #07c7ed;
  text-shadow: none;
  background-image: url('../images/ease-in-cubic_1ease-in-cubic.png');
}

.button.easing-button.math.eiquart {
  background-image: url('../images/ease-in-quart_1ease-in-quart.png');
}

.button.easing-button.math.eiquint {
  background-image: url('../images/ease-in-quint_1ease-in-quint.png');
}

.button.easing-button.math.eisine {
  background-image: url('../images/ease-in-sine_1ease-in-sine.png');
}

.button.easing-button.math.eiexpo {
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/ease-in-expo_1ease-in-expo.png');
}

.button.easing-button.math.eicirc {
  background-image: url('../images/ease-in-circ_1ease-in-circ.png');
}

.button.easing-button.math.eiback {
  background-image: url('../images/ease-in-back_1ease-in-back.png');
}

.button.easing-button.ease-in {
  box-shadow: none;
  text-shadow: none;
  background-image: url('../images/ease-in_1ease-in.png');
}

.button.easing-button.ease-out {
  background-image: url('../images/ease-out_1ease-out.png');
}

.button.easing-button.easeinout {
  background-image: url('../images/ease-in-out_1ease-in-out.png');
}

.button.ex08 {
  width: auto;
  box-shadow: none;
  margin-top: 12px;
  margin-right: 20px;
  display: inline-block;
}

.button.blend-button {
  width: auto;
  box-shadow: none;
  margin-top: 146px;
  padding-left: 26px;
  padding-right: 26px;
  line-height: 29px;
  display: inline-block;
}

.button.blend-button:hover {
  box-shadow: none;
  background-color: #5e5e5e;
}

.button.wave {
  width: auto;
  box-shadow: none;
  color: #07c7ed;
  text-shadow: 0 1px #00000026;
  background-color: #fff;
  padding-left: 53px;
  padding-right: 53px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  transition: all .25s;
  display: inline-block;
}

.button.wave:hover {
  box-shadow: none;
  color: #fff;
  background-color: #fc3d99;
}

.button.wave:active {
  box-shadow: none;
  background-color: #27ae60;
}

.banner {
  background-image: linear-gradient(#0000, #000000a1 58%), url('../images/tumblr_n3vv0azXTr1sfie3io1_1280.jpg');
  background-position: 0 0, 0 31%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 418px;
}

.white-div-bg {
  background-color: #fff;
  font-size: 14px;
}

.cont {
  padding: 35px 123px;
}

.link-menu {
  float: right;
  color: #e74c3c;
  text-shadow: 1px 1px #0000004d;
  background-color: #e0e0e0b8;
  border-radius: 5px;
  margin-top: 34px;
  margin-right: 49px;
  padding: 16px 28px;
  font-family: Lato, sans-serif;
  font-size: 19px;
  font-weight: 300;
  text-decoration: none;
  transition: all .5s ease-out;
  display: inline-block;
  position: relative;
}

.link-menu:hover {
  color: #fff;
  text-shadow: none;
  background-color: #e74c3c;
  background-image: none;
}

.chapo {
  color: #e74c3c;
  margin-top: 42px;
  margin-bottom: 0;
  font-family: Blokkneue, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}

.big-title {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px #0000004d;
  margin-top: 308px;
  padding-left: 121px;
  padding-right: 121px;
  font-family: Lato, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 61px;
}

.col {
  background-color: #fafafa;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 48px;
}

.col.sec {
  background-color: #f7f5e1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.col.fis {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.divcontpopup {
  z-index: 5;
  opacity: 0;
  border-radius: 5px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  top: 199px;
  left: 0;
  right: 0;
}

.listcol {
  color: #d40468;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 30px;
}

.listcol.listblok {
  color: #2980b9;
  font-family: Blokkneue, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.map-section {
  height: 490px;
  margin-top: 20px;
}

.map-section.in-slide {
  margin-top: 0;
}

.sectest {
  background-image: url('../images/texture-vdo_1texture-vdo.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-size: auto, cover;
  height: 706px;
  margin-top: 30px;
}

.sec {
  text-align: center;
}

.big-drop-1.w--open {
  width: 940px;
  position: absolute;
  top: 60px;
  right: -89px;
}

.menucont {
  color: #fff;
  height: 350px;
}

.imglist {
  margin-left: auto;
  margin-right: auto;
  padding-top: 21px;
  padding-bottom: 21px;
  display: block;
}

.dorp-list-1 {
  background-color: #f000;
  margin-top: -58px;
  padding-top: 59px;
  display: none;
}

.dropdown {
  color: #fff;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.d1 {
  background-color: #fff0;
}

.d2 {
  color: #e74c3c;
}

.pre {
  color: #666;
  background-color: #e3e3e3;
  border: 1px solid #575757;
  font-family: Inconsolata, monospace;
  font-weight: 400;
}

.pre.blending {
  box-shadow: none;
  color: #d1d1d1;
  text-align: left;
  background-color: #ffffff1c;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  transform: none;
}

.dopdownitem {
  background-color: #fff;
}

.snowmen-text {
  color: #e3e3e3;
  margin-left: 32px;
  font-family: Webflow my sandbox, sans-serif;
  font-size: 40px;
  line-height: 50px;
  position: relative;
  top: 8px;
}

.moving-container {
  text-align: left;
  height: 74px;
  display: inline-block;
}

.demo-container {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.demo-container.slideee {
  text-align: left;
  background-color: #ffffff17;
  border-radius: 60px;
  height: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  box-shadow: inset 0 1px #ffffff54;
}

.menu-gen {
  z-index: 1;
  color: #34495e;
  text-align: center;
  background-color: #242424;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 20px;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}

.menu-gen-item {
  color: #fff;
  background-color: #5c5c5c;
  border-radius: 2px;
  width: auto;
  margin-bottom: 6px;
  margin-left: 0;
  margin-right: 10px;
  padding: 0 10px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  transition: all .35s ease-in-out;
  display: inline-block;
  box-shadow: inset 0 1px #ffffff12;
}

.menu-gen-item:hover {
  background-color: #e74c3c;
  box-shadow: inset 0 1px #ffffff78;
}

.menu-gen-item.w--current {
  background-color: #e74c3c;
  margin-left: 0;
  padding-right: 8px;
  line-height: 30px;
}

.menu-gen-item.pub {
  background-color: #27ae60e6;
}

.menu-gen-item.pub.to-sab {
  font-weight: 400;
}

.menu-gen-item.brandnew {
  box-shadow: none;
  background-color: #5c5c5c00;
  padding-left: 10px;
  transition: all .45s;
}

.menu-gen-item.brandnew:hover {
  box-shadow: none;
  background-color: #ff007b;
}

.menu-gen-item.twitterfollow {
  box-shadow: none;
  background-color: #5c5c5c00;
  transition: none;
}

.menu-gen-item._404-page-version {
  background-color: #5c5c5c1a;
  border: 1px solid #ffffff1c;
  width: 28%;
  height: 130px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}

.menu-gen-item._404-page-version:hover {
  background-color: #ff007ba1;
}

.menu-gen-item.twitter-button {
  color: #303030;
  background-color: #ededed;
  background-image: url('../images/twitterme.svg');
  background-position: 9px 47%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 36px;
}

.menu-gen-item.homebutton {
  background-image: url('../images/birdhouse-wh.svg');
  background-position: 9px 44%;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 36px;
}

.menu-gen-item.webflow-button {
  background-image: url('../images/Webflow-w_1Webflow-w.png'), linear-gradient(to right, #ff007b, #07c7ed);
  background-position: 6% 39%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 22px, auto;
  padding-left: 43px;
  transition-duration: .5s;
}

.menu-gen-item.webflow-button:hover {
  background-color: #ff007b;
  background-image: url('../images/Webflow-w_1Webflow-w.png'), linear-gradient(to right, #ff007b 100%, #07c7ed);
}

.label {
  color: #fffc;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  display: inline-block;
}

.label._404-page-label {
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 100;
  line-height: 45px;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.label.twitter {
  color: #2e2e2ecc;
  font-weight: 700;
}

.label.brand-label {
  font-weight: 600;
}

.label._wf-designer-page {
  color: #fffffff7;
  font-weight: 400;
}

.slide {
  border-radius: 3px;
  width: 180px;
  height: 229px;
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
}

.slide.current {
  margin-left: -10px;
  margin-right: -10px;
}

.slide.previous-slide {
  opacity: 1;
  display: inline-block;
  overflow: hidden;
}

.slide-mask {
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.slider {
  background-color: #2e2e2e;
  background-image: linear-gradient(#0006, #0006), url('../images/jane2bg.jpg');
  background-position: 0 0, 50% -163px;
  background-size: auto, cover;
  border-radius: 4px;
  width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
  top: 0;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff38;
}

.slider.fancy {
  margin-top: 70px;
}

.slide-cont {
  opacity: 1;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff80, 0 0 7px -5px #000;
}

.slide-cont.slide-cont-previosu {
  opacity: .51;
  border-radius: 8px;
  transform: scale(.7);
  box-shadow: inset 0 1px #ffffff80, 0 0 23px 6px #00000036;
}

.slide-cont.slide-cont-previosu.slide-next {
  height: 230px;
  box-shadow: none;
  opacity: 1;
  transform: none;
}

.slide-cont.slide-cont-previosu.slide-previous {
  box-shadow: none;
  opacity: 1;
  transform: none;
}

.main-img {
  box-shadow: inset 0 1px #ffffff80;
}

.circle {
  background-color: #76c2cc;
  background-image: url('../images/cow1.jpg');
  background-position: -34px -13px;
  background-size: auto;
  border: 14px solid #dedede96;
  border-radius: 100px;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  transition: all .4s;
  display: block;
}

.circle:hover {
  box-shadow: none;
  border-style: solid;
}

.circle.moo2 {
  background-image: url('../images/German-cow-007.jpg');
  background-position: -82px -16px;
  background-size: 337px;
}

.circle.moo3 {
  background-image: url('../images/cow1-1.jpg');
  background-position: -36px -15px;
  background-size: 234px;
}

.circle-text {
  border-radius: 100px;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 66px;
  transition: box-shadow .4s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  box-shadow: inset 0 0 #e67e229e;
}

.circle-text:hover {
  border-radius: 100px;
  transform: none;
  box-shadow: inset 0 0 0 100px #e67e22a1;
}

.circle-text.moo3c {
  transform: none;
}

.circle-text.moo3c:hover {
  transform: none;
  box-shadow: inset 0 0 0 100px #22bee6a1;
}

.circle-text.moo2c {
  transform: none;
}

.circle-text.moo2c:hover {
  transform: none;
  box-shadow: inset 0 0 0 100px #cbe622a1;
}

.circle-test-title {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 0 1px #0000004a;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-left: 21px;
  margin-right: 21px;
  padding-bottom: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 23px;
  font-weight: 600;
}

.circle-simple-mention {
  color: #ffffffc4;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 0 1px #0000003b;
  margin-top: 10px;
  font-family: Merriweather, serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  line-height: 11px;
}

.text {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-shadow: 0 1px #00000059;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  line-height: 11px;
  text-decoration: none;
  display: block;
}

.text:hover {
  color: #242424;
  text-shadow: 0 1px #ffffff73;
}

.circle-interaction {
  border-radius: 100px;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  transition: all .4s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.circle-interaction:hover {
  box-shadow: none;
  border-radius: 100px;
}

.items-conteiner {
  display: block;
  transform: scale(.01);
}

.the-sliding-button {
  border: 1px solid #575757;
  border-radius: 20px;
  width: 430px;
  height: 41px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.the-sliding-background-part {
  width: 50%;
  height: 33px;
  box-shadow: none;
  background-image: linear-gradient(#7d7d7d, #575757);
  border: 1px solid #737373;
  border-radius: 17px;
  margin-top: 3px;
  margin-left: 3px;
  transition: all .35s;
}

.sliding-button-button {
  color: #d9d9d9;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  position: absolute;
  top: 9px;
  left: 75px;
}

.sliding-button-button.rightone {
  top: 9px;
  left: auto;
  right: 75px;
}

.jelly-popup {
  background-color: #ffffff7d;
  background-image: url('../images/icon-close-round-128_1icon-close-round-128.png');
  background-position: 98% 6px;
  background-repeat: no-repeat;
  background-size: 6%;
  border-radius: 3px;
  width: 30%;
  height: 150px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: inset 0 1px #ffffff42, 0 0 13px 3px #00000012;
}

.jelly-mention {
  color: #666;
  text-align: center;
  padding-top: 62px;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.sb {
  color: #fff;
  text-align: center;
  background-color: #fff0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 77px;
  line-height: 50px;
}

.sb.lil {
  height: 60px;
  padding: 10px 10px 0;
  font-size: 9px;
}

.logo {
  color: #e74c3c;
  font-size: 80px;
  font-weight: 700;
  line-height: 110px;
}

.logo.lillogo {
  font-size: 20px;
  line-height: 20px;
}

.conttt {
  height: 151px;
  margin-bottom: 40px;
}

.yellow-div {
  background-color: #f5d311;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.red-div {
  background-color: #eb672a;
  border-radius: 4px;
  margin: 20px 0;
  padding: 41px;
}

.blue-div {
  background-color: #07c7ed;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.roimgfx {
  height: auto;
}

.row1imgfx {
  text-align: center;
  height: 100%;
}

.imgfx1 {
  transition: all .5s;
}

.imgfx1:hover {
  border: 10px solid #d1bf56;
}

.imgfx2 {
  width: 256px;
  height: 190px;
  transition: all .5s;
}

.imgfx2:hover {
  border: 10px solid #76c2cc;
}

.imgfx2._0px {
  border: 0 solid #76c2cc;
}

.imgfx2._0px:hover {
  border-width: 10px;
}

.imgfx2.morefx {
  border: 0 solid #0000;
}

.imgfx2.morefx:hover {
  border-width: 10px;
  border-color: #76c2cc;
}

.imgfx2.moref {
  border: 0 solid #e67e22;
}

.imgfx2.moref:hover {
  border-width: 10px;
  border-color: #76c2cc;
  border-radius: 170px;
}

.imgfxp {
  margin: 21px;
  padding: 19px 8px;
  font-size: 16px;
  line-height: 18px;
}

.imgfx3 {
  border: 10px solid #0000;
  transition: all .5s;
}

.imgfx3:hover {
  border-color: #e67e22;
}

.imgfx4 {
  transition: all .5s;
}

.imgfx4:hover {
  box-shadow: 0 0 0 10px #27ae60;
}

.imgfx5 {
  box-shadow: none;
  transition: all .5s;
}

.imgfx5:hover {
  box-shadow: 0 0 0 10px #2980b9;
}

.overlay {
  width: 256px;
  height: 190px;
  margin-left: auto;
  margin-right: auto;
  transition: all .5s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overlay:hover {
  box-shadow: inset 0 0 0 10px #76c2cc;
}

.deuze {
  margin-bottom: 26px;
}

.section-demo-ease {
  z-index: 2;
  width: 100%;
  height: 110px;
  box-shadow: none;
  background-color: #2980b900;
  position: relative;
  top: 0;
}

.demotop {
  margin-top: 0;
}

.blok {
  margin-top: 0;
  font-family: Blokkneue, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.pink {
  color: #e74c3c;
}

.contitem {
  margin-top: 31px;
  margin-bottom: 60px;
}

.arrow1 {
  position: absolute;
  top: 677px;
  left: -91px;
}

.arrow1._2ze {
  top: 469px;
  left: -64px;
}

.arrow1._2ze._3ze {
  top: 95px;
  left: -34px;
  transform: rotate(-4deg);
}

.arrow1._2ze._3ze._4ze {
  top: 81px;
}

.label-draft {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  width: 150px;
  font-family: Shadows Into Light, sans-serif;
  font-size: 16px;
  position: absolute;
  top: 739px;
  left: -227px;
}

.label-draft._2ze {
  color: #000;
  width: 100px;
  top: 496px;
  left: -162px;
}

.label-draft._2ze._3ze {
  font-size: 12px;
  line-height: 14px;
  top: 90px;
  left: -132px;
}

.label-draft._2ze._3ze._4ze {
  width: 80px;
  top: 75px;
  left: -115px;
}

.mylist {
  z-index: 1;
  background-color: #76c2cc;
  height: 64px;
  position: relative;
  top: -62px;
}

.mynav {
  height: 64px;
}

.mylinklist {
  color: #2980b9;
  margin-left: 19px;
  margin-right: 19px;
  font-family: Open Sans, sans-serif;
  line-height: 64px;
}

.contlist {
  text-align: right;
}

.mynavnav {
  z-index: 2;
  height: 65px;
  position: relative;
}

.old-list.w--open {
  display: none;
}

.script {
  color: #313a42;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.videobgsection {
  height: 450px;
  position: relative;
  overflow: hidden;
}

.maclasse {
  display: block;
  top: -130px;
  transform: none;
}

.card-div {
  background-image: linear-gradient(225deg, #76c2cc00, #76c2cc00 49%, #76c2cc7a), linear-gradient(315deg, #e74c3c00, #e74c3c 92%, #e74c3c), linear-gradient(#e67e22, #a34c00 99%), url('../images/upfeathers.png');
  border-radius: 6px;
  width: 350px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: inset 0 1px #ffffff5c;
}

.card-div.verso {
  background-image: linear-gradient(225deg, #76c2cc00, #76c2cc00 49%, #76c2cc7a), linear-gradient(#e67e2229, #a34c0066 99%), url('../images/upfeathers.png');
  padding-top: 40px;
}

.card-div.recto {
  background-image: linear-gradient(225deg, #76c2cc00, #76c2cc00 49%, #76c2cc7a), linear-gradient(315deg, #e74c3c00, #e74c3c 92%, #e74c3c), linear-gradient(#d6c3b2, #d97621 99%), url('../images/upfeathers.png');
  padding-top: 20px;
  position: relative;
}

.flip-container {
  width: 350px;
  height: 350px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.demo-persp {
  margin-top: 40px;
  margin-bottom: 50px;
}

.poster {
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.card-title {
  color: #00000085;
  text-align: center;
  text-shadow: 0 1px #ffffff4a;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 50px;
  display: block;
}

.cardp {
  color: #34495e;
  background-color: #fff0;
  padding: 20px 30px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  transform: none;
}

.bunker-section, .bunker-tab {
  height: 100%;
}

.bunker-tab-content {
  z-index: 1;
  height: 100%;
  position: relative;
}

.bunker-tab-pane {
  background-image: url('../images/15873025341_814de1defa_k.jpg');
  background-position: 41% 0;
  background-size: cover;
  height: 100%;
}

.bunker-tab-pane.two {
  background-image: url('../images/15689024999_e26e4adf17_k.jpg');
  background-position: 48% 0;
}

.bunker-tab-pane.tree {
  background-image: url('../images/15255371243_c2371fd827_k.jpg');
  background-position: 8% 0;
}

.bunker-tab-menu {
  z-index: 2;
  margin: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.bunker-tab-link {
  background-color: #f000;
  border-top: 1px #5e5e5e;
  width: 186px;
  height: 130px;
  margin-right: 30px;
  padding-left: 0;
  transition: opacity .5s;
}

.bunker-tab-link.w--current {
  background-color: #f000;
  background-image: url('../images/noun_8304_cc.svg');
  background-position: -9px -7px;
  background-repeat: no-repeat;
  background-size: 69px;
  height: 130px;
}

.bunker-link-tab-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-weight: 100;
}

.bunker-link-tab-text.bunker-link-sub {
  color: #ffffff73;
}

.bunker-link-tab-text.author {
  border-top: 1px solid #ffffff4a;
  margin-top: 60px;
  padding-top: 6px;
}

.me-500 {
  height: 500px;
}

.my-slider {
  height: 490px;
}

.cs-cont {
  text-align: center;
  margin-top: 51px;
}

.sc-cont-div {
  width: 250px;
  height: 250px;
  margin-left: 61px;
  margin-right: auto;
  display: inline-block;
}

.sc-cont-div.t1 {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin-right: 0;
  display: inline-block;
  overflow: hidden;
}

.cs-slider {
  background-color: #f000;
  width: 250px;
  height: 250px;
}

.slide-1 {
  background-image: url('../images/tumblr_mbg8s3UATp1rxmwcbo1_400.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-1.t2 {
  border-radius: 50%;
  overflow: hidden;
}

.cs-slide-2 {
  background-image: url('../images/21381_retro_scifi.jpg');
  background-position: 50%;
  background-size: cover;
}

.cs-slide-2.t2 {
  border-radius: 50%;
  overflow: hidden;
}

.cs-slide-3 {
  background-image: url('../images/817fdd87a9742190f160673bc7cc461cf0c1691e_m.jpg');
  background-position: 50%;
  background-size: cover;
}

.cs-slide-3.t2 {
  border-radius: 50%;
  overflow: hidden;
}

.cs-t1 {
  display: none;
}

.ra-t2 {
  left: 207px;
  right: -75px;
}

.ra-t2-left {
  left: -54px;
}

.ra-t2-bottom, .sn-cs-t1 {
  display: none;
}

.mask007 {
  border-radius: 50%;
  width: 250px;
  height: 250px;
}

.arrowzz {
  opacity: 0;
  transition: all .25s;
}

.arrowzz:hover {
  opacity: 1;
}

.botomz {
  transform: scale(.43);
}

.vmenu-section {
  background-color: #f5d311;
  border-top: 60px solid #24242417;
  height: 100%;
}

.vmenu-section:focus {
  box-shadow: inset 0 0 0 85px #ff00004a;
}

.vmenu-section._2nd-sec {
  background-color: #07c7ed;
  position: relative;
  top: 0;
}

.vmenu-section._3rd-sec {
  background-color: #e74c3c;
}

.vmenu-section._4rth-sec {
  background-color: #2980b9;
}

.vmenu-section._5th-sec {
  background-color: #27ae60;
}

.vmenu-section._6th-sec {
  background-color: #e74c3c;
}

.vmenu-section._7th-sec {
  background-color: #34495e;
}

.vmenu-section._8th-sec {
  background-color: #1c5e84;
}

.vmenu-section._9th-sec {
  background-color: #5d396c;
}

.vmenu-section._10th-sec {
  background-color: #ff007b;
}

.vertical-dot-menu {
  background-color: #f000;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.nav-link-me-vertical {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.nav-link-me-vertical.w--current {
  color: #c90000;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 10px;
  transform: scale(1.37);
}

.nav-menu-cont-vertical {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.sticky-navbar {
  background-color: #ffffffed;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.sticky-navbar-link {
  opacity: .51;
  color: #000;
  transition: all .5s;
}

.sticky-navbar-link:hover {
  opacity: .29;
}

.sticky-navbar-link.w--current {
  opacity: 1;
  color: #ff007b;
}

.sticky-navbar-link.yellow.w--current {
  color: #d1bf56;
}

.sticky-navbar-link.cyan.w--current {
  color: #76c2cc;
}

.sticky-navbar-link.orange.w--current {
  color: #e67e22;
}

.sticky-navbar-link.nlue.w--current {
  color: #2980b9;
}

.sticky-navbar-link.green.w--current {
  color: #27ae60;
}

.sticky-navbar-link.red.w--current {
  color: #e74c3c;
}

.sticky-navbar-link.navy.w--current {
  color: #34495e;
}

.sticky-navbar-link.denim.w--current {
  color: #1c5e84;
}

.sticky-navbar-link.purple.w--current {
  color: #5d396c;
}

.big-ball {
  background-color: #d1bf56;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: static;
  overflow: hidden;
}

.big-ball.bbone {
  background-color: #f5d311;
  position: absolute;
  top: 0;
  left: 0;
}

.big-ball.bbthree {
  background-color: #07c7ed;
  position: absolute;
  top: 30px;
  left: 18px;
}

.big-ball.bbthree.mbm-multiply {
  top: 24px;
  left: 14px;
}

.big-ball.bbthree.mbm-screen {
  top: 26px;
  left: 15px;
}

.big-ball.bbtwo {
  background-color: #fc3d99;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 1px;
  left: 38px;
}

.row-bmb {
  text-align: center;
  min-height: 150px;
  margin-top: 0;
  padding-top: 40px;
  display: block;
  position: relative;
  transform: scale(1.02);
}

.row-bmb.herohaut {
  padding-left: 189px;
  padding-right: 189px;
}

.row-bmb.venn-one {
  height: 400px;
}

.row-bmb.definition {
  padding-top: 0;
}

.flower-container {
  z-index: 10;
  width: 90px;
  height: 100px;
  margin-bottom: 30px;
  margin-right: 20px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}

.flower-container.wct {
  background-color: #fff;
}

.flower-container.wct.cvb {
  color: #919191;
  background-color: #757575;
}

.flower-container.wct.cvb.def {
  background-color: #75757500;
}

.flower-container.wct.blur3, .flower-container.wct.blur8 {
  transition: all .65s;
}

.flower-container.wct.int-blur3, .flower-container.wct.int-blur5, .flower-container.wct.int-blur8 {
  transition: all .5s;
}

.flower-container.blur5 {
  transition: all .65s;
}

.label-blend {
  color: #757575;
  text-align: center;
  margin-top: 80px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.label-blend.cvb {
  color: #fff;
}

.bg-switcher {
  z-index: 20;
  text-align: center;
  height: 25px;
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
}

.colorbg-gray {
  z-index: 1;
  opacity: 0;
  background-color: #8fc0c7;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.colorbg-black {
  opacity: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.switch-bg {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .3s;
}

.switch-bg.blue {
  border-color: #76c2cc;
  display: inline-block;
}

.switch-bg.blue:hover {
  background-color: #76c2cc;
}

.switch-bg.black {
  border-color: #636363;
}

.switch-bg.black:hover {
  background-color: #636363;
}

.switch-bg.whitebg:hover {
  background-color: #fff;
}

.link-switch-bg {
  margin-right: 6px;
}

.blending-demo-p {
  box-shadow: none;
  text-align: center;
  background-color: #fff0;
  padding: 0 159px 10px;
  font-size: 14px;
  line-height: 20px;
  transform: none;
}

.blending-demo-p.whitebg {
  box-shadow: none;
  color: #575757;
  margin-top: 20px;
  transform: none;
}

.blending-demo-p.whitebg.cvb {
  box-shadow: none;
  color: #c7c7c7;
  transform: none;
}

.blending-demo-p.whitebg.cvb.onvenn {
  z-index: 1000;
  box-shadow: none;
  color: #fff;
  margin-top: 28px;
  margin-bottom: 30px;
  font-weight: 400;
  transform: none;
}

.blending-demo-p.whitebg.on-frosted-glass {
  box-shadow: none;
  text-shadow: 0 1px #ffffffa8;
  margin-top: 50px;
  font-size: 18px;
  transform: none;
}

.blending-1 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.blending-2 {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.blending-2.blending {
  padding-top: 60px;
}

.blending-2.blending.venn-demo {
  background-color: #27ae60;
  padding-top: 20px;
  padding-bottom: 110px;
}

.blending-2.frosting {
  background-image: url('../images/10912410296_3eafbd9d9b_o.jpg');
  background-position: 50% 100%;
  background-size: cover;
  height: 600px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.colorbg-dark {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blending-3 {
  color: #787878;
  background-color: #000;
  padding-top: 40px;
  padding-bottom: 40px;
}

.blending-3.grandparent {
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 40px;
}

.blending-3.label-for-metaball {
  padding-top: 2px;
  padding-bottom: 60px;
}

.blending-3.grayed {
  background-color: #757575;
}

.blending-3.grayed.definitions {
  z-index: 10000;
  background-color: #4f4f4f;
  padding-top: 70px;
  position: relative;
}

.medium-ball-yellow {
  background-color: #f5d311;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.medium-ball-yellow.mbm-color-burn.venn-ball-1 {
  background-color: #d1bf56;
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 150px;
}

.medium-ball-red {
  background-color: #fc3d99;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.medium-ball-red.mbm-color-burn.venn-ball-2 {
  background-color: #e74c3c;
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
}

.medium-ball-red.mbm-color-burn.venn-ball-3 {
  background-color: #07c7ed;
  width: 250px;
  height: 250px;
  top: 125px;
  left: 75px;
  right: auto;
}

.img-demo-recipient {
  text-align: center;
  background-color: #545454;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
}

.logo-container {
  margin-top: 51px;
  padding-top: 99px;
  padding-bottom: 99px;
}

.logo-structure-400px {
  background-color: #fff0;
  width: 400px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.big-disc {
  width: 234px;
  height: 234px;
  box-shadow: none;
  background-color: #d6d6d67d;
  background-image: linear-gradient(to right, #fff0, #ffffff36);
  border-radius: 50%;
  display: inline-block;
}

.big-disc.big-disc-one {
  z-index: 18;
  background-color: #ae0ac799;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 20px 1px 10px 2px #8f08a375, inset 0 1px #ffffff54;
}

.big-disc.big-disc-two {
  z-index: 16;
  background-color: #e2222dbd;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: inset -1px 0 #edddb954, 6px 12px 17px 1px #c9320094;
}

.big-disc.big-disc-three {
  z-index: 14;
  background-color: #ec7c00bd;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: -13px 0 21px 2px #006e659e, inset 1px -1px #ffffff29;
}

.big-disc.big-disc-four {
  z-index: 12;
  background-color: #076cf0b3;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 -6px 10px 2px #00000042, inset 1px 1px #ffffff24;
}

.big-disc.big-disc-five {
  z-index: 17;
  background-color: #b009546e;
  background-image: linear-gradient(#d235a0b3, #f7c1e67d);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: -34px;
  left: 0;
  right: 0;
  box-shadow: inset -1px 0 #ffffff3d, 14px 9px 20px -4px #ad2b00ad;
}

.big-disc.big-disc-6 {
  z-index: 15;
  background-color: #ed4214bd;
  position: absolute;
  top: 50%;
  bottom: 0;
  right: -34px;
  transform: translate(0, -50%);
  box-shadow: inset -1px -1px #ffffff2e, -9px 13px 18px 2px #c25700d6;
}

.big-disc.big-disc-seven {
  z-index: 13;
  background-color: #16aca3b3;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: -34px;
  left: 0;
  right: 0;
  box-shadow: -4px -4px 10px 2px #00000042, inset 1px -1px #ffffff38;
}

.big-disc.big-disc-height {
  z-index: 11;
  background-color: #600fceb3;
  position: absolute;
  top: 50%;
  left: -34px;
  transform: translate(0, -50%);
  box-shadow: 4px 4px 10px 2px #00000042, inset 1px 1px #ffffff42;
}

.small-disc {
  z-index: 19;
  background-color: #76c2cc85;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  position: absolute;
  box-shadow: -6px 6px 21px -1px #00000042;
}

.small-disc.small-disc-one {
  background-color: #ae0ac799;
  position: absolute;
  top: -14px;
  left: -14px;
  box-shadow: 6px 6px 21px -1px #910ec9ad, inset -1px -1px #ffffff3d;
}

.small-disc.small-disc-two {
  background-color: #e2222dbd;
  position: absolute;
  top: -14px;
  right: -14px;
  box-shadow: -6px 6px 21px -1px #c700009c, inset 1px -1px #fff3;
}

.small-disc.small-disc-three {
  background-color: #ec7c00bd;
  position: absolute;
  bottom: -14px;
  right: -14px;
  box-shadow: -6px -6px 21px -1px #0000003b, inset 1px 1px #ffffff2b;
}

.small-disc.small-disc-four {
  background-color: #0751f0b3;
  position: absolute;
  bottom: -14px;
  left: -14px;
  box-shadow: 6px -6px 21px -1px #00368791, inset -1px 1px #ffffff29;
}

.small-superellipse {
  z-index: 19;
  background-color: #e74c3c8a;
  border-radius: 16px;
  width: 82px;
  height: 82px;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 6px 6px 28px #00000057;
}

.small-superellipse.small-superellipse-one {
  background-color: #d235a0b3;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: -87px;
  left: 0;
  right: 0;
  box-shadow: 7px 7px 17px #ad09586e, inset 0 0 8px #ed58be94, inset -1px -1px #ffffff40, 1px 1px 4px #00000012;
}

.small-superellipse.small-superellipse-two {
  background-color: #ed4214bd;
  position: absolute;
  top: 47%;
  bottom: 0;
  right: -58px;
  transform: rotate(45deg)translate(0, -50%);
  box-shadow: -6px 6px 28px #a63400a1, inset 1px -1px #fff3;
}

.small-superellipse.small-superellipse-four {
  background-color: #600fceb3;
  position: absolute;
  top: 47%;
  left: -117px;
  transform: rotate(45deg)translate(0, -50%);
  box-shadow: 6px -6px 28px #393a6bc9, inset -1px 1px #ffffff2e;
}

.small-superellipse.small-superellipse-three {
  background-color: #16ababb3;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: -87px;
  left: 0;
  right: 0;
  box-shadow: -6px -6px 28px #006a808c, inset 1px 1px #ffffff36;
}

.big-superellipse {
  z-index: 20;
  background-color: #0d03638f;
  border-radius: 65px;
  width: 290px;
  height: 290px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 50% 0;
  transform: translate(0, -50%);
}

.big-superellipse.big-superellipse-two {
  transform: translate(0, -50%)rotate(45deg);
  box-shadow: inset 1px 1px #ffffff2b;
}

.big-superellipse.front {
  z-index: 21;
  box-shadow: inset 0 1px #ffffff30;
}

.wwdc {
  color: #5e5e5e;
  text-align: center;
  background-color: #fff;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.apple-logop {
  color: #fff;
  font-size: 72px;
  line-height: 74px;
}

.superellipse-content {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.title {
  color: #ffffffc7;
  letter-spacing: -1px;
  text-shadow: none;
  margin-top: 11px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Lato, sans-serif;
  font-size: 41px;
  font-weight: 300;
  line-height: 44px;
}

.wwdc-logo {
  color: #fff;
  margin-top: 33px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 200;
}

.bolder {
  font-weight: 400;
}

.classex {
  color: #f5d311;
}

.classex.on-trasnp {
  box-shadow: none;
  color: #7d7d7d;
  background-color: #ffffff6e;
  border-style: none;
  transform: none;
}

.classex.on-trasnp.pre-on-white {
  box-shadow: none;
  background-color: #dbe7ff6e;
  transform: none;
}

.classvert {
  color: #27ae60;
}

.colexp {
  margin-top: 50px;
  margin-bottom: 50px;
}

.sectionsdemo {
  margin-top: 58px;
}

.white-disc {
  background-color: #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.white-disc.white-disc-two {
  inset: 0 0 0 auto;
}

.glass-wrap {
  background-color: #fff3;
  min-height: 130px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.glass-wrap.frosted {
  height: 35%;
  min-height: 0;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  transition: all .5s;
  box-shadow: 0 -5px 13px -1px #00000017;
}

.glass-wrap.frosted:hover {
  height: 100%;
  transform: none;
}

.switches {
  margin-bottom: 60px;
}

.mode {
  color: #f5d311;
}

.explanations {
  margin-bottom: 60px;
}

.bottom {
  height: 380px;
}

.shad {
  text-shadow: 0 1px #000000b8;
}

.fancy-slider-sec {
  margin-top: 70px;
  margin-bottom: 60px;
}

.circular-sliders-cakes {
  margin-bottom: 80px;
}

.twittercont {
  text-align: left;
  width: 140px;
  height: 20px;
  display: inline-block;
  top: 6px;
}

.bg-container {
  text-align: left;
  border-radius: 84px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

._1pattern {
  background-color: #fff;
  background-image: linear-gradient(to right, #4d4d4d 48%, #7a7a7a 48%, #595959 49%);
  width: 40px;
  height: 140%;
  display: inline-block;
  position: relative;
  top: -18px;
  transform: rotate(18deg);
}

.navbar-exp {
  background-color: #f000;
  border-top: 1px solid #ababab;
}

.texture {
  background-image: url('../images/nice-snow.png');
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 1px #ffffff63;
}

.goodpractice {
  transform: none;
}

.gp {
  color: #bababa57;
  text-transform: capitalize;
  background-color: #3330;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10px;
  line-height: 22px;
  position: absolute;
  top: 0;
  left: 0;
}

.help-element {
  background-color: #ffffff69;
  border: 1px solid #005ac2;
  min-height: 50px;
  margin-top: 40px;
  padding: 0 20px 20px;
  position: relative;
}

.help-element.image {
  background-color: #dbdbdb;
  width: 75px;
  height: 75px;
  padding: 0;
}

.help-element-label {
  color: #fff;
  background-color: #42a4f5;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: -21px;
  left: 0;
}

.help-element-p {
  background-color: #fff0;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  transform: none;
}

.help-element-minicont {
  background-color: #ffffff73;
  padding: 10px 159px 30px;
}

._404 {
  background-image: url('../images/egome-dark-on-wh-disc-smaller.svg');
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: 237px;
  font-size: 300px;
  font-weight: 300;
  line-height: 300px;
}

._404-2 {
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: 100;
}

.brandlink {
  color: #07c7ed;
  padding-bottom: 1px;
  font-weight: 600;
  transition: all .3s;
}

.brandlink:hover {
  padding-bottom: 4px;
}

.vertical-navbar {
  z-index: 1000;
  background-color: #07c7ed;
  width: 130px;
  height: 100%;
  position: fixed;
  box-shadow: 1px 1px 5px #00000042, inset -1px 0 #ffffff4d;
}

.vertical-navbar-link-item {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 100%;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.brand-logo-text {
  color: #fff;
  text-align: center;
  width: 100%;
  font-family: Webflow my sandbox, sans-serif;
  font-size: 60px;
  line-height: 60px;
  display: block;
}

.vmenu-brand {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 20px;
}

.vmenu-dropdown-toggle {
  width: 100%;
  transition: all .3s;
}

.vmenu-dropdown-toggle:hover {
  color: #fc3d99;
  background-color: #fff3;
}

.vmenu-dropdown-icon {
  color: #fff;
}

.vmenu-dropdown-sublink {
  color: #07c7ed;
  text-align: center;
  width: 100%;
  transition: all .3s;
}

.vmenu-dropdown-sublink:hover {
  color: #fc3d99;
  text-decoration: none;
}

.dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.nav-menu-vertical {
  width: 100%;
}

.my-dumy-navbar {
  height: 1px;
  overflow: hidden;
}

.conatainer-for-main-menu-exception {
  margin-left: 130px;
}

.case {
  width: 50px;
  height: 50px;
  box-shadow: none;
  display: inline-block;
}

.case.last {
  width: 6.4%;
  margin-right: 0%;
  box-shadow: inset 0 0 0 1px #ffffff61;
}

.case.on {
  box-shadow: none;
  background-color: #07c7ed;
  border: 1px solid #07c7ed;
  border-radius: 0;
}

.case.on.vertical3 {
  height: 150px;
  box-shadow: none;
  position: relative;
}

.case.on.single-span {
  box-shadow: none;
}

.case.on.horizontal2, .case.on.horizontal2l {
  width: 100px;
  box-shadow: none;
}

.case.on.antennal, .case.on.antennar {
  box-shadow: none;
}

.pixel-line {
  text-align: center;
  height: 50px;
  position: relative;
}

.controls {
  text-align: center;
  margin-top: 83px;
}

.section-invader {
  margin-top: 0;
  position: relative;
  top: 40%;
  transform: translate(0, -50%);
}

.block {
  background-color: #07c7ed;
  width: 150px;
  height: 150px;
  margin-right: 30px;
  transition: all .5s;
  display: inline-block;
  box-shadow: 9px 9px 8px #00000080;
}

.block:hover {
  transform: rotate(90deg);
  box-shadow: 9px -9px 8px #00000080;
}

.sandbox {
  background-color: #fff;
  padding: 40px;
}

.block-inner {
  background-color: #f5d311;
  width: 150px;
  height: 150px;
  transition: all .5s;
  transform: rotate(360deg);
}

.link-in-p {
  color: #fff;
  text-decoration: none;
  transition: all .5s;
}

.link-in-p:hover {
  color: #f5d311;
}

.css-parallax {
  height: 100vh;
}

.css-parallax.exp2 {
  color: #333;
  background-color: #000e30;
}

.css-parallax-layer-back.exp2 {
  background-color: #fc3d9900;
  background-image: none;
  height: 65vh;
  padding-top: 0%;
  inset: 0 0 auto;
}

.css-parallax-layer {
  height: 100vh;
  display: block;
  position: absolute;
  inset: 0;
}

.css-parallax-layer.css-parallax-layer-layer1.exp2 {
  background-image: url('../images/asset-parallax-05.svg');
  background-repeat: no-repeat;
  margin-top: 49%;
  padding-top: 8%;
  position: absolute;
}

.css-parallax-layer.css-parallax-layer-layer1.exp2.group2 {
  z-index: 10;
  background-color: #fff;
  background-image: none;
  margin-top: 0%;
}

.css-parallax-layer.css-parallax-layer-layer3.exp2 {
  height: 65vh;
  margin-top: 35%;
}

.css-parallax-layer.css-parallax-layer-layer2.exp2 {
  height: 65vh;
}

.spacer {
  background-color: #07c7ed;
  width: 650px;
  height: 20px;
  margin: 20px auto 100px;
  display: block;
}

.spacer.low {
  background-color: #f5d311;
  width: 200px;
  height: 150px;
  margin-bottom: 102px;
}

.spacer.low.lev1 {
  background-color: #e67e22;
  width: 75px;
  height: 80px;
  margin-bottom: 126px;
}

.spacer.low.lev1.layer1 {
  background-color: #27ae60;
  width: 295px;
  height: 20px;
  margin-bottom: 76px;
  transform: rotate(-7deg);
}

.layer-section-bg {
  background-color: #27ae60;
}

.cont-sec-layer {
  padding-top: 90px;
}

.parallax-p {
  color: #fff;
  margin-bottom: 20px;
  transform: none;
}

.css-parallax-group {
  height: 100vh;
  position: relative;
  overflow: visible;
}

.css-parallax-group.group2 {
  background-color: #e0e0e0;
}

.layerbg {
  background-color: #fff;
  min-height: 2000px;
  padding-bottom: 80px;
}

.onwhite {
  color: #b3b3b3;
  font-weight: 300;
}

.onwhite.e3 {
  color: #746fa3;
  transform: none;
}

.parallax-exp2 {
  background-color: #fff;
}

.fusee-img {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.fumes {
  margin-top: 0%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  left: 4px;
  right: 0;
}

.html-embed-nice-looking {
  opacity: .48;
  width: 100px;
  height: 100px;
  position: absolute;
  overflow: hidden;
}

.fullpage-parallax-demo {
  background-image: url('../images/pinlayer2.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, scroll;
}

.parallax-e3 {
  background-color: #030038;
  background-image: url('../images/asset-parallax-07.svg');
  background-position: 0 35%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100%;
}

.parallax-front-e3 {
  z-index: 20;
  width: 100%;
  position: absolute;
  inset: 708px 0 0;
}

.parallax-layer-e3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.parallax-layer-e3.layer-p6-e3 {
  z-index: 18;
  text-align: center;
  display: block;
  top: 257px;
  left: 0;
  right: 0;
}

.parallax-layer-e3.layer-p5-e3 {
  z-index: 17;
  text-align: center;
  display: block;
  top: 585px;
  left: 0;
  right: 0;
}

.parallax-layer-e3.layer-p4-e3 {
  z-index: 16;
  inset: 550px 0 1px;
}

.parallax-layer-e3.layer-p3-e3 {
  z-index: 15;
  text-align: center;
  top: 30px;
}

.parallax-layer-e3.layer-p2-e2 {
  z-index: 14;
  height: 700px;
}

.parallax-layer-e3.layer-p1-e3 {
  z-index: 13;
  height: 800px;
  position: fixed;
  inset: 219px auto auto 0;
}

.parallax-layer-e3.layer-p2-e3 {
  z-index: 14;
  height: 800px;
  top: 2px;
}

.parallax-layer-e3.layer-p7-e3 {
  z-index: 18;
  top: 490px;
}

.nuages-front {
  margin-bottom: -4px;
}

.parallax-asset-rocket, .parallax-asset-fumes {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  bottom: 0;
}

.parallax-asset-background {
  width: 100%;
  position: fixed;
  top: 234px;
  left: 0;
}

.img-etoiles {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.planet {
  display: inline-block;
  position: absolute;
  top: 65px;
  right: 167px;
}

.img-back-mountains {
  width: 100%;
  padding-left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.img-front-mountains {
  width: 100%;
  padding-right: 224px;
}

.fumes-of-rocket {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.e3 {
  color: #5668a3;
  text-align: center;
  transform: none;
}

.duplicate {
  color: #fff;
  background-color: #7789bd;
  border-radius: 2px;
  padding: 2px 10px 4px;
  font-weight: 400;
  text-decoration: none;
}

.inlink {
  font-weight: 700;
  text-decoration: none;
}

.structure {
  background-color: #dbe7ff6e;
  padding: 40px 160px;
}

.cross {
  color: #b3b3b3;
  font-family: Lato, sans-serif;
  font-size: 135px;
  font-weight: 100;
  line-height: 62px;
  position: relative;
  right: 1px;
}

.cont-exp-inner {
  text-align: center;
  position: relative;
}

.backk-to-sandbox-home {
  opacity: .68;
  color: #4d57a3;
  margin-left: auto;
  margin-right: auto;
  font-family: Lato, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: all .25s;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
}

.backk-to-sandbox-home:hover {
  opacity: 1;
  color: #fc3d99;
}

.back-arrow {
  display: inline-block;
  transform: rotate(180deg)translate(0, -1px);
}

.venn {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: 300;
}

.venn-label {
  z-index: 25;
  color: #fff;
  text-transform: none;
  text-shadow: none;
  font-family: Lato, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.venn-label._1 {
  text-shadow: none;
  position: absolute;
  top: 86px;
  left: auto;
  right: 44px;
}

.venn-label._2 {
  text-shadow: none;
  top: 86px;
  left: 48px;
}

.venn-label._3 {
  text-shadow: none;
  top: 265px;
  left: 162px;
}

.venn-label.mini {
  color: #fff;
  text-shadow: none;
  font-size: 14px;
  font-weight: 400;
}

.venn-label.mini._4 {
  text-shadow: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  top: 79px;
  left: 170px;
}

.venn-label.mini._5 {
  text-shadow: none;
  top: 192px;
  left: 115px;
}

.venn-label.mini._6 {
  text-shadow: none;
  font-weight: 400;
  line-height: 18px;
  top: 202px;
  left: 236px;
}

.venn-label.mini.no {
  text-shadow: none;
  font-size: 27px;
  top: 146px;
  left: 183px;
}

.diagram {
  width: 400px;
  height: 375px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.definition-title {
  margin-top: 0;
  margin-bottom: 60px;
}

.one-blend-definition {
  border-bottom: 1px dashed #fff3;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.col-illu {
  text-align: center;
  background-color: #73737300;
  width: 130px;
  height: 133px;
  padding: 0 20px 20px 18px;
}

.definition-blend {
  text-align: left;
  background-color: #fff0;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  transform: none;
}

.div-col-2 {
  width: 100%;
  margin-bottom: 30px;
  padding-right: 30px;
  line-height: 22px;
}

.def-blend-mini-title {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Lato, sans-serif;
  font-size: 20px;
}

.front {
  color: #ffffff2e;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 77px;
  font-size: 50px;
  font-weight: 100;
  line-height: 70px;
}

._404-sec {
  position: relative;
  top: 40%;
  transform: translate(0, -50%);
}

.affiliate-embed {
  width: 100%;
  margin-bottom: 20px;
}

.heading {
  color: #ff213b;
  font-family: Changa One, Impact, sans-serif;
  font-size: 50px;
  line-height: 58px;
}

.heading-2 {
  color: #141111;
  font-family: Oswald, sans-serif;
  font-weight: 400;
}

.lottie-animation {
  margin-top: -27px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

html.w-mod-js [data-ix="new-interaction-2"] {
  opacity: .48;
  transform: scale(.93);
}

html.w-mod-js [data-ix="eased-dropdown"] {
  opacity: 0;
}

html.w-mod-js [data-ix="interaction-to-slide"] {
  opacity: .32;
  transform: scale(.86)rotate(5deg);
}

html.w-mod-js [data-ix="fade-out-on-scroll-fade-in-on-scroll"] {
  opacity: .5;
}

html.w-mod-js [data-ix="new-interaction-3"] {
  display: block;
}

@media screen and (max-width: 991px) {
  p {
    transform: none;
  }

  .button.easing-button {
    width: 23%;
    box-shadow: none;
    text-shadow: none;
  }

  .parallax-layer-e3.layer-p5-e3 {
    top: 592px;
  }

  .parallax-layer-e3.layer-p4-e3 {
    top: 545px;
  }

  .parallax-layer-e3.layer-p1-e3 {
    top: 346px;
  }

  .parallax-layer-e3.layer-p7-e3 {
    top: 442px;
  }

  .mobile-header {
    width: 100%;
  }

  .mobile-section {
    background-color: #fff;
    min-height: 100%;
    padding-bottom: 74px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    padding-left: 20px;
  }

  h3 {
    padding: 23px;
  }

  p {
    transform: none;
  }

  .button.easing-button {
    width: 30%;
    box-shadow: none;
    text-shadow: none;
  }

  .button.blend-button {
    box-shadow: none;
  }

  .blending-demo-p {
    box-shadow: none;
    padding-left: 32px;
    padding-right: 32px;
    transform: none;
  }

  .blending-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blending-2 {
    padding-left: 17px;
    padding-right: 17px;
  }

  .blending-3.grayed {
    padding-left: 11px;
    padding-right: 11px;
  }

  .parallax-layer-e3.layer-p5-e3 {
    top: 642px;
  }

  .parallax-layer-e3.layer-p4-e3 {
    top: 590px;
  }

  .parallax-layer-e3.layer-p1-e3 {
    top: 420px;
  }

  .parallax-layer-e3.layer-p7-e3 {
    top: 514px;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    padding: 17px;
  }

  p {
    box-shadow: none;
    transform: none;
  }

  .button.easing-button {
    width: 45%;
    box-shadow: none;
    text-shadow: none;
  }

  .menu-gen {
    position: relative;
    transform: none;
  }

  .sticky-navbar {
    inset: auto 0 0;
  }

  .row-bmb.venn-one {
    top: -65px;
    left: -43px;
    transform: scale(1.02)scale(.75);
  }

  .blending-demo-p {
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px;
    transform: none;
  }

  .blending-2.blending.venn-demo {
    height: 437px;
    padding-top: 11px;
  }

  .parallax-layer-e3.layer-p5-e3 {
    top: 695px;
  }

  .parallax-layer-e3.layer-p4-e3 {
    top: 644px;
  }

  .parallax-layer-e3.layer-p1-e3 {
    top: 554px;
  }

  .parallax-layer-e3.layer-p7-e3 {
    top: 597px;
  }

  .img-front-mountains {
    width: 121%;
    position: relative;
  }

  .venn {
    font-size: 25px;
    line-height: 26px;
  }

  .diagram {
    transform: scale(.92);
  }
}


@font-face {
  font-family: 'Webflow my sandbox';
  src: url('../fonts/webflow-my-sandbox.eot') format('embedded-opentype'), url('../fonts/webflow-my-sandbox.woff') format('woff'), url('../fonts/webflow-my-sandbox.ttf') format('truetype'), url('../fonts/webflow-my-sandbox.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Blokkneue';
  src: url('../fonts/BLOKKNeue-Regular.eot') format('embedded-opentype'), url('../fonts/BLOKKNeue-Regular.woff') format('woff'), url('../fonts/BLOKKNeue-Regular.ttf') format('truetype'), url('../fonts/BLOKKNeue-Regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
/* Hide Webflow badge */
.w-webflow-badge { display: none !important; }