@charset "UTF-8";
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
img[src="dist/images/empty.png"] {
  border: 1px solid rgba(128, 128, 128, 0.4); }

html,
body {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  font-family: Rubik-Regular, Arial, sans-serif, Arial;
  font-size: 93.75%;
  line-height: 1.2;
  color: #333; }

* {
  box-sizing: border-box; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: inherit; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

iframe {
  border: 0;
  width: 100%; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical;
  border: 0;
  font-size: inherit;
  font-family: inherit; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

pre {
  background-color: #f6f6f6;
  border: 2px solid #cfd8dc;
  border-radius: 5px;
  padding: 0 10px;
  text-align: left; }

code {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  padding: 0; }

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0; }

input {
  border: 0;
  font-size: 1em;
  color: #607D8A; }
  input[type="number"] {
    text-align: right; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit; }

button {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: inherit; }

blockquote,
figure {
  margin: 0; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
								   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.clearfix {
  content: "";
  display: block;
  clear: both; }

.formatting-contet {
  overflow: hidden; }

.disabled {
  display: none; }

.lock-position {
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  position: fixed; }

.by-navblue {
  font-size: .7em; }

.hide {
  display: none; }

@font-face {
  font-family: Rubik-Black;
  src: url("../fonts/Rubik-Black.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-BlackItalic;
  src: url("../fonts/Rubik-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-Bold;
  src: url("../fonts/Rubik-Bold.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-BoldItalic;
  src: url("../fonts/Rubik-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-Italic;
  src: url("../fonts/Rubik-Italic.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-Light;
  src: url("../fonts/Rubik-Light.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-LightItalic;
  src: url("../fonts/Rubik-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-Medium;
  src: url("../fonts/Rubik-Medium.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-MediumItalic;
  src: url("../fonts/Rubik-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: Rubik-Regular;
  src: url("../fonts/Rubik-Regular.ttf") format("truetype"); }

.title {
  font-family: Rubik-Light, Arial, sans-serif, Arial;
  font-size: 1.875rem;
  line-height: 1.3;
  margin: 0;
  font-weight: normal; }
  .title__highlight {
    font-family: Rubik-Medium, Arial, sans-serif, Arial; }
  .title--primary {
    font-size: 2.4375rem;
    line-height: 1.18; }
  .title--secondary {
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-size: 1.1875rem;
    line-height: 1.18; }
  .title--pink {
    color: #ff7697; }
  .title--green {
    color: #00c6ae; }
  .title--mobile {
    display: none; }

.btn {
  display: inline-block;
  text-decoration: none;
  font-family: "Rubik-Medium", Arial, sans-serif, Arial;
  text-transform: uppercase;
  border-radius: 4px;
  font-size: 0.9375rem;
  color: #fff;
  padding: 15px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease; }
  .btn--pink {
    background: #ff7697; }
    .btn--pink:hover {
      background: #d46983; }
  .btn--pinkDarken {
    background: #d46983; }
    .btn--pinkDarken:hover {
      background: #ff7697; }
  .btn--green {
    background: #00c6ae; }
    .btn--green:hover {
      background: #178678; }
  .btn--greenDarken {
    background: #178678; }
    .btn--greenDarken:hover {
      background: #00c6ae; }
  .btn--small {
    text-transform: none;
    padding: 11px 15px; }

.row-slider,
.slider {
  overflow: hidden;
  position: relative; }

.row-slider {
  max-width: 1700px;
  margin: 30px auto; }

.owl-item {
  float: left; }

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  z-index: 2; }

.owl-prev {
  left: 50px; }

.owl-next {
  right: 50px; }

.header {
  background-color: #00c6ae;
  color: #fff;
  font-size: 0.93333em;
  font-family: Rubik-Medium, Arial, sans-serif, Arial;
  box-shadow: #333333 0 0 5px 0;
  padding: 0 2%;
  position: relative; }
  .header__content {
    max-width: 943px;
    margin: 0 auto; }
    .header__content:after {
      display: block;
      content: "";
      clear: both; }
  .header__logo {
    float: left;
    margin: 20px 0; }
  .header__mobile {
    display: none; }
  .header__nav {
    overflow: hidden;
    text-align: right; }
  .header__nav-item {
    display: inline-block;
    vertical-align: middle; }
  .header__link {
    display: block;
    padding: 38px 15px 30px;
    text-decoration: none;
    text-transform: uppercase;
    border: solid transparent;
    border-width: 0 0 4px;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    .header__link:hover, .header__link:focus {
      background: #00bda6;
      border-color: #008575; }
    .header__link--lowlight, .header__link--highlight {
      text-transform: initial; }
    .header__link--lowlight {
      color: #008b7a;
      margin-left: 20px; }
      .header__link--lowlight:hover, .header__link--lowlight:focus {
        color: #fff; }
    .header__link--highlight {
      background-color: #008b7a;
      padding: 0;
      border-radius: 5px;
      padding: 12px 22px 10px;
      border: none; }

.banner {
  background: url(../images/bannerA.jpg) no-repeat 50% 0;
  min-height: 581px;
  padding: 0 20px; }
  .banner__content {
    max-width: 943px;
    margin: 0 auto;
    padding-top: 130px;
    font-size: 1.2em; }
  .banner__content-main {
    margin: 1em 0 2.2em; }

.main-banner {
  position: relative;
  background: url(../images/banner.png) no-repeat center 0;
  color: #fff;
  text-align: center; }
  .main-banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 198, 174, 0.7); }
  .main-banner__content {
    position: relative;
    z-index: 1;
    padding: 75px; }
  .main-banner__title {
    font-size: 2.6em;
    line-height: 1.2;
    margin: .3em 0 .8em; }

.featured {
  text-align: center;
  padding: 45px 0; }
  .featured__link {
    display: inline-block;
    width: 300px;
    line-height: 250px;
    margin: 10px;
    padding: 25px;
    box-shadow: rgba(51, 51, 51, 0.1) 0 0 5px 0;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    .featured__link:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 8px;
      width: 0;
      background-color: #ff7697;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .featured__link:hover, .featured__link:focus {
      background-color: #00c6ae;
      color: #fff; }
      .featured__link:hover:after, .featured__link:focus:after {
        width: 100%; }
  .featured__item {
    display: inline-block;
    vertical-align: bottom;
    line-height: 1; }
  .featured__title {
    margin: 2.4em 0 0;
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-weight: normal;
    font-size: 1.26667em; }
  .featured__content {
    margin: .6em 0 0; }

[data-audio] {
  display: none; }

.steps {
  background-color: #fafafa;
  overflow: hidden; }
  .steps:after {
    display: block;
    content: "";
    clear: both; }
  .steps__content {
    max-width: 943px;
    margin: 0 auto;
    padding: 50px 0; }
  .steps__preview {
    position: relative;
    float: left;
    width: 600px;
    margin-left: -197px;
    min-height: 472px; }
  .steps__preview-wrapper {
    overflow: hidden; }
  .steps__preview-img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(1); }
  .steps__preview-frame {
    position: absolute;
    padding: 20px;
    background-color: #fff;
    box-shadow: rgba(51, 51, 51, 0.1) 0 0 10px 0;
    border-radius: 4px;
    z-index: 1; }
    .steps__preview-frame:after, .steps__preview-frame:before {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute; }
    .steps__preview-frame:after {
      content: "";
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      background: rgba(0, 198, 174, 0.7);
      opacity: 0;
      pointer-events: none; }
    .steps__preview-frame:before {
      content: attr(data-more);
      font-family: Rubik-Medium, Arial, sans-serif, Arial;
      text-transform: uppercase;
      z-index: 1;
      left: 0;
      right: 0;
      top: 50%;
      margin-top: 50px;
      text-align: center;
      transform: translateY(-50%);
      opacity: 0; }
    .steps__preview-frame:hover, .steps__preview-frame:focus {
      color: #fff; }
      .steps__preview-frame:hover .steps__preview-img, .steps__preview-frame:focus .steps__preview-img {
        transform: scale(1.1); }
      .steps__preview-frame:hover:after, .steps__preview-frame:hover:before, .steps__preview-frame:focus:after, .steps__preview-frame:focus:before {
        opacity: 1; }
      .steps__preview-frame:hover:before, .steps__preview-frame:focus:before {
        margin-top: 45px; }
    .steps__preview-frame--family {
      top: 0; }
    .steps__preview-frame--child {
      top: 140px;
      left: 230px; }
    .steps__preview-frame--children {
      bottom: 0;
      left: 30px; }
  .steps__action {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .steps__details {
    overflow: hidden;
    margin: 1.5em 0;
    padding: 0 30px 0 55px; }
  .steps__details-maintitle {
    margin-bottom: 1.3em; }
  .steps__details-item {
    position: relative;
    margin: 1.8em 0;
    counter-increment: step-counter;
    padding-left: 88px;
    line-height: 70px; }
    .steps__details-item:before {
      color: #00c6ae;
      border: 5px solid #00c6ae;
      content: counter(step-counter);
      position: absolute;
      left: 0;
      top: 0;
      width: 60px;
      font-size: 2em;
      font-family: Rubik-Bold, Arial, sans-serif, Arial;
      line-height: 60px;
      border-radius: 50%;
      text-align: center; }
    .steps__details-item + li:before {
      color: #ff7697;
      border-color: #ff7697; }
    .steps__details-item + li + li:before {
      color: #ffde00;
      border-color: #ffde00; }
  .steps__details-inner {
    display: inline-block;
    line-height: normal;
    vertical-align: middle; }
  .steps__details-title {
    margin: 0 0 .15em;
    font-size: 1.26667em;
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-weight: normal; }
  .steps__details-content {
    margin: 0; }

.themes {
  background: #00c6ae;
  color: #fff;
  text-align: center;
  padding: 45px 0;
  overflow: hidden;
  position: relative; }
  .themes .disabled {
    display: block; }
  .themes:before, .themes:after {
    content: "";
    position: absolute;
    width: 16.78832%;
    z-index: 1;
    top: 0;
    bottom: 0;
    pointer-events: none; }
  .themes:before {
    left: 0;
    background-image: linear-gradient(-270deg, rgba(97, 97, 97, 0) 0%, rgba(51, 51, 51, 0.5) 100%);
    transform: rotate(180deg); }
  .themes:after {
    right: 0;
    background-image: linear-gradient(-270deg, rgba(97, 97, 97, 0) 0%, rgba(51, 51, 51, 0.5) 100%); }
  .themes__filter {
    max-width: 943px;
    margin: 22px auto;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 0.93333em;
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    text-align: left; }
    .themes__filter--first {
      margin-top: 30px; }
  .themes__filter-item {
    float: left;
    width: 16.4369%; }
  .themes__filter-link {
    text-decoration: none;
    display: block;
    padding: 0 10px 11px;
    border-bottom: 2px solid #0f9a89; }
    .themes__filter-link--first {
      padding-left: 0; }
    .themes__filter-link:hover, .themes__filter-link:focus, .themes__filter-link--current {
      color: #333;
      border-color: #333; }
  .themes__figure {
    display: block;
    margin: 20px 10px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.11); }
    .themes__figure:after, .themes__figure:before {
      position: absolute;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .themes__figure:hover:after, .themes__figure:hover:before,
    .themes__figure:hover .themes__action {
      opacity: 1; }
    .themes__figure:hover .themes__action {
      top: 20%; }
    .themes__figure:hover:before {
      margin-top: 30px; }
    .themes__figure:hover .themes__image {
      transform: scale(1.1); }
    .themes__figure:hover .themes__legend {
      padding: 17px 15px 24px; }
      .themes__figure:hover .themes__legend:after {
        width: 100%; }
    .themes__figure:after {
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 60px;
      background: rgba(51, 51, 51, 0.7);
      opacity: 0;
      pointer-events: none;
      z-index: 1; }
    .themes__figure:before {
      content: attr(data-more);
      font-family: Rubik-Medium, Arial, sans-serif, Arial;
      text-transform: uppercase;
      z-index: 1;
      left: 0;
      right: 0;
      top: 50%;
      margin-top: 50px;
      text-align: center;
      transform: translateY(-50%);
      opacity: 0;
      z-index: 2; }
  .themes__action {
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .themes__image {
    width: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .themes__legend {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-size: 1.13333em;
    color: #333;
    text-align: left;
    padding: 15px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .themes__legend:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 8px;
      width: 0;
      background-color: #ff7697;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.how-to {
  background-color: #ff7697;
  color: #fff;
  padding: 40px 0; }
  .how-to__inner {
    text-align: left;
    max-width: 1440px;
    margin: 0 auto; }
    .how-to__inner:after {
      display: block;
      content: "";
      clear: both; }
  .how-to__video, .how-to__content {
    vertical-align: middle; }
  .how-to__video {
    display: inline-block;
    width: 50.41667%;
    position: relative;
    padding-bottom: 31.25%;
    padding-top: 25px;
    height: 0; }
    .how-to__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .how-to__content {
    display: inline-block;
    margin-left: 80px;
    width: 26.38889%; }
  .how-to__baseline {
    display: block;
    line-height: 1.6;
    margin-top: 1em; }
  .how-to__text {
    font-family: Rubik-Light, Arial, sans-serif, Arial;
    margin: .5em 0 1.5em; }
  .how-to .btn {
    background: rgba(0, 0, 0, 0.4); }
    .how-to .btn:hover {
      background: #d46983; }

.examples {
  max-width: 1240px;
  margin: 0 auto; }
  .examples__item {
    padding: 50px 150px; }
    .examples__item:after {
      display: block;
      content: "";
      clear: both; }
  .examples__title {
    font-family: Rubik-Medium, Arial, sans-serif, Arial; }
  .examples__content {
    font-family: Rubik-Light, Arial, sans-serif, Arial;
    margin: 1.7em 0; }
  .examples__player {
    display: inline-block;
    width: 57.44681%;
    vertical-align: middle;
    position: relative; }
    .examples__player:after, .examples__player:before {
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute; }
    .examples__player:after {
      content: "";
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 198, 174, 0.7);
      opacity: 0;
      pointer-events: none; }
    .examples__player:before {
      content: attr(data-more);
      font-family: Rubik-Medium, Arial, sans-serif, Arial;
      text-transform: uppercase;
      z-index: 1;
      left: 0;
      right: 0;
      top: 50%;
      margin-top: 50px;
      text-align: center;
      transform: translateY(-50%);
      opacity: 0; }
    .examples__player:hover, .examples__player:focus {
      color: #fff; }
      .examples__player:hover:after, .examples__player:hover:before, .examples__player:focus:after, .examples__player:focus:before {
        opacity: 1; }
      .examples__player:hover:before, .examples__player:focus:before {
        margin-top: 45px; }
  .examples__action {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .examples__description {
    width: 41.48936%;
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle; }

.tools {
  padding: 45px 0;
  background: #fafafa; }
  .tools__content {
    text-align: center;
    max-width: 943px;
    margin: 0 auto; }
  .tools__item {
    display: inline-block;
    width: 300px;
    margin: 50px 5px 0; }
  .tools__link {
    display: block; }
  .tools__title {
    font-weight: normal;
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-size: 1.26667em;
    margin: 0; }
  .tools__description {
    font-family: Rubik-Light, Arial, sans-serif, Arial;
    margin: .5em 0 1em; }

.sponsors {
  padding: 45px 0;
  text-align: center; }
  .sponsors__content {
    max-width: 943px;
    margin: 0 auto; }
  .sponsors__item {
    width: 31.81336%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 30px; }

.feedbacks {
  background-color: #FAFAFA;
  text-align: center;
  padding: 45px 0; }
  .feedbacks:after {
    display: block;
    content: "";
    clear: both; }
  .feedbacks .owl-nav {
    display: none; }
  .feedbacks__person {
    font-size: inherit;
    font-weight: normal; }
    .feedbacks__person:after {
      content: "-";
      display: block; }
  .feedbacks__item {
    position: relative;
    display: inline-block;
    width: 300px;
    min-height: 245px;
    background-color: #ff7697;
    color: #fff;
    padding: 25px 10px 10px;
    margin: 60px 8px 0;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    .feedbacks__item:hover {
      box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.2);
      transform: scale(1.2);
      z-index: 1; }
  .feedbacks__name {
    display: block;
    font-family: Rubik-Bold, Arial, sans-serif, Arial; }
  .feedbacks__content {
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-size: 1.26667em; }
    .feedbacks__content:before {
      content: "«"; }
    .feedbacks__content:after {
      content: "»"; }
  .feedbacks__avatar {
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -27px; }

.feedbacks-slider {
  max-width: 956px;
  margin: 0 auto; }
  .feedbacks-slider:after {
    display: block;
    content: "";
    clear: both; }
  .feedbacks-slider .owl-stage-outer {
    overflow: hidden; }

.edito {
  text-align: center;
  padding: 45px 0;
  text-align: center; }
  .edito__cols {
    max-width: 943px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left; }
  .edito__col {
    float: left;
    width: 220px;
    margin-top: 30px;
    margin-left: 20px; }
    .edito__col:first-child {
      margin-left: 0; }
  .edito__content {
    font-family: Rubik-Light, Arial, sans-serif, Arial;
    margin: .8em 0; }

.newsletter {
  padding: 45px 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAABXCAIAAAA4b9qCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTYyMzYxNzBDREU4MTFFNkFDMjNGQjVDNEQxNkM5NTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTYyMzYxNzFDREU4MTFFNkFDMjNGQjVDNEQxNkM5NTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjIzNjE2RUNERTgxMUU2QUMyM0ZCNUM0RDE2Qzk1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNjIzNjE2RkNERTgxMUU2QUMyM0ZCNUM0RDE2Qzk1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm09YCoAAAjbSURBVHja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);
  color: #fff; }
  .newsletter:after {
    display: block;
    content: "";
    clear: both; }
  .newsletter__form {
    max-width: 943px;
    margin: 0 auto;
    overflow: hidden; }
  .newsletter__title {
    float: left;
    margin-right: 50px; }
  .newsletter__fields {
    overflow: hidden;
    margin-top: 15px; }
  .newsletter__input {
    padding: 10px 13px;
    font-size: 1.13333em;
    border-radius: 4px;
    margin-right: 17px;
    width: 380px; }
  .newsletter__btn {
    cursor: pointer; }

.footer {
  background-color: #FAFAFA;
  padding: 45px 20px; }
  .footer__content {
    max-width: 943px;
    margin: 0 auto;
    overflow: hidden; }
  .footer__right {
    float: right; }
  .footer__col {
    float: left;
    width: 140px;
    margin: 17px 0 0 20px; }
    .footer__col--copyrights {
      margin: 0;
      padding-right: 10px;
      width: auto;
      max-width: 220px;
      float: none;
      overflow: hidden;
      font-family: Rubik-Light, Arial, sans-serif, Arial;
      font-size: 0.8em; }
    .footer__col--signup {
      margin-top: 8px;
      float: right;
      text-align: right; }
  .footer__copyright {
    margin-top: 0;
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    line-height: 2; }
  .footer__logo {
    margin: 0 0 1em; }
  .footer__title {
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    font-size: 0.93333em;
    margin: 0 0 .7em;
    text-transform: uppercase; }
  .footer__list {
    font-size: 0.93333em; }
  .footer__list-item {
    margin-bottom: .7em; }
  .footer__list-link {
    font-family: Rubik-Medium, Arial, sans-serif, Arial;
    text-decoration: none;
    color: #aaa; }
    .footer__list-link:hover, .footer__list-link:focus {
      text-decoration: underline; }
  .footer__social {
    display: inline-block;
    margin: 0 8px 8px 0; }

@media (max-width: 900px) {
  .header__link:not(.header__link--highlight) {
    padding: 38px 8px 30px; } }

@media (max-width: 840px) {
  .header__mobile {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 25px;
    right: 2%; }
  .header__logo {
    float: none;
    margin: 10px 0; }
  .header__nav-item {
    text-align: center;
    display: block; }
  .header__sub-nav {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s;
    transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s; }
    .header__sub-nav--opened {
      max-height: 9999px;
      -webkit-transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
      -webkit-transition-delay: 0s;
      transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
      transition-delay: 0s; }
  .header__link {
    display: inline-block;
    margin-left: 0; }
    .header__link:not(.header__link--highlight) {
      padding: 10px; }
  .header__link--highlight {
    margin: .5em 0 1.5em; } }

@media (max-width: 600px) {
  .title--primary {
    font-size: 1.8125rem; } }

@media (max-width: 340px) {
  .title--primary {
    font-size: 1.6875rem; } }

@media (max-width: 1200px) {
  .banner {
    background-position: -200px 0; } }

@media (max-width: 1160px) {
  .banner {
    background-position: -260px 0; } }

@media (max-width: 1140px) {
  .banner {
    background-size: cover; } }

@media (max-width: 1000px) {
  .banner {
    background-position: -320px 0; } }

@media (max-width: 940px) {
  .banner {
    background-position: -380px 0; } }

@media (max-width: 870px) {
  .banner {
    background-position: -440px 0; } }

@media (max-width: 800px) {
  .banner {
    background-position: -510px 0; } }

@media (max-width: 720px) {
  .banner {
    background: url(../images/banner-mobile.jpg) no-repeat 0 0;
    height: 450px;
    line-height: 450px;
    min-height: 0;
    max-height: 100%; }
    .banner__content {
      display: inline-block;
      vertical-align: bottom;
      line-height: normal;
      padding-top: 0;
      margin-bottom: 70px; } }

@media (max-width: 660px) {
  .banner {
    background-position: -50px 0px; } }

@media (max-width: 600px) {
  .banner {
    text-align: center;
    background-position: -100px 0px; } }

@media (max-width: 550px) {
  .banner {
    background-position: -150px 0px; } }

@media (max-width: 510px) {
  .banner {
    background-position: -220px 0px; } }

@media (max-width: 430px) {
  .banner {
    background-position: -280px 0px; }
    .banner__content {
      font-size: 1.06667em; } }

@media (max-width: 390px) {
  .banner__content {
    margin-bottom: 50px; }
  .banner__content-main {
    margin: 1em 0 1em; } }

@media (max-width: 350px) {
  .banner {
    background-position: -300px 0px; } }

@media (max-width: 1000px) {
  .featured__link {
    width: 27.77778%; } }

@media (max-width: 730px) {
  .featured {
    font-size: .9em; }
    .featured__link {
      margin: 5px;
      width: 31.25%; } }

@media (max-width: 600px) {
  .featured {
    padding: 20px 10px; }
    .featured__link {
      display: block;
      width: auto;
      line-height: normal;
      box-shadow: none;
      padding: 10px 0 20px;
      margin-bottom: 10px; } }

@media (max-width: 1070px) {
  .steps__preview {
    margin-left: -140px; } }

@media (max-width: 1000px) {
  .steps__preview {
    width: 500px;
    margin-left: -100px; }
  .steps__details {
    padding-left: 20px; } }

@media (max-width: 840px) {
  .steps__preview-frame--family {
    top: 45px;
    left: 35px;
    right: 160px; } }

@media (max-width: 780px) {
  .steps__preview {
    width: 400px; }
  .steps__preview-frame--family {
    top: 45px;
    right: 50px; }
  .steps__preview-frame--child {
    left: 150px; } }

@media (max-width: 710px) {
  .steps__details-item {
    padding-left: 50px;
    line-height: 30px; }
    .steps__details-item:before {
      line-height: 30px;
      width: 30px;
      font-size: 1em;
      border-width: 3px; } }

@media (max-width: 600px) {
  .steps__content {
    padding: 10px 0; }
  .steps__preview {
    float: none;
    margin-left: 0;
    width: auto; }
  .steps__preview-wrapper {
    display: inline-block; }
  .steps__preview-frame {
    padding: 10px; }
    .steps__preview-frame:after {
      left: 10px;
      right: 10px;
      bottom: 10px;
      top: 10px; }
    .steps__preview-frame--family {
      right: auto; }
    .steps__preview-frame--children {
      left: 80px; } }

@media (max-width: 540px) {
  .steps__preview-frame--family {
    left: 15px; }
  .steps__preview-frame--child {
    right: 15px; } }

@media (max-width: 430px) {
  .steps {
    text-align: center; }
    .steps__preview {
      min-height: 350px; }
    .steps__details-item {
      padding-left: 0;
      line-height: normal; }
      .steps__details-item:before {
        position: static;
        display: inline-block;
        margin-bottom: 1em; }
    .steps__details-inner {
      display: block; }
    .steps__details-content {
      display: none; }
    .steps__preview-frame {
      padding: 10px; }
      .steps__preview-frame--family {
        right: 62px;
        left: 14px;
        top: 7px; }
      .steps__preview-frame--child {
        left: 113px;
        right: 18px;
        top: 98px; }
      .steps__preview-frame--children {
        left: 60px;
        top: 164px;
        bottom: auto;
        right: 86px; } }

@media (max-width: 950px) {
  .themes__filter {
    padding: 0 10px; } }

@media (max-width: 910px) {
  .themes__filter {
    border-bottom: 2px solid #0f9a89; }
  .themes__filter-item {
    width: auto;
    margin-bottom: -2px; } }

@media (max-width: 660px) {
  .themes .owl-next {
    right: 10px; }
  .themes .owl-prev {
    left: 10px; }
  .themes__filter {
    display: none; } }

@media (max-width: 860px) {
  .examples__item {
    padding: 20px 50px; }
  .examples .owl-next {
    right: 5px; }
  .examples .owl-prev {
    left: 5px; } }

@media (max-width: 650px) {
  .examples {
    text-align: center; }
    .examples__item {
      padding: 10px; }
    .examples__description {
      width: auto;
      padding-right: 0;
      display: block;
      margin-bottom: 1em; }
    .examples__player {
      width: auto; } }

@media (max-width: 1170px) {
  .how-to__content {
    width: 40%;
    margin-left: 50px; } }

@media (max-width: 780px) {
  .how-to__content {
    margin-left: 20px; } }

@media (max-width: 720px) {
  .how-to {
    padding: 45px 20px; }
    .how-to .title--desktop {
      display: none; }
    .how-to .title--mobile {
      display: block;
      text-align: center;
      margin-bottom: 1em; }
    .how-to__video {
      display: block;
      width: auto;
      margin-bottom: 20px;
      padding-bottom: 60.25%; }
    .how-to__content {
      text-align: center;
      display: block;
      width: auto; } }

@media (max-width: 700px) {
  .main-banner {
    display: none; } }

@media (max-width: 960px) {
  .feedbacks__item {
    width: auto;
    margin: 60px 5px 10px; } }

@media (max-width: 650px) {
  .feedbacks__item {
    margin: 60px 10px 10px; } }

@media (max-width: 704px) {
  .feedbacks {
    padding: 60px 0; }
    .feedbacks__item:hover {
      transform: none; }
    .feedbacks .owl-stage-outer {
      overflow: hidden; }
    .feedbacks .owl-dots {
      text-align: center; }
    .feedbacks .owl-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgba(51, 51, 51, 0.2);
      margin: 0 3px; }
      .feedbacks .owl-dot:hover, .feedbacks .owl-dot.active {
        border: 2px solid #FF7697; } }

@media (max-width: 970px) {
  .edito {
    display: none; } }

@media (max-width: 740px) {
  .newsletter__input {
    width: 300px; } }

@media (max-width: 650px) {
  .newsletter {
    text-align: center; }
    .newsletter__title {
      margin-right: 0;
      float: none; } }

@media (max-width: 440px) {
  .newsletter__input {
    width: 190px; } }

@media (max-width: 650px) {
  .newsletter {
    padding: 20px 10px; } }

@media (max-width: 820px) {
  .footer__col--copyrights {
    margin-right: 10px; } }

@media (max-width: 880px) {
  .footer__col {
    margin-left: 10px; }
    .footer__col--signup {
      text-align: center;
      margin-bottom: 0; } }

@media (max-width: 800px) {
  .footer {
    text-align: center; }
    .footer__right {
      float: none; }
    .footer__col {
      float: none;
      width: auto;
      margin: 0 0 20px; }
      .footer__col--signup {
        text-align: center;
        margin-bottom: 0; }
      .footer__col--copyrights {
        margin-top: 20px;
        max-width: none; } }