html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

.header {
  height: 35px;
  padding-top: 8px;
  border-bottom: #f2f2f2 1px solid;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%; }
  @media only screen and (max-width: 799px) {
    .header {
      background-color: #fff; } }
  @media only screen and (min-width: 800px) {
    .header {
      width: 800px; } }
  @media only screen and (min-width: 540px) {
    .header {
      justify-content: flex-start;
      height: 67px;
      padding-top: 0;
      align-items: center; } }
  .header div {
    height: 25px;
    display: flex;
    align-items: center; }
  .header .logo {
    display: flex;
    margin-left: 30%; }
    .header .logo img {
      height: 36px; }
      @media only screen and (min-width: 540px) {
        .header .logo img {
          height: 45px; } }
    @media only screen and (min-width: 540px) and (max-width: 799px) {
      .header .logo {
        margin-left: 20px;
        margin-right: 20px; } }
    @media only screen and (min-width: 800px) {
      .header .logo {
        margin-left: 0;
        margin-right: 35px; } }
  .header .search {
    margin-right: 20px; }
    @media only screen and (min-width: 540px) {
      .header .search {
        flex: 1; } }
    @media only screen and (min-width: 800px) {
      .header .search {
        margin-right: 0px; } }
    .header .search img {
      stroke-width: 2;
      max-height: 16px;
      width: 16px; }
    .header .search .icon {
      background-size: contain;
      height: 16px;
      width: 16px; }
      @media only screen and (min-width: 540px) {
        .header .search .icon {
          display: none; } }
      .header .search .icon svg {
        color: #333; }
    .header .search-input {
      display: flex;
      flex: 1;
      height: 30px;
      border-radius: 0;
      border: 1px solid #cacaca;
      font-size: 17px;
      font-weight: 300;
      text-indent: 11px; }
      @media only screen and (max-width: 539px) {
        .header .search-input {
          display: none; } }
    .header .search-button {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30px;
      width: 60px;
      border-radius: 0;
      border: none;
      background-color: #567dbf;
      color: #fff; }
      .header .search-button svg {
        height: 16px;
        width: 16px; }
      @media only screen and (max-width: 539px) {
        .header .search-button {
          display: none; } }

.app {
  display: flex;
  flex-direction: column;
  margin-top: 17px;
  margin-left: 20px;
  margin-bottom: 24px;
  line-height: 1; }
  .app .app-info {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px; }
    .app .app-info .app-info-logo {
      display: flex;
      margin-right: 12px; }
      .app .app-info .app-info-logo img {
        height: 118px;
        width: 118px;
        border-radius: 20px; }
        @media only screen and (min-width: 800px) {
          .app .app-info .app-info-logo img {
            height: 139px;
            width: 139px;
            margin-right: 24px; } }
    .app .app-info .app-info-info {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media only screen and (min-width: 540px) {
        .app .app-info .app-info-info {
          flex: 1; } }
      .app .app-info .app-info-info .app-info-name {
        color: #212121;
        font-weight: 300;
        font-size: 22px;
        line-height: 24px;
        margin-top: 3px; }
        @media only screen and (min-width: 800px) {
          .app .app-info .app-info-info .app-info-name {
            font-size: 30px; } }
      .app .app-info .app-info-info .app-info-company {
        color: #33691e;
        font-size: 13px;
        font-weight: 700; }
      .app .app-info .app-info-info .app-info-age {
        display: flex; }
        .app .app-info .app-info-info .app-info-age img {
          height: 14px; }
  .app .purchases {
    display: flex;
    color: #3b3a39;
    font-size: 13px;
    letter-spacing: -.4px;
    margin-bottom: 15px; }
    .app .purchases.large {
      margin: 0; }
  .app .install-button {
    background-color: #689f38;
    color: #FFFFFF;
    height: 36px;
    border-radius: 4px;
    border: 0px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px; }
    .app .install-button p {
      margin: 0 15px; }
  .app .wish-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
    .app .wish-list .wish-list-icon {
      height: 18px;
      width: 14px;
      margin-right: 8px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABX0lEQVR4AWJABqHd+nBsnAkong40G4aiMADLTWC79N7EYFCg6FPsFfYC2wvsSYY+SekzbK+ybgVZWRLEdLI//OE47Dq2WMMnevKfc+qmXWYmJHunKzXcpRvsPakGDxFCCjPeNBxBx/sd1NBaMHsvZ+hrfJAxcAEvMECjBnUkaw2ze7jkjCy1IMIHG5fqqPxIHg0zDXuiZUEQ3zxMDeQpU/mWPcG6oKUoXvoC3mgh6lHkzQt0A4+CdR5dIm9a0IGnV+jhRD1rnrp/X3D+I6KgXvKe+JJnWoC7o5LcaM4FBeTiW+dQzLGgQk0+ux6pWvWXBZG1NWzgnTaw/tUfTTQ0cAtb+IQBvmhgbctMw55oWVBCzSEn3nvYwQ3tWJOZGkrrgiObDvAIq6lR5FZ8dmD2aF1wBc/woP4HDnJyoh6YfYLqxwX6Jyg+F3KgXJjK6UsvydiQyaEyl8omh2uJy9T3Dfyj+4EPdaDZAAAAAElFTkSuQmCC) no-repeat center; }
    .app .wish-list .wish-list-text p {
      font-weight: 400;
      font-size: 13px;
      color: #33691e; }
  .app .install-large {
    display: flex;
    flex-direction: column-reverse;
    margin-right: 25px; }
    .app .install-large button {
      margin-bottom: 0; }
  @media only screen and (min-width: 540px) {
    .app .small {
      display: none; } }
  @media only screen and (max-width: 539px) {
    .app .large {
      display: none; } }

.main-info {
  font-size: 14px;
  font-weight: 300;
  border-bottom: #f2f2f2 1px solid; }
  @media only screen and (min-width: 800px) {
    .main-info {
      margin: 0 25px; } }
  .main-info.collapsed .main-info-container {
    max-height: 180px;
    overflow: hidden; }
  .main-info.collapsed .main-info-gradient {
    opacity: 1; }
  @media only screen and (min-width: 540px) {
    .main-info .main-info-container {
      margin: 0 20px; } }
  @media only screen and (min-width: 800px) {
    .main-info .main-info-container {
      margin: 0 25px; } }
  .main-info-gradient {
    opacity: 0;
    display: flex;
    width: 100%;
    height: 50px;
    margin-top: -28px;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 10%, white 100%); }
  .main-info .title {
    margin-left: 19px;
    font-weight: 500;
    margin-top: 28px; }
  .main-info .text {
    margin-left: 19px;
    margin-right: 25px;
    line-height: 1.79; }
  .main-info .description-title, .main-info .instructions-title {
    margin-bottom: 28px; }
  .main-info .follow-us-link a:link, .main-info .follow-us-link a:visited {
    color: #33691e;
    text-decoration: none; }
  .main-info .tags-text {
    color: #33691e; }
  .main-info .description-read-more {
    display: flex;
    margin-bottom: 30px;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #33691e; }

.reviews {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 400;
  margin-top: 21px;
  margin-bottom: 43px; }
  @media only screen and (min-width: 540px) {
    .reviews {
      margin-left: 15px;
      margin-right: 50px; } }
  @media only screen and (min-width: 800px) {
    .reviews {
      margin-left: 25px;
      margin-right: 150px; } }
  .reviews .reviews-title {
    margin-right: 26px;
    margin-left: 20px;
    margin-bottom: 26px; }
  .reviews .reviews-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start; }
    .reviews .reviews-content .reviews-mark {
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      margin-left: 32px;
      margin-right: 29px; }
      .reviews .reviews-content .reviews-mark .reviews-mark-number {
        font-size: 46.5px;
        line-height: 1.1;
        font-weight: 100;
        margin-bottom: 6px; }
      .reviews .reviews-content .reviews-mark .reviews-mark-stars {
        display: flex;
        flex-direction: row;
        margin-bottom: 10px; }
        .reviews .reviews-content .reviews-mark .reviews-mark-stars .star {
          margin: 0 3px;
          display: flex;
          width: 12px;
          height: 12px; }
        .reviews .reviews-content .reviews-mark .reviews-mark-stars .star-in {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAACNklEQVR4Ac2YA6wcURRAp7ZtxnUaFUFt27bb9W5tm0HtNk5t225Y28b03Lr9f30XLzkfj2fvvH0YQytZLJYORjwlhMoNGzbsncPhyBE3UkOHDl0JJmKeuBByuVz5EPr4U+reyJEjU8ZDlCaA+RftYypEVNIi8eRvKaJ1KtZR6gPm/zDxK8dEyDTNJETlemJS5G+OiRQD1xcBL3ymvEgspPb4kJJHOD3ai2UZGdgPL6xWa4ZoRmm5Xymg3oBIfvWTE53cNputtMwl+BCg1E273V4cikJh2hdksS0A+ZxOZx7IRZ2c9J8dskJmyGgQ4vIUNKSTHuCG2fy/DvbAJXhM3lcwowEffqDMjxoM/FIyYsxXXPoav5I8FjJvx1KIwPRMbGMtQMGFaAsx5hci1MXwlohYJirujLKQ/8PhokWLUlB5WRSkZNVvE+xaNDqCEfoELUJdJLvCJ2Wpj9DECCcxz2pqLRmy6LIuNlDb62RSKiyMdkMryZagFKlpalLyCJWkdmmeCixKk/yJptQKFSmQnUNL6pziKaBe2EKywv+6bCrh1ohSqQAm8BtYB58CqLtRQ6qdn4F2ysnyZ90SsN/faVRDarKXzp9CZ2+vhahz39vZKewLBZ1sTURovZyv/axtmag3R04DiUz2iuFG6t5fHd4Odu/i0Zal3ZH/pPqGLCQvwf46Py+Qm0YYV/yu9PMITFgSshRRqUpnV7VeWMg1CqFF9Hk05E7krjZ79uxUhnJivpX0Vf4Ns6tUu6gP64EAAAAASUVORK5CYII=) no-repeat left;
          height: 12px;
          width: 50%;
          background-size: cover; }
        .reviews .reviews-content .reviews-mark .reviews-mark-stars .star-last {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAACP0lEQVR4AWKgFrh9+3Yhw2ACd+8CmjEHYEuCGIqubdu2bdu2bdu2t7zFtW2rrG89Fda2Zk9/W5PBq7rVL4PM6XSSQXALf3//36i4baACAgLOAKShzXYBKof+hkO99Xg8We0AtVcBRQh7stW5lBuQz7GgfDRNS2tllBYokNiiEjtbAkQ0MgDlig8KXbMEKigoaHACQBqw/xwORxUrlu65AkgE7LDZUWqWGFA41FfaQz4zo3QqKajwhF9iVEKnJz+KhISE1AKmIxcaz/gnOVAc51FR5Zwm2I1oIQ2w62PXxa6NXRO7BnY1lYPYlVQzVrPuyAETGVegffw/zngPefP/tUpaRs0MqckCODyNmgHGS0bNYv1GQ2Lcv/z5WQj0iwgNiJM7qlLY+dgCoJ/kVZ8Ek5pky0LUTpqYQz9Qj+RUW1pCucMEoO9EqEuKWgEnzlDPSQYBfUMdU/vc3Vt1ZmGoL0Sora7mGd4yXgkBfcZXK6k3lfISS4mfeZI34JJCubRX8gbcXQjqgRgUDpcKQX2QjNQxqepzOp1lpaC8paDULUWi8jJHPD8JaY0EVL1kXOgNx+1n/JKMY89LLN2YJJL3GEAFI1oH9pkkoJwSlbcrARg36p5AX+vCvsCEwBwORx69ULdjv9MxHnj9+nXOZOTiSvQtns7eWu/yvYoG5KNeBFJyvmoBnHcp1sRmpxoIh0UjHlfRWk3TMukomJ74cIRDHdFTeZ1x8IyxukS/U9+u8Lde+dQVKaKTzoBPSKUS2/8fZPIwJNWdv7gAAAAASUVORK5CYII=) no-repeat left;
          background-size: contain; }
        .reviews .reviews-content .reviews-mark .reviews-mark-stars .star-solid {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAACNklEQVR4Ac2YA6wcURRAp7ZtxnUaFUFt27bb9W5tm0HtNk5t225Y28b03Lr9f30XLzkfj2fvvH0YQytZLJYORjwlhMoNGzbsncPhyBE3UkOHDl0JJmKeuBByuVz5EPr4U+reyJEjU8ZDlCaA+RftYypEVNIi8eRvKaJ1KtZR6gPm/zDxK8dEyDTNJETlemJS5G+OiRQD1xcBL3ymvEgspPb4kJJHOD3ai2UZGdgPL6xWa4ZoRmm5Xymg3oBIfvWTE53cNputtMwl+BCg1E273V4cikJh2hdksS0A+ZxOZx7IRZ2c9J8dskJmyGgQ4vIUNKSTHuCG2fy/DvbAJXhM3lcwowEffqDMjxoM/FIyYsxXXPoav5I8FjJvx1KIwPRMbGMtQMGFaAsx5hci1MXwlohYJirujLKQ/8PhokWLUlB5WRSkZNVvE+xaNDqCEfoELUJdJLvCJ2Wpj9DECCcxz2pqLRmy6LIuNlDb62RSKiyMdkMryZagFKlpalLyCJWkdmmeCixKk/yJptQKFSmQnUNL6pziKaBe2EKywv+6bCrh1ohSqQAm8BtYB58CqLtRQ6qdn4F2ysnyZ90SsN/faVRDarKXzp9CZ2+vhahz39vZKewLBZ1sTURovZyv/axtmag3R04DiUz2iuFG6t5fHd4Odu/i0Zal3ZH/pPqGLCQvwf46Py+Qm0YYV/yu9PMITFgSshRRqUpnV7VeWMg1CqFF9Hk05E7krjZ79uxUhnJivpX0Vf4Ns6tUu6gP64EAAAAASUVORK5CYII=) no-repeat left;
          background-size: contain; }
      .reviews .reviews-content .reviews-mark .reviews-mark-total {
        display: flex;
        flex-direction: row; }
        .reviews .reviews-content .reviews-mark .reviews-mark-total-label, .reviews .reviews-content .reviews-mark .reviews-mark-total-number {
          display: flex;
          font-size: 11px;
          font-weight: 300; }
        .reviews .reviews-content .reviews-mark .reviews-mark-total .reviews-mark-total-icon {
          display: flex;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAArElEQVR4Ae3WsRGDIABG4TiGpQPYuIYbMIQtbQawdQ/n4BzBGRyA5s8raD3uUMIlUnyl+DgFeEkq6jcDakANsNYaOPjAwXwlgBct0Ikla0CYuSJMzgAHRbicAR6K8GiKBxT9BMV/wqLL8A83onhM86yzgBm3GDHhHUwY0WYJYOAeM3YoYseM/nIAg3RYoUQruqQAHhxwQBcdGFICNugmW0qA7lQD6q34TA2oAR/qUVJdINOUTwAAAABJRU5ErkJggg==) no-repeat center;
          background-size: contain;
          width: 12px; }
    .reviews .reviews-content .reviews-marks-distribution {
      display: flex;
      flex-direction: column;
      justify-content: start;
      margin-right: 36px;
      flex: 1; }
      .reviews .reviews-content .reviews-marks-distribution .reviews-marks-distribution-item {
        height: 15px;
        display: flex;
        flex-direction: row;
        margin-bottom: 3px; }
      .reviews .reviews-content .reviews-marks-distribution .distribution-number {
        color: #737373;
        font-size: 9.5px;
        font-weight: 300;
        margin-right: 6px; }
      .reviews .reviews-content .reviews-marks-distribution .distribution-bar {
        display: flex;
        height: 15px; }
      .reviews .reviews-content .reviews-marks-distribution .item-1 .distribution-bar {
        background-color: #57bb8a;
        flex: 0 0 100%; }
      .reviews .reviews-content .reviews-marks-distribution .item-2 .distribution-bar {
        background-color: #9ace6a;
        width: 33%; }

.comments {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  line-height: 1;
  border-bottom: #f2f2f2 1px solid; }
  @media only screen and (min-width: 800px) {
    .comments {
      margin-right: 25px;
      margin-left: 25px; } }
  .comments .comment {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 1;
    margin-bottom: 30px; }
    @media only screen and (min-width: 540px) {
      .comments .comment {
        margin-right: 25px;
        margin-left: 25px; } }
  .comments .comment-picture {
    margin-left: 20px;
    margin-right: 9px; }
    .comments .comment-picture img {
      width: 47px;
      height: 47px;
      border-radius: 50%; }
  .comments .comment-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .comments .comment-body-info {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 16px; }
      .comments .comment-body-info-user {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        .comments .comment-body-info-user-name {
          font-size: 13px;
          font-weight: 500;
          margin-bottom: 14px; }
        .comments .comment-body-info-user-mark {
          display: flex;
          flex-direction: row;
          justify-content: flex-start; }
          .comments .comment-body-info-user-mark-date {
            font-size: 12px;
            font-weight: 300;
            margin-left: 4px; }
          .comments .comment-body-info-user-mark-stars {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center; }
            .comments .comment-body-info-user-mark-stars .comment-star {
              display: flex;
              width: 9px;
              height: 8px;
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAACNklEQVR4Ac2YA6wcURRAp7ZtxnUaFUFt27bb9W5tm0HtNk5t225Y28b03Lr9f30XLzkfj2fvvH0YQytZLJYORjwlhMoNGzbsncPhyBE3UkOHDl0JJmKeuBByuVz5EPr4U+reyJEjU8ZDlCaA+RftYypEVNIi8eRvKaJ1KtZR6gPm/zDxK8dEyDTNJETlemJS5G+OiRQD1xcBL3ymvEgspPb4kJJHOD3ai2UZGdgPL6xWa4ZoRmm5Xymg3oBIfvWTE53cNputtMwl+BCg1E273V4cikJh2hdksS0A+ZxOZx7IRZ2c9J8dskJmyGgQ4vIUNKSTHuCG2fy/DvbAJXhM3lcwowEffqDMjxoM/FIyYsxXXPoav5I8FjJvx1KIwPRMbGMtQMGFaAsx5hci1MXwlohYJirujLKQ/8PhokWLUlB5WRSkZNVvE+xaNDqCEfoELUJdJLvCJ2Wpj9DECCcxz2pqLRmy6LIuNlDb62RSKiyMdkMryZagFKlpalLyCJWkdmmeCixKk/yJptQKFSmQnUNL6pziKaBe2EKywv+6bCrh1ohSqQAm8BtYB58CqLtRQ6qdn4F2ysnyZ90SsN/faVRDarKXzp9CZ2+vhahz39vZKewLBZ1sTURovZyv/axtmag3R04DiUz2iuFG6t5fHd4Odu/i0Zal3ZH/pPqGLCQvwf46Py+Qm0YYV/yu9PMITFgSshRRqUpnV7VeWMg1CqFF9Hk05E7krjZ79uxUhnJivpX0Vf4Ns6tUu6gP64EAAAAASUVORK5CYII=) no-repeat center;
              background-size: contain;
              margin-right: 4px; }
      .comments .comment-body-info-like {
        display: flex;
        flex-direction: column;
        justify-items: flex-start;
        align-items: center;
        margin-bottom: 7px;
        margin-right: 18px; }
        .comments .comment-body-info-like-icon {
          width: 24px;
          height: 24px; }
          .comments .comment-body-info-like-icon svg {
            width: 24px;
            height: 24px;
            color: #757575; }
        .comments .comment-body-info-like-number {
          font-size: 10px;
          font-weight: 300; }
    .comments .comment-body-text {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.79;
      margin-right: 30px; }
    .comments .comment-body-reply {
      margin-right: 18px; }
      .comments .comment-body-reply-triangle {
        width: 28px;
        height: 14px; }
        .comments .comment-body-reply-triangle svg {
          color: #f2f2f2; }
      .comments .comment-body-reply-container {
        background-color: #f2f2f2;
        padding: 12px 0 12px 12px; }
      .comments .comment-body-reply-company-name {
        font-size: 14px;
        font-weight: 500;
        margin-right: 10px; }
      .comments .comment-body-reply-company-date {
        font-size: 12px;
        font-weight: 300; }
      .comments .comment-body-reply-text {
        font-size: 14px;
        font-weight: 300;
        line-height: 1.79;
        margin-right: 30px; }

.additional-info {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
  line-height: 1; }
  @media only screen and (min-width: 800px) {
    .additional-info {
      margin-left: 25px;
      margin-right: 25px; } }
  .additional-info-title {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400; }
  .additional-info-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px; }
    @media only screen and (min-width: 540px) {
      .additional-info-items {
        justify-content: flex-start;
        margin-right: 75px;
        column-gap: 60px; } }
    @media only screen and (min-width: 800px) {
      .additional-info-items {
        margin-right: 175px;
        column-gap: 80px; } }
    .additional-info-items .additional-info-item-title {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 14px; }
    .additional-info-items .additional-info-item-text {
      font-size: 14px;
      font-weight: 300; }

.footer {
  display: flex;
  background-color: #f2f2f2;
  font-size: 12px;
  line-height: 2.33;
  font-weight: 400;
  color: #555;
  width: 100%; }
  @media only screen and (min-width: 800px) {
    .footer {
      width: 800px; } }
  .footer .footer-content {
    margin: 18px 10px 27px 19px; }
    @media only screen and (min-width: 800px) {
      .footer .footer-content {
        margin-right: 92px; } }
    .footer .footer-content a {
      color: #15c; }

.carousel {
  display: flex;
  flex-direction: row;
  margin: 0 16px 2px 16px;
  overflow: hidden;
  position: relative; }
  .carousel .carousel-items-wrapper {
    width: 6600px;
    margin-left: 21px;
    display: inline-flex;
    transition: transform .6s ease-in-out; }
    @media only screen and (min-width: 800px) {
      .carousel .carousel-items-wrapper {
        margin-left: 25px; } }
  .carousel .carousel-arrow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 21px;
    background-color: #fff;
    z-index: 100; }
    @media only screen and (min-width: 800px) {
      .carousel .carousel-arrow {
        width: 25px; } }
    .carousel .carousel-arrow svg {
      color: #cacaca; }
  .carousel .right-arrow {
    right: 0; }
  .carousel .carousel-container .carousel-item {
    display: inline-block;
    width: 280px;
    height: 156px; }
    .carousel .carousel-container .carousel-item #video-player {
      width: 100%;
      height: 100%; }
    @media only screen and (min-width: 420px) {
      .carousel .carousel-container .carousel-item {
        width: 350px;
        height: 195px; } }
    @media only screen and (min-width: 540px) {
      .carousel .carousel-container .carousel-item {
        width: 450px;
        height: 250px; } }
    @media only screen and (min-width: 800px) {
      .carousel .carousel-container .carousel-item {
        width: 576px;
        height: 320px; } }
    .carousel .carousel-container .carousel-item img {
      height: 156px; }
      @media only screen and (min-width: 420px) {
        .carousel .carousel-container .carousel-item img {
          height: 195px; } }
      @media only screen and (min-width: 540px) {
        .carousel .carousel-container .carousel-item img {
          height: 250px; } }
      @media only screen and (min-width: 800px) {
        .carousel .carousel-container .carousel-item img {
          height: 320px; } }

body {
  background-color: #f2f2f2;
  color: #333;
  font-family: 'Roboto', sans-serif !important;
  height: 100%;
  margin: 0;
  width: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: none !important; }

p {
  margin: 0; }

.text-green {
  color: #33691e; }

.main {
  display: flex;
  flex-direction: column;
  align-items: center; }

.content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%; }
  @media only screen and (min-width: 800px) {
    .content {
      width: 800px;
      box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
      margin-bottom: 5px; } }