section.footer {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative; }
  section.footer .container {
    display: flex; }
    section.footer .container > div {
      display: flex;
      flex-direction: column;
      flex: 1; }
      section.footer .container > div h4 {
        font-size: 30px;
        margin: 10px 0 25px; }
      section.footer .container > div a {
        display: block;
        font-size: 16px;
        margin: 10px 0;
        text-decoration: none;
        color: #000000; }
      section.footer .container > div .form {
        background: #FCF6F1;
        padding: 25px;
        box-shadow: -12px 12px 0px #00000017; }
        section.footer .container > div .form > div {
          display: flex; }
        section.footer .container > div .form h5 {
          font-size: 14px;
          margin: 0 0 20px; }
        section.footer .container > div .form input {
          padding: 10px;
          border: 0;
          outline: none;
          flex: 1; }
        section.footer .container > div .form button {
          background: #000000;
          border: 0;
          color: #ffffff;
          padding: 0 15px;
          outline: none;
          font-size: 14px;
          cursor: pointer; }
  section.footer .container.button-group {
    margin-top: 60px; }
    section.footer .container.button-group .login {
      margin-right: 10px; }
  section.footer .blot {
    position: absolute;
    top: -85px;
    right: 20px;
    z-index: -1; }

@media only screen and (max-width: 768px) {
  section.footer .container {
    padding: 0 20px; }
    section.footer .container > div {
      flex: none;
      margin-right: 35px; }
      section.footer .container > div h4 {
        font-size: 22px; }
      section.footer .container > div a {
        font-size: 14px; }
      section.footer .container > div .form {
        padding: 15px; }
        section.footer .container > div .form input {
          flex: none;
          width: 75%; }
    section.footer .container > div:last-child {
      margin-right: 0;
      width: 220px;
      margin-left: auto; }
  section.footer .blot {
    display: none; } }

@media only screen and (max-width: 576px) {
  section.footer {
    padding-top: 20px;
    padding-bottom: 40px; }
    section.footer .container {
      flex-direction: column; }
      section.footer .container > div {
        margin-right: 0; }
        section.footer .container > div .form {
          box-shadow: none; }
      section.footer .container > div:last-child {
        width: 100%;
        margin-top: 40px; }
    section.footer .container.button-group {
      margin-top: 30px; }
      section.footer .container.button-group .login {
        margin-right: 0;
        margin-bottom: 20px; } }

section.bottom {
  border-top: 1px solid #00000022;
  padding-top: 30px;
  padding-bottom: 30px; }
  section.bottom .container {
    display: flex;
    font-weight: bold;
    font-size: 13px; }
    section.bottom .container > div:first-child {
      margin-right: auto; }

@media only screen and (max-width: 768px) {
  section.bottom .container {
    padding: 0 20px; } }

section.next-gen-text-to-speech {
  position: relative;
  padding-top: 160px;
  padding-bottom: 160px; }
  section.next-gen-text-to-speech .container {
    display: flex; }
    section.next-gen-text-to-speech .container .left {
      flex: 1; }
      section.next-gen-text-to-speech .container .left .title {
        font-size: 30px; }
      section.next-gen-text-to-speech .container .left h2 {
        font-size: 50px;
        margin: 25px 0; }
      section.next-gen-text-to-speech .container .left p {
        font-size: 16px;
        line-height: 25px;
        max-width: 440px; }
    section.next-gen-text-to-speech .container .right {
      flex: 1;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      z-index: 1; }
      section.next-gen-text-to-speech .container .right .message {
        max-width: 220px;
        position: relative; }
        section.next-gen-text-to-speech .container .right .message .photo {
          background: #333333;
          position: absolute;
          width: 32px;
          height: 32px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 16px;
          left: -40px; }
        section.next-gen-text-to-speech .container .right .message .text {
          font-size: 13px;
          line-height: 16px;
          color: #fefefe;
          background: #67C347;
          border-radius: 2px;
          padding: 10px 15px;
          display: flex; }
          section.next-gen-text-to-speech .container .right .message .text .play {
            cursor: pointer;
            margin-right: 15px; }
          section.next-gen-text-to-speech .container .right .message .text svg {
            display: block; }
        section.next-gen-text-to-speech .container .right .message textarea.text {
          width: 250px;
          height: 100px;
          padding: 5px; }
        section.next-gen-text-to-speech .container .right .message span {
          display: block;
          padding-top: 5px;
          padding-left: 10px;
          font-size: 13px;
          font-weight: bold;
          color: #333333; }
      section.next-gen-text-to-speech .container .right .message.first {
        left: -180px; }
      section.next-gen-text-to-speech .container .right .message.last {
        margin-top: 50px;
        z-index: 1; }
        section.next-gen-text-to-speech .container .right .message.last svg.line {
          position: absolute;
          left: -70px;
          top: -45px; }
  section.next-gen-text-to-speech .blot {
    position: absolute;
    top: 60px;
    right: 0; }

@media only screen and (max-width: 768px) {
  section.next-gen-text-to-speech {
    padding-top: 80px;
    padding-bottom: 40px; }
    section.next-gen-text-to-speech .container {
      padding: 0 20px; }
      section.next-gen-text-to-speech .container .left .title {
        font-size: 24px; }
      section.next-gen-text-to-speech .container .left h2 {
        font-size: 36px; }
      section.next-gen-text-to-speech .container .right .message.first {
        left: -100px; }
    section.next-gen-text-to-speech .blot {
      display: none; } }

@media only screen and (max-width: 576px) {
  section.next-gen-text-to-speech {
    padding-top: 20px;
    padding-bottom: 20px; }
    section.next-gen-text-to-speech .container {
      flex-direction: column; }
      section.next-gen-text-to-speech .container .right {
        margin-top: 20px; }
        section.next-gen-text-to-speech .container .right .message.first {
          margin-right: auto;
          left: 40px; } }

section.build-your-chatbot {
  background: #67C34722;
  padding-top: 80px;
  padding-bottom: 20px; }
  section.build-your-chatbot .container .items-container {
    display: flex;
    align-items: center; }
    section.build-your-chatbot .container .items-container > svg {
      width: 60px; }
    section.build-your-chatbot .container .items-container svg.left {
      margin-right: 40px; }
    section.build-your-chatbot .container .items-container svg.right {
      margin-left: 40px; }
  section.build-your-chatbot .container .pagination {
    display: flex;
    align-items: center;
    height: 64px;
    margin-top: 80px; }
    section.build-your-chatbot .container .pagination > div {
      font-weight: bold;
      font-size: 20px;
      color: #000000;
      border: 1px solid #000000;
      width: 42px;
      height: 42px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 20px;
      margin-right: 160px;
      transition: all 0.2s;
      position: relative; }
      section.build-your-chatbot .container .pagination > div::after {
        position: absolute;
        content: " ";
        border-top: 1px dashed #000000;
        width: 160px;
        left: 100%;
        top: 50%; }
      section.build-your-chatbot .container .pagination > div:last-child:after {
        display: none; }
    section.build-your-chatbot .container .pagination .swiper-pagination-bullet {
      outline: none;
      background: none;
      color: #000000;
      opacity: 0.8; }
    section.build-your-chatbot .container .pagination .swiper-pagination-bullet-active {
      border: 1px solid #67C347;
      outline: none;
      background: none;
      font-size: 40px;
      width: 70px;
      height: 70px;
      border-radius: 35px; }
      section.build-your-chatbot .container .pagination .swiper-pagination-bullet-active::after {
        border-top: 1px solid #67C347; }
  section.build-your-chatbot .container .items {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px;
    flex: 1; }
    section.build-your-chatbot .container .items .item {
      display: flex; }
    section.build-your-chatbot .container .items .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      section.build-your-chatbot .container .items .swiper-slide p {
        font-weight: bold;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 50px; }
      section.build-your-chatbot .container .items .swiper-slide img {
        display: block;
        width: 100%; }
  section.build-your-chatbot .container .title {
    font-size: 30px; }
  section.build-your-chatbot .container h2 {
    font-size: 50px;
    margin: 25px 0; }

@media only screen and (max-width: 1440px) {
  section.build-your-chatbot .container .pagination > div {
    margin-right: 110px; }
    section.build-your-chatbot .container .pagination > div::after {
      width: 110px; } }

@media only screen and (max-width: 768px) {
  section.build-your-chatbot {
    padding-top: 60px;
    padding-bottom: 0; }
    section.build-your-chatbot .container {
      padding: 0 20px; }
      section.build-your-chatbot .container .title {
        font-size: 24px; }
      section.build-your-chatbot .container h2 {
        font-size: 36px; }
      section.build-your-chatbot .container .pagination {
        margin-top: 20px; }
        section.build-your-chatbot .container .pagination > div {
          margin-right: 70px; }
          section.build-your-chatbot .container .pagination > div::after {
            width: 70px; }
      section.build-your-chatbot .container .items-container .left {
        display: none; }
      section.build-your-chatbot .container .items-container .right {
        display: none; }
      section.build-your-chatbot .container .items {
        padding-top: 40px;
        padding-bottom: 40px; } }

@media only screen and (max-width: 576px) {
  section.build-your-chatbot {
    padding-top: 20px; }
    section.build-your-chatbot .container .pagination > div {
      margin-right: 12px;
      font-size: 16px;
      width: 32px;
      height: 32px; }
      section.build-your-chatbot .container .pagination > div::after {
        width: 12px; }
    section.build-your-chatbot .container .pagination .swiper-pagination-bullet-active {
      font-size: 24px;
      width: 36px;
      height: 36px; }
    section.build-your-chatbot .container .items {
      padding-top: 0; }
      section.build-your-chatbot .container .items video {
        width: 100%; } }

section.impress-your-client {
  padding-top: 120px;
  padding-bottom: 140px; }
  section.impress-your-client .container {
    display: flex;
    align-items: center; }
    section.impress-your-client .container .left {
      flex: 1; }
      section.impress-your-client .container .left .title {
        font-size: 30px; }
      section.impress-your-client .container .left h2 {
        font-size: 50px;
        margin: 25px 0; }
      section.impress-your-client .container .left p {
        font-size: 16px;
        line-height: 25px;
        max-width: 350px; }
      section.impress-your-client .container .left .three {
        font-size: 16px;
        display: flex;
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: 320px; }
        section.impress-your-client .container .left .three > div {
          flex: 1; }
        section.impress-your-client .container .left .three .color {
          color: #F2994A; }
        section.impress-your-client .container .left .three .type {
          font-style: italic; }
        section.impress-your-client .container .left .three .shape {
          font-weight: bold;
          position: relative; }
          section.impress-your-client .container .left .three .shape svg {
            position: absolute;
            top: -14px;
            left: -9px; }
      section.impress-your-client .container .left button {
        background: #000000;
        color: #fefefe;
        padding: 8px 12px;
        border-radius: 2px;
        border: 0;
        cursor: pointer;
        outline: none; }
    section.impress-your-client .container .right {
      flex: 1;
      justify-content: center;
      display: flex;
      z-index: 1;
      flex-direction: column;
      align-items: center;
      position: relative; }
      section.impress-your-client .container .right > img {
        position: absolute; }
      section.impress-your-client .container .right > div {
        background: #eeeeee;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
        padding: 10px;
        border-radius: 4px;
        width: 240px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        section.impress-your-client .container .right > div h3 {
          font-size: 50px;
          margin: 0; }
        section.impress-your-client .container .right > div > div:last-child {
          font-weight: bold;
          display: flex;
          align-items: center; }
          section.impress-your-client .container .right > div > div:last-child img {
            margin: 0 5px; }
      section.impress-your-client .container .right .first {
        margin-bottom: 20px; }

@media only screen and (max-width: 768px) {
  section.impress-your-client {
    padding-top: 100px;
    padding-bottom: 100px; }
    section.impress-your-client .container {
      padding: 0 20px; }
      section.impress-your-client .container .left .title {
        font-size: 24px; }
      section.impress-your-client .container .left h2 {
        font-size: 36px; } }

@media only screen and (max-width: 576px) {
  section.impress-your-client {
    padding-top: 40px; }
    section.impress-your-client .container {
      flex-direction: column; }
      section.impress-your-client .container .right {
        margin-top: 110px; }
        section.impress-your-client .container .right > img {
          width: 120%; } }

section.widgets {
  padding-top: 80px;
  padding-bottom: 120px;
  background: #FCF6F1;
  overflow: hidden;
  position: relative; }
  section.widgets .container .title {
    font-size: 30px; }
  section.widgets .container h2 {
    font-size: 50px;
    margin: 25px 0; }
  section.widgets .container .pagination {
    margin-top: 60px;
    margin-bottom: 40px; }
    section.widgets .container .pagination .left {
      margin-right: 60px; }
  section.widgets .container .items-container {
    overflow: hidden; }
    section.widgets .container .items-container .items .swiper-slide .photo {
      position: relative; }
      section.widgets .container .items-container .items .swiper-slide .photo img, section.widgets .container .items-container .items .swiper-slide .photo video {
        width: 100%; }
      section.widgets .container .items-container .items .swiper-slide .photo h3 {
        position: absolute;
        color: #fefefe;
        font-size: 38px;
        bottom: -24px;
        left: 20px; }
    section.widgets .container .items-container .items .swiper-slide p {
      font-size: 16px;
      line-height: 25px;
      margin-top: 40px; }
  section.widgets .blot {
    position: absolute;
    bottom: 100px;
    left: 0; }

@media only screen and (max-width: 768px) {
  section.widgets {
    padding-top: 20px;
    padding-bottom: 20px; }
    section.widgets .container {
      padding: 0 20px; }
      section.widgets .container .title {
        font-size: 24px; }
      section.widgets .container h2 {
        font-size: 36px; }
      section.widgets .container .pagination {
        display: none; }
      section.widgets .container .items-container .items .swiper-slide .photo h3 {
        font-size: 32px;
        bottom: -14px; }
    section.widgets .blot {
      display: none; } }

section.testimonials {
  padding-top: 80px;
  padding-bottom: 80px; }
  section.testimonials .container .items-container {
    display: flex;
    align-items: center; }
    section.testimonials .container .items-container > svg {
      width: 120px; }
    section.testimonials .container .items-container svg.left {
      margin-right: 40px; }
    section.testimonials .container .items-container svg.right {
      margin-left: 40px; }
  section.testimonials .container .items {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 80px; }
    section.testimonials .container .items .item {
      display: flex;
      align-items: center; }
      section.testimonials .container .items .item .photo-block {
        background: url("/image/photo_background.svg");
        padding: 80px;
        background-size: contain; }
        section.testimonials .container .items .item .photo-block .photo {
          left: -20px;
          top: -40px;
          position: relative;
          border-radius: 148px; }
      section.testimonials .container .items .item .info {
        display: flex;
        flex-direction: column;
        padding-left: 40px;
        max-width: 550px; }
        section.testimonials .container .items .item .info p {
          font-size: 20px;
          line-height: 35px; }
        section.testimonials .container .items .item .info b {
          margin-bottom: 20px;
          font-size: 20px; }
        section.testimonials .container .items .item .info span {
          font-size: 13px;
          line-height: 16px;
          color: #000000;
          opacity: 0.5; }
  section.testimonials .container .title {
    font-size: 30px; }
  section.testimonials .container h2 {
    font-size: 50px;
    margin: 25px 0; }

@media only screen and (max-width: 768px) {
  section.testimonials {
    padding-top: 40px;
    padding-bottom: 0; }
    section.testimonials .container {
      padding: 0 20px; }
      section.testimonials .container .items-container svg {
        display: none; }
      section.testimonials .container .title {
        font-size: 24px; }
      section.testimonials .container h2 {
        font-size: 36px; }
      section.testimonials .container .items {
        padding-top: 0;
        padding-bottom: 40px; }
        section.testimonials .container .items .item .photo-block {
          padding: 50px; }
          section.testimonials .container .items .item .photo-block .photo {
            width: 160px; }
        section.testimonials .container .items .item .info {
          padding-left: 20px; } }

@media only screen and (max-width: 576px) {
  section.testimonials {
    padding-top: 20px;
    padding-bottom: 20px; }
    section.testimonials .container .items .item {
      flex-direction: column; }
      section.testimonials .container .items .item .photo-block {
        padding: 0;
        background: none; }
        section.testimonials .container .items .item .photo-block .photo {
          width: 100px;
          left: 0;
          top: 0; } }

section.rich-media {
  padding-top: 80px;
  padding-bottom: 60px;
  position: relative; }
  section.rich-media .container {
    display: flex; }
    section.rich-media .container .left {
      flex: 1;
      justify-content: center;
      display: flex;
      flex-direction: column; }
      section.rich-media .container .left .title {
        font-size: 30px; }
      section.rich-media .container .left h2 {
        font-size: 50px;
        margin: 25px 0; }
      section.rich-media .container .left p {
        font-size: 16px;
        line-height: 25px;
        max-width: 380px; }
      section.rich-media .container .left a {
        display: block;
        background: #000000;
        color: #fefefe;
        padding: 8px 10px;
        border-radius: 2px;
        border: 0;
        max-width: 110px;
        margin-top: 15px;
        text-decoration: none; }
    section.rich-media .container .right {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end; }
      section.rich-media .container .right .phone {
        width: 240px;
        overflow: hidden;
        position: relative; }
        section.rich-media .container .right .phone .pagination {
          top: 2px;
          position: absolute;
          z-index: 1;
          left: 12px; }
          section.rich-media .container .right .phone .pagination .swiper-pagination-bullet {
            outline: none;
            width: 35px;
            border-radius: 7px;
            height: 3px;
            background: #ffffff;
            opacity: 0.6; }
          section.rich-media .container .right .phone .pagination .swiper-pagination-bullet-active {
            opacity: 1; }
        section.rich-media .container .right .phone .swiper-wrapper {
          overflow: hidden;
          border-radius: 16px;
          z-index: 0; }
          section.rich-media .container .right .phone .swiper-wrapper img {
            display: block; }
        section.rich-media .container .right .phone input {
          width: 90%;
          padding: 8px 10px;
          border: 0;
          outline: none;
          position: absolute;
          bottom: 15px;
          left: 10px;
          border-radius: 28px; }
      section.rich-media .container .right .phone-1 {
        left: -140px; }
      section.rich-media .container .right .phone-2 {
        top: -330px;
        left: 0;
        width: 210px;
        height: 410px;
        margin-bottom: -300px; }
  section.rich-media .blot {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: -1; }

@media only screen and (max-width: 768px) {
  section.rich-media {
    padding-top: 20px;
    padding-bottom: 20px; }
    section.rich-media .container {
      padding: 0 20px; }
      section.rich-media .container .left .title {
        font-size: 24px; }
      section.rich-media .container .left h2 {
        font-size: 36px; }
      section.rich-media .container .right .phone-1 {
        left: 0; }
      section.rich-media .container .right .phone-2 {
        display: none; }
    section.rich-media .blot {
      display: none; } }

@media only screen and (max-width: 576px) {
  section.rich-media .container {
    flex-direction: column; }
    section.rich-media .container .left {
      margin-bottom: 40px; }
    section.rich-media .container .right {
      justify-content: center;
      align-items: center; } }

section.get-reviews {
  padding-bottom: 60px;
  position: relative; }
  section.get-reviews .container {
    display: flex; }
    section.get-reviews .container .left {
      flex: 1.9; }
      section.get-reviews .container .left img {
        width: 100%; }
      section.get-reviews .container .left .button-group {
        padding-left: 140px;
        position: relative;
        top: -20px; }
        section.get-reviews .container .left .button-group .signup {
          margin-right: 15px; }
    section.get-reviews .container .right {
      flex: 1;
      justify-content: center;
      display: flex;
      flex-direction: column;
      padding-left: 50px; }
      section.get-reviews .container .right .title {
        font-size: 30px; }
      section.get-reviews .container .right h2 {
        font-size: 50px;
        margin: 25px 0; }
      section.get-reviews .container .right p {
        font-size: 16px;
        line-height: 25px;
        max-width: 240px;
        margin-top: 0; }
  section.get-reviews .blot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }

@media only screen and (max-width: 768px) {
  section.get-reviews {
    padding-bottom: 20px; }
    section.get-reviews .container {
      padding: 0 20px; }
      section.get-reviews .container .left {
        flex: 1.5; }
        section.get-reviews .container .left .button-group {
          padding-left: 60px; }
      section.get-reviews .container .right {
        padding-left: 30px; }
        section.get-reviews .container .right .title {
          font-size: 24px; }
        section.get-reviews .container .right h2 {
          font-size: 36px; }
    section.get-reviews .blot {
      display: none; } }

@media only screen and (max-width: 576px) {
  section.get-reviews .container {
    flex-direction: column; }
    section.get-reviews .container .left .button-group {
      padding-left: 0; }
    section.get-reviews .container .right {
      margin-top: 40px;
      padding-left: 0; } }

section.easy-fast-free {
  background: #FCF6F1;
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative; }
  section.easy-fast-free .container {
    display: flex;
    justify-content: space-around; }
    section.easy-fast-free .container > div {
      flex: 1;
      align-items: center;
      display: flex;
      flex-direction: column;
      max-width: 200px;
      position: relative;
      z-index: 1; }
      section.easy-fast-free .container > div .title {
        margin-top: 25px;
        font-weight: bold;
        font-size: 16px; }
      section.easy-fast-free .container > div .description {
        margin-top: 25px;
        font-size: 14px;
        text-align: center;
        line-height: 25px; }
  section.easy-fast-free .blot {
    position: absolute;
    right: 0;
    top: 50px; }

@media only screen and (max-width: 768px) {
  section.easy-fast-free .blot {
    display: none; } }

@media only screen and (max-width: 576px) {
  section.easy-fast-free {
    padding-top: 30px;
    padding-bottom: 30px; }
    section.easy-fast-free .container {
      padding: 0 20px;
      flex-direction: column; }
      section.easy-fast-free .container > div {
        max-width: 100%;
        margin-bottom: 30px; }
        section.easy-fast-free .container > div:last-child {
          margin-bottom: 0; } }

section.header {
  background: #FCF6F1;
  padding: 30px 0; }
  section.header .container {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    section.header .container .links {
      display: flex;
      align-items: center;
      flex: 1; }
      section.header .container .links a {
        display: block;
        margin-left: 20px;
        font-size: 14px;
        color: #2b2b2b;
        text-decoration: none;
        transition: all 0.2s; }
        section.header .container .links a:hover {
          color: #67C347; }
      section.header .container .links a.more {
        display: none; }
      section.header .container .links .login {
        margin-left: auto; }
      section.header .container .links .signup {
        margin-left: 20px; }

section.header-mobile {
  display: none; }
  section.header-mobile .container {
    padding: 15px;
    display: flex; }
    section.header-mobile .container > img {
      display: block; }
    section.header-mobile .container .burger {
      margin-left: auto;
      width: 26px;
      height: 20px;
      margin-top: auto;
      margin-bottom: auto; }

section.header-mobile-menu {
  display: none;
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 16777217;
  width: 100%;
  background: #fefefe; }
  section.header-mobile-menu .container {
    padding: 15px; }
    section.header-mobile-menu .container .links {
      display: flex;
      flex-direction: column; }
      section.header-mobile-menu .container .links a {
        margin-bottom: 15px;
        color: #000000;
        text-decoration: none; }
      section.header-mobile-menu .container .links .login {
        margin-bottom: 15px; }

@media only screen and (max-width: 1440px) {
  section.header .container {
    width: 100%; } }

@media only screen and (max-width: 1200px) {
  section.header .container .links a.more-hide {
    display: none !important; }
  section.header .container .links a.more {
    display: flex; }
  section.header .container .links .login {
    margin-left: 20px; } }

@media only screen and (max-width: 768px) {
  section.header {
    display: none; }
  section.header-mobile {
    display: flex; } }

section.main-top {
  background: #FCF6F1;
  padding-bottom: 80px; }
  section.main-top .container {
    display: flex;
    width: 100%;
    flex-direction: column-reverse; }
    section.main-top .container .left {
      margin-top: 40px;
      flex: 1;
      position: relative; }
      section.main-top .container .left .item {
        padding: 40px;
        background: #ffffff;
        position: relative;
        z-index: 1;
        padding-left: 240px;
        width: 780px; }
        section.main-top .container .left .item span {
          font-size: 30px; }
        section.main-top .container .left .item h2 {
          font-size: 50px;
          margin: 30px 0;
          margin-right: 20px;
          margin-left: 20px; }
        section.main-top .container .left .item a {
          background: #000000;
          border-radius: 2px;
          color: #fefefe;
          padding: 8px 15px;
          border: 0;
          text-decoration: none; }
      section.main-top .container .left .outline-1 {
        position: absolute;
        border: 1px solid #000000;
        width: 740px;
        height: 400px;
        left: 0;
        top: -30px; }
      section.main-top .container .left .outline-2 {
        position: absolute;
        border: 1px solid #40c100;
        width: 780px;
        height: 400px;
        left: 30px;
        top: 35px; }
    section.main-top .container .right {
      margin-top: 100px;
      flex: 1;
      padding: 0 10%; }

@media only screen and (max-width: 768px) {
  section.main-top {
    padding-top: 20px;
    padding-bottom: 20px; }
    section.main-top .container .left .item {
      width: 100%;
      padding: 40px 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.main-top .container .left .item span {
        font-size: 24px; }
      section.main-top .container .left .item h2 {
        font-size: 32px; }
    section.main-top .container .left .outline-1, section.main-top .container .left .outline-2 {
      display: none; }
    section.main-top .container .right {
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 576px) {
  section.main-top {
    padding-top: 0; }
    section.main-top .container .left {
      margin-top: 0; }
      section.main-top .container .left .item {
        flex-direction: column; }
    section.main-top .container .right {
      margin-top: 40px; } }

section.congratulation {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  background: #67C34722 url("/image/cloud.svg");
  background-repeat: no-repeat;
  background-position: 0 -100px;
  background-size: 100%;
  /*.cloud {
        position: absolute;
        top: -130px;
        left: 0;
        width: 100%;
    }*/ }
  section.congratulation .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    section.congratulation .container h2 {
      color: #67C347;
      font-size: 40px;
      line-height: 49px;
      text-align: center;
      margin-top: 450px;
      margin-bottom: 20px; }
    section.congratulation .container h4 {
      margin-top: 10px;
      font-size: 30px; }

@media only screen and (max-width: 1440px) {
  section.congratulation {
    background-position: 0 -60px; }
    section.congratulation .container h2 {
      margin-top: 250px; } }

@media only screen and (max-width: 1024px) {
  section.congratulation {
    background-position: 0 -40px; }
    section.congratulation .container h2 {
      margin-top: 150px; }
    section.congratulation .blot {
      display: none; } }

@media only screen and (max-width: 768px) {
  section.congratulation {
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 150%;
    background-position-x: 50%; }
    section.congratulation .container h2 {
      margin-top: 210px;
      font-size: 28px; }
    section.congratulation .container h4 {
      font-size: 22px; } }

@media only screen and (max-width: 576px) {
  section.congratulation {
    background-size: 200%;
    background-position-y: -40px; }
    section.congratulation .container {
      padding: 0 20px; }
      section.congratulation .container h2 {
        margin-top: 210px;
        font-size: 22px;
        line-height: 32px; }
      section.congratulation .container h4 {
        font-size: 16px; } }

@media only screen and (max-width: 320px) {
  section.congratulation {
    background-position-y: -20px; }
    section.congratulation .container h2 {
      margin-top: 110px; } }

section.step {
  padding-top: 90px;
  padding-bottom: 90px; }
  section.step .container {
    display: flex;
    align-items: center; }
    section.step .container .title {
      font-size: 30px; }
    section.step .container h2 {
      font-size: 40px; }
    section.step .container p {
      font-size: 16px;
      line-height: 25px; }
    section.step .container img {
      width: 100%; }
    section.step .container > div {
      flex: 1; }
    section.step .container .left {
      padding-right: 40px; }
    section.step .container .right {
      padding-left: 40px; }

@media only screen and (max-width: 768px) {
  section.step {
    padding-top: 40px;
    padding-bottom: 40px; }
    section.step .container {
      padding: 0 20px; }
      section.step .container .title {
        font-size: 22px; }
      section.step .container h2 {
        font-size: 32px; }
    section.step .blot {
      display: none; } }

@media only screen and (max-width: 576px) {
  section.step {
    padding-top: 0; }
    section.step .container {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start; }
      section.step .container .left {
        padding-right: 0; }
      section.step .container .right {
        padding-left: 0;
        padding-top: 20px; }
      section.step .container video {
        width: 100%; }
  section.step.first {
    padding-top: 20px; }
  section.step.reverse .container {
    flex-direction: column-reverse; } }

section.how-it-works-main {
  background: #FCF6F1;
  padding-top: 10px;
  padding-bottom: 0; }
  section.how-it-works-main .container {
    overflow: hidden; }
    section.how-it-works-main .container h1 {
      margin: 0;
      font-size: 50px;
      line-height: 61px;
      text-align: center; }
    section.how-it-works-main .container .items {
      height: 200px;
      margin-top: 80px; }
      section.how-it-works-main .container .items img {
        width: 60%;
        transition: all 0.2s; }
      section.how-it-works-main .container .items .swiper-wrapper {
        display: flex;
        align-items: center; }
      section.how-it-works-main .container .items .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.2; }
      section.how-it-works-main .container .items .swiper-slide-prev, section.how-it-works-main .container .items .swiper-slide-next {
        opacity: 1; }
        section.how-it-works-main .container .items .swiper-slide-prev img, section.how-it-works-main .container .items .swiper-slide-next img {
          width: 80%; }
      section.how-it-works-main .container .items .swiper-slide-active {
        opacity: 1;
        z-index: 5; }
        section.how-it-works-main .container .items .swiper-slide-active img {
          width: 100%; }

@media only screen and (max-width: 768px) {
  section.how-it-works-main .container h1 {
    font-size: 36px;
    line-height: 48px; } }

@media only screen and (max-width: 320px) {
  section.how-it-works-main .container {
    padding: 0 20px; }
    section.how-it-works-main .container h1 {
      font-size: 28px;
      line-height: 32px; }
    section.how-it-works-main .container .items {
      margin-top: 20px; } }

section.pricing-top {
  background: #FCF6F1;
  padding-top: 20px;
  padding-bottom: 60px; }
  section.pricing-top .container {
    padding: 0 20px;
    display: flex; }
    section.pricing-top .container .left {
      flex: 1; }
      section.pricing-top .container .left h1 {
        margin-top: 0;
        font-size: 50px;
        margin-bottom: 25px; }
      section.pricing-top .container .left p {
        font-size: 16px;
        line-height: 25px; }
      section.pricing-top .container .left b {
        font-size: 16px; }
    section.pricing-top .container .right {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      section.pricing-top .container .right a {
        display: block;
        background: #67C347;
        border-radius: 2px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center;
        width: 180px;
        padding: 10px; }

section.pricing-what-included .container {
  padding: 60px 20px 0; }
  section.pricing-what-included .container h2 {
    margin-top: 0;
    font-size: 40px; }
  section.pricing-what-included .container .list {
    display: flex; }
    section.pricing-what-included .container .list ul {
      flex: 1;
      list-style: none;
      padding: 0;
      padding-right: 40px; }
      section.pricing-what-included .container .list ul li {
        display: flex;
        align-items: center;
        margin-bottom: 15px; }
        section.pricing-what-included .container .list ul li::before {
          content: url("/image/check.svg");
          margin-right: 15px; }

section.pricing-all-free {
  padding-top: 40px;
  padding-bottom: 40px; }
  section.pricing-all-free .container {
    display: flex;
    padding: 0 20px; }
    section.pricing-all-free .container .left h1 {
      margin-top: 0;
      font-size: 44px; }
    section.pricing-all-free .container .left b {
      font-size: 16px; }
    section.pricing-all-free .container .center {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 15px; }
    section.pricing-all-free .container .right a {
      margin-top: 5px;
      display: block;
      background: #67C347;
      border-radius: 2px;
      color: #FFFFFF;
      text-decoration: none;
      text-align: center;
      width: 180px;
      padding: 10px; }

section.pricing-why-free {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative; }
  section.pricing-why-free .container {
    display: flex;
    padding: 0 20px; }
    section.pricing-why-free .container .left {
      flex: 1;
      padding-right: 60px; }
      section.pricing-why-free .container .left svg {
        width: 100%; }
    section.pricing-why-free .container .right {
      flex: 1; }
      section.pricing-why-free .container .right h1 {
        margin-top: 0;
        font-size: 40px; }
      section.pricing-why-free .container .right p {
        font-size: 16px;
        line-height: 25px; }
  section.pricing-why-free .blot {
    top: -160px;
    position: absolute;
    z-index: -1; }
  section.pricing-why-free .blot2 {
    right: 0;
    top: 160px;
    position: absolute;
    z-index: -1; }

section.pricing-few-functions {
  padding-top: 80px;
  padding-bottom: 80px; }
  section.pricing-few-functions .container {
    padding: 0 20px; }
    section.pricing-few-functions .container h3 {
      font-size: 40px;
      line-height: 49px; }
    section.pricing-few-functions .container .items {
      display: flex; }
      section.pricing-few-functions .container .items > div {
        flex: 1;
        display: flex;
        flex-direction: column;
        border: 1px solid #66C246;
        box-sizing: border-box;
        border-radius: 20px;
        padding: 20px;
        margin-right: 20px;
        position: relative; }
        section.pricing-few-functions .container .items > div .title {
          font-size: 20px; }
        section.pricing-few-functions .container .items > div .start-at {
          margin-top: 40px;
          display: block;
          font-size: 12px; }
        section.pricing-few-functions .container .items > div .price {
          margin-top: 10px;
          display: block;
          font-weight: bold;
          font-size: 30px; }
        section.pricing-few-functions .container .items > div:last-child {
          margin-right: 0; }
        section.pricing-few-functions .container .items > div:after {
          position: absolute;
          content: url("/image/check_big.svg");
          top: -25px;
          right: -21px; }

section.pricing-no-fees {
  background: #67C34722;
  padding-top: 60px;
  padding-bottom: 60px; }
  section.pricing-no-fees .container {
    padding: 0 20px; }
    section.pricing-no-fees .container .left {
      line-height: 16px; }
    section.pricing-no-fees .container .right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      section.pricing-no-fees .container .right a {
        margin-top: 5px;
        display: block;
        background: #67C347;
        border-radius: 2px;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center;
        width: 220px;
        padding: 10px; }

section.pricing-no-fees .container {
  display: flex; }
  section.pricing-no-fees .container .left, section.pricing-no-fees .container .right {
    flex: 1; }

@media only screen and (max-width: 768px) {
  section.pricing-all-free .container .center {
    width: 260px; }
    section.pricing-all-free .container .center svg {
      width: 100%; }
  section.pricing-few-functions .container .items > div {
    padding: 10px; }
    section.pricing-few-functions .container .items > div .title {
      font-size: 16px; }
    section.pricing-few-functions .container .items > div .price {
      font-size: 22px; }
    section.pricing-few-functions .container .items > div::after {
      content: url(/image/check.svg);
      top: -5px;
      right: -5px; }
  section.pricing-why-free .blot, section.pricing-why-free .blot2 {
    display: none; } }

@media only screen and (max-width: 576px) {
  section.pricing-top .container {
    flex-direction: column; }
    section.pricing-top .container .left h1 {
      font-size: 32px; }
    section.pricing-top .container .right {
      justify-content: center;
      margin-top: 40px; }
  section.pricing-what-included .container h2 {
    font-size: 32px; }
  section.pricing-what-included .container .list {
    flex-direction: column; }
  section.pricing-all-free .container {
    flex-direction: column; }
    section.pricing-all-free .container .left h1 {
      font-size: 32px; }
    section.pricing-all-free .container .center {
      display: none; }
    section.pricing-all-free .container .right {
      display: flex;
      margin-top: 40px;
      justify-content: center; }
  section.pricing-why-free {
    padding-top: 20px; }
    section.pricing-why-free .container {
      flex-direction: column; }
      section.pricing-why-free .container .left {
        display: flex;
        justify-content: center;
        padding-right: 0; }
        section.pricing-why-free .container .left svg {
          height: auto; }
      section.pricing-why-free .container .right {
        margin-top: 40px; }
        section.pricing-why-free .container .right h1 {
          font-size: 32px; }
  section.pricing-few-functions {
    padding-top: 0;
    padding-bottom: 20px; }
    section.pricing-few-functions .container h3 {
      font-size: 32px; }
    section.pricing-few-functions .container .items {
      flex-direction: column; }
      section.pricing-few-functions .container .items > div {
        margin-right: 0;
        margin-bottom: 40px;
        padding: 20px; }
  section.pricing-no-fees .container {
    flex-direction: column; }
    section.pricing-no-fees .container .left {
      line-height: 28px; }
    section.pricing-no-fees .container .right {
      margin-top: 40px;
      justify-content: center; } }

section.templates {
  padding: 15px; }
  section.templates .container {
    display: flex; }
    section.templates .container .left {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      section.templates .container .left .left-title {
        font-weight: bold;
        margin-bottom: 15px; }
      section.templates .container .left ul {
        padding: 0;
        list-style: none;
        margin: 0;
        font-weight: bold; }
        section.templates .container .left ul li {
          margin-bottom: 10px; }
          section.templates .container .left ul li a {
            cursor: pointer;
            text-decoration: none;
            color: #2b2b2b;
            padding: 3px 7px; }
        section.templates .container .left ul ul {
          margin-left: 15px;
          font-weight: normal; }
      section.templates .container .left .category-select.selected {
        background: #c4ffb9; }
    section.templates .container .right {
      flex: 1;
      margin-left: 60px; }
      section.templates .container .right .right-title {
        font-weight: bold;
        margin-bottom: 15px; }
      section.templates .container .right .template-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px; }
        section.templates .container .right .template-list .template-block {
          font-size: 14px; }
          section.templates .container .right .template-list .template-block .template-title {
            font-weight: bold;
            margin-bottom: 5px; }
          section.templates .container .right .template-list .template-block .preview-image {
            cursor: pointer;
            width: 300px;
            height: 180px;
            margin-bottom: 15px; }
          section.templates .container .right .template-list .template-block .add-to-my-bots {
            margin-top: 7px;
            padding: 7px 15px;
            background: #35bb1e;
            border: 0;
            color: #fefefe;
            border-radius: 4px; }
            section.templates .container .right .template-list .template-block .add-to-my-bots.selected {
              background: #f38f3b; }
          section.templates .container .right .template-list .template-block button {
            margin-top: 7px;
            padding: 7px 15px;
            background: #35bb1e;
            border: 0;
            color: #fefefe;
            border-radius: 4px; }
    section.templates .container #bot-preview {
      z-index: 10;
      display: none;
      position: fixed;
      right: 0;
      bottom: 0;
      width: 430px;
      height: 610px;
      background: rgba(24, 23, 24, 0.81); }
      section.templates .container #bot-preview iframe {
        width: 100%;
        height: 100%; }
      section.templates .container #bot-preview .close {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 0px;
        font-size: 27px;
        font-weight: bold;
        color: #fefefe;
        filter: drop-shadow(0px 0px 1px black); }

@media only screen and (max-width: 768px) {
  section.templates .container .right .template-list {
    grid-template-columns: 1fr 1fr; }
    section.templates .container .right .template-list .template-block {
      display: flex;
      flex-direction: column;
      align-items: center; }
      section.templates .container .right .template-list .template-block .preview-image {
        width: 275px;
        height: 170px; }
  section.templates .container #bot-preview {
    width: 100%;
    height: 100%; } }

@media only screen and (max-width: 576px) {
  section.templates .container {
    flex-direction: column; }
    section.templates .container .right {
      margin-top: 20px;
      margin-left: 0; }
      section.templates .container .right .template-list {
        grid-template-columns: 1fr; }
        section.templates .container .right .template-list .template-block {
          display: flex;
          flex-direction: column;
          align-items: center; } }

section.gmb-guguru .guguru-video {
  width: 100%;
  height: 732px;
  opacity: 0.6; }

section.gmb-header {
  padding: 15px; }
  section.gmb-header .container {
    display: flex; }
    section.gmb-header .container .right-3,
    section.gmb-header .container .left-3 {
      display: none; }
    section.gmb-header .container .left,
    section.gmb-header .container .left-2,
    section.gmb-header .container .right,
    section.gmb-header .container .right-2,
    section.gmb-header .container .left-3,
    section.gmb-header .container .right-3 {
      flex: 1; }
      section.gmb-header .container .left .title,
      section.gmb-header .container .left-2 .title,
      section.gmb-header .container .right .title,
      section.gmb-header .container .right-2 .title,
      section.gmb-header .container .left-3 .title,
      section.gmb-header .container .right-3 .title {
        font-size: 32px;
        margin-bottom: 32px;
        font-weight: 500; }
      section.gmb-header .container .left .description,
      section.gmb-header .container .left-2 .description,
      section.gmb-header .container .right .description,
      section.gmb-header .container .right-2 .description,
      section.gmb-header .container .left-3 .description,
      section.gmb-header .container .right-3 .description {
        font-size: 20px;
        line-height: 28px; }
      section.gmb-header .container .left .button-group,
      section.gmb-header .container .left-2 .button-group,
      section.gmb-header .container .right .button-group,
      section.gmb-header .container .right-2 .button-group,
      section.gmb-header .container .left-3 .button-group,
      section.gmb-header .container .right-3 .button-group {
        margin-top: 32px;
        display: flex; }
        section.gmb-header .container .left .button-group button,
        section.gmb-header .container .left-2 .button-group button,
        section.gmb-header .container .right .button-group button,
        section.gmb-header .container .right-2 .button-group button,
        section.gmb-header .container .left-3 .button-group button,
        section.gmb-header .container .right-3 .button-group button {
          background: #66c246;
          border: 0;
          border-radius: 4px;
          outline: none;
          font-size: 16px;
          padding: 15px 40px;
          color: #fefefe;
          font-weight: bold;
          margin-right: 15px; }
    section.gmb-header .container .right-2 {
      display: flex; }
    section.gmb-header .container .right-animation {
      margin-bottom: -250px; }
    section.gmb-header .container .right .animation {
      position: relative;
      width: 400px;
      margin-left: 20%;
      transform: scale(0.8);
      top: -145px; }
      section.gmb-header .container .right .animation img {
        width: 100%; }
      section.gmb-header .container .right .animation img.chat {
        position: absolute;
        top: 58px;
        width: 337px;
        left: 31px;
        transition: all 750ms;
        filter: drop-shadow(0px 0px 0px #0066cc); }
      section.gmb-header .container .right .animation img.search {
        position: absolute;
        width: 337px;
        left: 32px;
        top: 144px;
        transition: all 750ms;
        filter: drop-shadow(0px 0px 0px #0066cc); }
      section.gmb-header .container .right .animation img.message {
        position: absolute;
        width: 70px;
        left: 113px;
        top: 375px;
        transition: all 750ms;
        filter: drop-shadow(0px 0px 0px #0066cc); }

section.gmb-top-header {
  height: 4000px; }
  section.gmb-top-header .container {
    position: -webkit-sticky;
    position: sticky;
    top: 160px; }

section.gmb-video .container {
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.gmb-video .container .title {
    font-size: 32px;
    margin-bottom: 32px;
    text-align: center;
    font-weight: 500; }
  section.gmb-video .container .description {
    font-size: 20px;
    margin-bottom: 32px;
    text-align: center;
    max-width: 720px;
    line-height: 28px; }

section.gmb-form .container {
  max-width: 500px; }
  section.gmb-form .container .title {
    font-size: 32px;
    margin-bottom: 32px;
    font-weight: 500;
    text-align: center; }
  section.gmb-form .container .description {
    font-size: 20px;
    margin-bottom: 32px;
    line-height: 28px;
    text-align: center; }
  section.gmb-form .container form {
    display: flex;
    flex-direction: column; }
    section.gmb-form .container form input {
      padding: 10px;
      font-size: 16px;
      margin-bottom: 10px;
      outline: none; }
    section.gmb-form .container form button {
      background: #66c246;
      border: 0;
      border-radius: 4px;
      outline: none;
      font-size: 16px;
      padding: 15px 40px;
      color: #fefefe;
      font-weight: bold;
      margin-top: 10px; }

section.gmb-divide {
  border-bottom: 1px solid #c4c4c4;
  max-width: 80%;
  margin: 100px auto; }

@media only screen and (max-width: 1440px) {
  section.gmb-guguru .guguru-video {
    height: 540px; } }

@media only screen and (max-width: 768px) {
  section.gmb-guguru .guguru-video {
    height: 432px; }
  section.gmb-header .container .right-animation {
    margin-bottom: -190px; }
  section.gmb-header .container .right .animation {
    margin-left: auto;
    top: -55px; } }

@media only screen and (max-width: 576px) {
  section.gmb-guguru .guguru-video {
    height: 240px; }
  section.gmb-top-header {
    height: auto; }
    section.gmb-top-header .container {
      position: initial; }
  section.gmb-form .container {
    padding: 0 20px; }
  section.gmb-divide {
    margin-top: 50px;
    margin-bottom: 50px; }
  section.gmb-header .container {
    flex-direction: column; }
    section.gmb-header .container .left .button-group,
    section.gmb-header .container .right .button-group {
      flex-direction: column; }
      section.gmb-header .container .left .button-group button,
      section.gmb-header .container .right .button-group button {
        flex: 1;
        margin-bottom: 10px;
        margin-right: 0; }
    section.gmb-header .container .right-animation {
      margin-bottom: -120px; }
    section.gmb-header .container .right .animation {
      top: -35px; }
    section.gmb-header .container .right-2 {
      display: none; }
    section.gmb-header .container .left-2 {
      display: none; }
    section.gmb-header .container .right-3,
    section.gmb-header .container .left-3 {
      display: flex; } }

@media only screen and (max-width: 376px) {
  section.gmb-guguru .guguru-video {
    height: 182px; }
  section.gmb-header .container .right .animation {
    margin-left: -27px !important; } }

@media only screen and (max-width: 321px) {
  section.gmb-header .container .right {
    margin-bottom: -220px; }
    section.gmb-header .container .right .animation {
      top: -80px;
      transform: scale(0.7);
      margin-left: -54px !important; }
  section.gmb-second .container .right img {
    max-width: 260px !important;
    margin-bottom: 130px; }
  section.gmb-third .container .left-2 img,
  section.gmb-third .container .left-3 img {
    max-width: 260px !important;
    margin-bottom: 130px; } }

* {
  box-sizing: border-box; }

body {
  padding: 0;
  margin: 0;
  font-family: Montserrat, sans-serif;
  overflow-x: hidden; }

.container {
  width: 1300px;
  margin-left: auto;
  margin-right: auto; }

button {
  cursor: pointer;
  transition: opacity, 0.2s; }
  button:hover {
    opacity: 0.8; }
  button:active {
    position: relative;
    opacity: 0.7;
    top: 1px; }

button.login, a.login {
  border: 1px solid #67C347;
  border-radius: 2px;
  font-weight: bold;
  outline: none;
  padding: 8px 16px;
  background: none;
  color: #000000 !important;
  text-decoration: none;
  text-align: center; }

button.signup, a.signup {
  border: 1px solid #000000;
  border-radius: 2px;
  font-weight: bold;
  outline: none;
  padding: 8px 23px;
  color: #fefefe !important;
  background: #000000;
  text-decoration: none;
  text-align: center; }

#cookie {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 16777218;
  background: #000000cf;
  color: #fefefe;
  padding: 10px;
  font-size: 14px; }
  #cookie button {
    border: 0;
    background: none;
    color: #fefefe;
    font-weight: bold;
    font-size: 16px; }
  #cookie .decline {
    opacity: 0.6 !important; }

.article {
  display: flex;
  flex-direction: column; }
  .article .article-body p {
    margin-top: 5px;
    margin-bottom: 5px; }
  .article .article-body img {
    max-width: 100%;
    height: auto; }
  .article .article-date {
    margin-top: 15px; }
  .article .remove-article {
    cursor: pointer;
    display: block;
    margin-top: 20px;
    font-weight: bold;
    color: #ff0000;
    align-self: flex-end; }

.admin-add-form input, .admin-add-form select {
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
  width: 100%; }

.article-list .container {
  margin-top: 40px; }
  .article-list .container .category-list {
    display: flex;
    flex-wrap: wrap; }
    .article-list .container .category-list .item {
      margin-bottom: 10px;
      display: flex;
      flex: 1; }
      .article-list .container .category-list .item a {
        font-size: 18px;
        text-decoration: none;
        color: #000000; }
      .article-list .container .category-list .item a:hover {
        text-decoration: underline; }
    .article-list .container .category-list > div {
      width: 33.3%;
      padding-right: 40px;
      border-right: 1px solid #ece8e8;
      padding-left: 40px;
      padding-bottom: 20px;
      /*&:last-child {
                    border-right: 0;
                }*/ }
      .article-list .container .category-list > div > h1 {
        font-size: 32px;
        text-transform: capitalize; }
  .article-list .container .category-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px; }
    .article-list .container .category-grid > div {
      width: 100%;
      box-shadow: 0 0 10px 2px #00000030;
      border-radius: 8px;
      overflow: hidden; }
      .article-list .container .category-grid > div img {
        width: 100%;
        display: block; }
      .article-list .container .category-grid > div a.link {
        text-decoration: none;
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #333333; }
      .article-list .container .category-grid > div .text {
        padding: 20px; }

@media only screen and (max-width: 1440px) {
  .container {
    width: 960px; } }

@media only screen and (max-width: 768px) {
  .container {
    width: 100%; }
  .article-list .container .category-list > div {
    width: 50%; }
  .article-list .container .category-grid {
    grid-template-columns: 1fr 1fr; } }

@media only screen and (max-width: 576px) {
  .article-list .container {
    padding: 0 20px; }
    .article-list .container .category-list > div {
      width: 100%;
      margin-bottom: 20px; }
    .article-list .container .category-grid {
      grid-template-columns: 1fr; } }

/* montserrat-100normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: local("Montserrat Thin "), local("Montserrat-Thin"), url(fonts/montserrat-latin-100.woff2) format("woff2"), url(fonts/montserrat-latin-100.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 100;
  src: local("Montserrat Thin italic"), local("Montserrat-Thinitalic"), url(fonts/montserrat-latin-100italic.woff2) format("woff2"), url(fonts/montserrat-latin-100italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-200normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: local("Montserrat Extra Light "), local("Montserrat-Extra Light"), url(fonts/montserrat-latin-200.woff2) format("woff2"), url(fonts/montserrat-latin-200.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 200;
  src: local("Montserrat Extra Light italic"), local("Montserrat-Extra Lightitalic"), url(fonts/montserrat-latin-200italic.woff2) format("woff2"), url(fonts/montserrat-latin-200italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-300normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: local("Montserrat Light "), local("Montserrat-Light"), url(fonts/montserrat-latin-300.woff2) format("woff2"), url(fonts/montserrat-latin-300.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: local("Montserrat Light italic"), local("Montserrat-Lightitalic"), url(fonts/montserrat-latin-300italic.woff2) format("woff2"), url(fonts/montserrat-latin-300italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-400normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Montserrat Regular "), local("Montserrat-Regular"), url(fonts/montserrat-latin-400.woff2) format("woff2"), url(fonts/montserrat-latin-400.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-400italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: local("Montserrat Regular italic"), local("Montserrat-Regularitalic"), url(fonts/montserrat-latin-400italic.woff2) format("woff2"), url(fonts/montserrat-latin-400italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-500normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: local("Montserrat Medium "), local("Montserrat-Medium"), url(fonts/montserrat-latin-500.woff2) format("woff2"), url(fonts/montserrat-latin-500.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: local("Montserrat Medium italic"), local("Montserrat-Mediumitalic"), url(fonts/montserrat-latin-500italic.woff2) format("woff2"), url(fonts/montserrat-latin-500italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-600normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Montserrat SemiBold "), local("Montserrat-SemiBold"), url(fonts/montserrat-latin-600.woff2) format("woff2"), url(fonts/montserrat-latin-600.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: local("Montserrat SemiBold italic"), local("Montserrat-SemiBolditalic"), url(fonts/montserrat-latin-600italic.woff2) format("woff2"), url(fonts/montserrat-latin-600italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-700normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Montserrat Bold "), local("Montserrat-Bold"), url(fonts/montserrat-latin-700.woff2) format("woff2"), url(fonts/montserrat-latin-700.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: local("Montserrat Bold italic"), local("Montserrat-Bolditalic"), url(fonts/montserrat-latin-700italic.woff2) format("woff2"), url(fonts/montserrat-latin-700italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-800normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: local("Montserrat ExtraBold "), local("Montserrat-ExtraBold"), url(fonts/montserrat-latin-800.woff2) format("woff2"), url(fonts/montserrat-latin-800.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: local("Montserrat ExtraBold italic"), local("Montserrat-ExtraBolditalic"), url(fonts/montserrat-latin-800italic.woff2) format("woff2"), url(fonts/montserrat-latin-800italic.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-900normal - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: local("Montserrat Black "), local("Montserrat-Black"), url(fonts/montserrat-latin-900.woff2) format("woff2"), url(fonts/montserrat-latin-900.woff) format("woff");
  /* Modern Browsers */ }

/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: local("Montserrat Black italic"), local("Montserrat-Blackitalic"), url(fonts/montserrat-latin-900italic.woff2) format("woff2"), url(fonts/montserrat-latin-900italic.woff) format("woff");
  /* Modern Browsers */ }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0); }

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1); }

[data-aos=zoom-in] {
  transform: scale(0.6); }

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] {
  transform: scale(1.2); }

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0); }

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform; }

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0); }


/*# sourceMappingURL=main.css.map*/