:root {
      --init-template-columns: 60% 40%;
      --main-column: 1 / span 1;
      --full-line-column: 1 / span 2;
      --main-padding: 0 0 0 10px;
    }

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
      .main {
        width: 60%;
        padding: 0 !important;
      }

      .links {
        display: none;
      }

      .text-box-list {
        width: 40%;
      }

      .right-text {
        width: auto;
      }
    }

    .init {
      font-family: 'Open Sans';
    }

    :root {
      --searchBox-paddingTop: 1px;
      --menu-mouseover-color: #ff5b00;
    }

    .article-title {
      font-size: 26px;
      color: #ff5b00;
    }

    .gallery input[type=radio] {
      visibility: hidden;
      margin: 0;
      padding: 0;
      height: 0;
      width: 0;
      position: absolute;
    }

    .gallery-image {
      position: absolute;
      width: 100%;
      height: 90%;
      opacity: 0;
      text-align: center;
      top: 0;
      background-color: white
    }

    .gallery-body .gallery-image img {
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 10%;
    }

    .gallery {
      margin-top: 10%;
    }

    .gallery-body {
      height: 500px;
      position: relative;
    }

    .gallery-body img {
      max-width: 90%;
      max-height: 90%;
    }

    .gallery-navigation {
      position: relative;
      bottom: 10%;
    }

    .gallery label {
      display: inline-block;
    }

    .gallery>.inputlabel:nth-child(1):checked~.gallery-body .gallery-image:nth-child(1),
    .gallery>.inputlabel:nth-child(2):checked~.gallery-body .gallery-image:nth-child(2),
    .gallery>.inputlabel:nth-child(3):checked~.gallery-body .gallery-image:nth-child(3),
    .gallery>.inputlabel:nth-child(4):checked~.gallery-body .gallery-image:nth-child(4),
    .gallery>.inputlabel:nth-child(5):checked~.gallery-body .gallery-image:nth-child(5),
    .gallery>.inputlabel:nth-child(6):checked~.gallery-body .gallery-image:nth-child(6),
    .gallery>.inputlabel:nth-child(7):checked~.gallery-body .gallery-image:nth-child(7),
    .gallery>.inputlabel:nth-child(8):checked~.gallery-body .gallery-image:nth-child(8),
    .gallery>.inputlabel:nth-child(9):checked~.gallery-body .gallery-image:nth-child(9),
    .gallery>.inputlabel:nth-child(10):checked~.gallery-body .gallery-image:nth-child(10) {
      z-index: 9;
      opacity: 1;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
    }

    .gallery-image {
      animation-timing-function: ease;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease;
      -webkit-animation-iteration-count: infinite;
      animation-duration: 40s;
      -webkit-animation-duration: 40s;
      animation-name: gallary-animation;
      -webkit-animation-name: gallary-animation;
    }

    .inputlabel:checked~.gallery-body .gallery-image {
      animation: none;
      -webkit-animation: none;
    }

    .gallery-image:nth-child(1) {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
    }

    .gallery-image:nth-child(2) {
      animation-delay: 4s;
      -webkit-animation-delay: 4s;
    }

    .gallery-image:nth-child(3) {
      animation-delay: 8s;
      -webkit-animation-delay: 8s;
    }

    .gallery-image:nth-child(4) {
      animation-delay: 12s;
      -webkit-animation-delay: 12s;
    }

    .gallery-image:nth-child(5) {
      animation-delay: 16s;
      -webkit-animation-delay: 16s;
    }

    .gallery-image:nth-child(6) {
      animation-delay: 20s;
      -webkit-animation-delay: 20s;
    }

    .gallery-image:nth-child(7) {
      animation-delay: 24s;
      -webkit-animation-delay: 24s;
    }

    .gallery-image:nth-child(8) {
      animation-delay: 28s;
      -webkit-animation-delay: 28s;
    }

    .gallery-image:nth-child(9) {
      animation-delay: 32s;
      -webkit-animation-delay: 32s;
    }

    .gallery-image:nth-child(10) {
      animation-delay: 36s;
      -webkit-animation-delay: 36s;
    }

    @keyframes gallary-animation {
      0% {
        opacity: 0;
        z-index: 5;
      }

      15% {
        opacity: 1;
      }

      60% {
        opacity: 0;
      }

      100% {
        opacity: 0;
        z-index: 1;
      }
    }

    .head-col-1 {
      width: 60%
    }

    .head-col-2 {
      width: 40%
    }

    .header {
      background-color: #ffffff;
    }

    .header img {
      width: 35%;
      max-width: 100%;
    }

    @media screen and (max-width: 800px) {
      .header img {
        width: 35%;
        padding-bottom: 0px;
      }
    }

    @media screen and (max-width: 500px) {
      .header img {
        width: 35%;
        padding-bottom: 0px;
      }
    }

    @media screen and (max-width: 410px) {
      .header img {
        width: 35%;
        padding-bottom: 0px;
      }
    }

    @media screen and (max-width: 360px) {
      .header img {
        width: 35%;
        padding-bottom: 0px;
      }
    }

    @media screen and (max-width: 320px) {
      .header img {
        width: 35%;
        padding-bottom: 0px;
      }
    }

    .head-col-1 {
      width: 60%
    }

    .head-col-2 {
      width: 40%
    }

    .text-logo i {
      color: #1e98cd;
      float: left;
    }

    .text-logo {
      font-size: 34px;
      line-height: 1.2;
      color: #ff5b00;
      text-shadow: 2px 2px #e8e8e8;
      font-family: 'Arial Verdana', Sans-serif;
      font-weight: bold;
      padding-top: 10px;
    }

    .searchIcon {
      background: linear-gradient(to bottom, #4badd7, #1e98cd);
      border: 1px solid #1e98cd;
    }

    .searchIcon:hover {
      background: #ff5b00;
      border: 1px solid #ff5b00;
    }

    .right-text {
      line-height: 16pt;
    }

    .box ul {
      list-style: none
    }

    .box li {
      list-style: none;
      margin-left: 15pt;
    }

    .box li::before {
      content: '✓';
      display: inline-block;
      width: 1em;
      color: #1e98cd;
      font-size: larger;
      margin-left: -14pt;
    }

    .box {
      height: auto;
    }

    .content {
      font-size: 11pt;
      padding: 20px 20px;
    }

    .content svg {
      width: 11pt;
      height: 11pt;
    }

    #tab2,
    #tab3,
    #tab4,
    #tab5,
    #tab6 {
      display: none;
    }

    #tab1:checked~#content1 {
      display: block;
    }

    #tab1:checked~#content2,
    #tab1:checked~#content3,
    #tab1:checked~#content4,
    #tab1:checked~#content5 {
      display: none;
    }

    #tab2:checked~#content2 {
      display: block;
    }

    #tab2:checked~#content1,
    #tab2:checked~#content3,
    #tab2:checked~#content4,
    #tab2:checked~#content5 {
      display: none;
    }

    #tab3:checked~#content3 {
      display: block;
    }

    #tab3:checked~#content1,
    #tab3:checked~#content2,
    #tab3:checked~#content4,
    #tab3:checked~#content5 {
      display: none;
    }

    #tab4:checked~#content4 {
      display: block;
    }

    #tab4:checked~#content1,
    #tab4:checked~#content2,
    #tab4:checked~#content3,
    #tab4:checked~#content5 {
      display: none;
    }

    #tab5:checked~#content5 {
      display: block;
    }

    #tab5:checked~#content1,
    #tab5:checked~#content2,
    #tab5:checked~#content3,
    #tab5:checked~#content4 {
      display: none;
    }

    #tab1:checked+.tablabel,
    #tab2:checked+.tablabel,
    #tab3:checked+.tablabel,
    #tab4:checked+.tablabel,
    #tab5:checked+.tablabel {
      border-top: 2px solid #ff5b00;
      text-decoration: none;
      cursor: pointer;
      transition: all 0.1s;
    }

    .tablabel {
      border-top: 1px solid #cfcfcf;
      color: #444444;
      font-size: 13pt;
    }

    .tablabel:hover {
      border-top: 2px solid #ff5b00;
      color: #444444;
    }

    .content {
      color: #444444;
      background: #ffffff;
      border: 0px;
      line-height: 16pt;
    }

    .promise {
      background: linear-gradient(to left top, #b9cbdb, #3980be);
    }

    .promise h2 {
      font-size: 34px;
      text-shadow: 2px 2px #4a5158;
    }

    .promisBlockText {
      color: #1e98cd;
    }

    .promisBlockText path {
      fill: #1e98cd;
    }

    .promisBlock p {
      color: #1e98cd;
    }

    .promiseBlock .icon {
      color: #ff5b00;
    }

    .promise h3 {
      text-shadow: 2px 2px #4a5158;
    }

    .promiseBlock {
      box-shadow: 10px 10px 5px #4a5158;
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
    }

    .article-box {
      width: 18%;
      margin-right: 1%;
      margin-top: 1%;
      min-height: auto;
    }

    .article-box p {
      color: #1e98cd;
    }

    .topSeller-text {
      border-bottom: 3px solid #1e98cd;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) and (max-width: 755px) {
      @supports (-webkit-appearance: none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
        .topSeller {
          display: none;
        }
      }
    }

    .testimonials-text {
      border-bottom: 3px solid #ff5b00;
    }

    .quotat {
      color: #1e98cd;
    }

    .quotat-end {
      color: #1e98cd;
    }

    .testimonials-box {
      width: 14.666666666666668%;
    }

    .menu-item {
      float: left;
      display: flex;
    }

    .dropdown {
      float: left;
      display: flex;
    }

    .menue-bar {
      background: linear-gradient(to bottom, #4badd7, #1e98cd);
    }

    .dropdown .dropbtn {
      color: #ffffff;
    }

    .menu-item a {
      color: #ffffff;
    }

    .dropdown-content a {
      color: #ffffff;
    }

    .menu-item:hover {
      background: linear-gradient(to top, #ff7c33, #ff5b00);
      background: #ff5b00;
    }

    .dropdown:hover {
      background-color: #ff5b00;
    }

    .menubutton {
      background-color: #ff5b00;
      color: #ffffff;
    }

    .menubutton2 {
      background-color: #ff5b00;
      color: #ffffff;
    }

    @media screen and (max-width: 755px) {
      #menubutton1:checked~.menu-item {
        display: inline-flex;
      }

      #menubutton1:checked~.menubutton2 {
        display: inline-flex;
      }

      #menubutton1:checked~.menubutton {
        display: none;
      }
    }

    .features {
      text-align: center;
      grid-column: var(--full-line-column);
      background-color: #ffffff;
    }

    .feature-item {
      display: inline-block;
      text-align: center;
      padding: 10px 20px 0px 20px;
      color: #000000;
      font-size: 14;
    }

    .feature-item i {
      padding-right: 5px;
    }

    .right-text ul {
      list-style: none;
      padding-inline-start: 0px;
    }

    .right-text li {
      list-style: none;
      margin-left: 15pt;
    }

    .right-text li::before {
      content: '✓';
      display: inline-block;
      width: 1em;
      color: #1e98cd;
      font-size: larger;
      margin-left: -14pt;
    }

    .button-price {
      background: linear-gradient(to bottom, #4badd7, #1e98cd);
    }

    .button-price:hover {
      background: linear-gradient(to bottom, #ff7c33, #ff5b00);
    }

    .button-price:hover {
      background: #ff5b00;
    }

    .price-link,
    .price-box {
      color: #de4c01 !important;
    }

    .price-link:hover {
      color: #1e98cd !important;
    }

    .price-link i {
      color: #ff5b00;
    }

    .button-right {
      background: linear-gradient(to bottom, #4badd7, #1e98cd);
    }

    .button-right:hover {
      background: linear-gradient(to bottom, #ff7c33, #ff5b00);
    }

    .right-title {
      font-size: 26px;
      color: #ff5b00;
    }

    .right-price {
      color: #de4c01;
    }

    .button-right {
      color: #ffffff;
    }

    .right-panel a {
      color: #ffffff;
    }

    .right-text,
    variation {
      font-size: 11pt;
      color: #000000
    }

    .right-text path {
      fill: #000000
    }

    .right-text svg {
      width: 11pt;
      height: 11pt;
    }

    @media screen and (max-width: 755px) {
      .button-price {
        background: #ff5b00;
      }

      .price-link {
        background: linear-gradient(to left top, #1e98cd, #1e98cd);
        color: #ffffff !important;
      }

      .price-link:hover {
        color: #ffffff !important;
      }

      .price-link i {
        color: #ffffff !important;
      }
    }

    .footColumn {
      width: 220px;
      margin-left: 60px;
    }

    .footColumn path {
      fill: #ffffff;
    }

    .footColumn svg {
      width: 14px;
      height: 14px;
      vertical-align: bottom;
    }

    .footColumn {
      color: #ffffff;
    }

    .footColumn a {
      color: #ffffff;
    }

    .powered {
      color: #ffffff;
    }

    .powered a {
      color: #ffffff;
    }

    .footColumn h2 {
      border-bottom: 2px solid #ff5b00;
      color: #ffffff;
      text-shadow: 1px 1px #130f0f;
    }

    .foot {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAAVFBMVEUoKCgjIyMgICAkJCQtLS0rKyssLCwqKiopKSkiIiIlJSUfHx8mJiYhISEyMjIwMDAxMTEvLy84ODg8PDw2NjYuLi41NTU6OjonJyc3Nzc0NDQ5OTmTo2zwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gQSCRAPTWQdsgAAAYZJREFUKM89UtuWgzAIZGuAxOrDdq176f//584Mse05aiDAXDD7uC3N3SO9RfZlrOme4fiHrff7PZlKPrd933kxs+NlNySRYDa8jzGQxI/lackku1Rg30fyx7Pb5+PrCLZVs+f5fUSghaqN0zFOIJy9s+BkNkdy1hFxxTkOqXRDwKMzGAXZATRSYUuBcxBcxEaNf5axZTBJbAGCoyg0dNgGQAOQMGcOsq9vvJCjFkZdOA5JgRbneTKvwPN4HMQfJAS6j1/MNmEvZZUsoZqYVaVfTIROhMDPq1LXr3d6aQltcwXBSlBqnKIkoyt0sIXa4rnJsiwp3cabPTuSblYGDyMlISBY+enTMQwBwVMyqxynv5i8WBldG8ShTqNqETS2LCv6+iwJxQjyQTHuWvWlerzZKzmpg+DqlyCRWF/uUKQi9FNzc55IwWpAwMFBT6JTOJLHPa1JLewuOAKdMBsf12o+j9cpyLKmna/DZXZMAVJ1c3GltSzLuUglcbyJWm2sFuntqVYUoX8YPhhBH/X2JAAAAABJRU5ErkJggg==');
      background-position: 50% 50%;
      -webkit-background-origin: padding-box;
      background-origin: padding-box;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-background-size: auto auto;
      background-size: auto auto;
    }

    .init {
      display: grid;
      grid-column-gap: 0px;
      grid-template-columns: var(--init-template-columns);
      background-color: white;
    }

    .header {
      grid-column: var(--full-line-column);
      grid-row: 1;
      padding-bottom: 10px;
    }

    .banner {
      grid-column: var(--full-line-column);
      grid-row: 1;
      background-color: white;
      padding-bottom: 10px;
    }

    .main {
      grid-column: var(--main-column);
      padding: var(--main-padding);
    }

    .links {
      background-color: white;
      margin-top: 20px;
    }

    .tabs {
      grid-column: var(--full-line-column);
      margin-top: 5px;
    }

    .topSeller {
      grid-column: var(--full-line-column);
      background-color: white;
      padding-bottom: 50px;
      padding-top: 40px;
      text-align: center;
    }

    .content-img-right {
      float: right;
      margin-top: 0;
      margin-right: 30px;
      margin-bottom: 20px;
      margin-left: 30px;
      max-width: 50%;
    }

    .content-img-left {
      float: left;
      margin-top: 0;
      margin-right: 30px;
      margin-bottom: 20px;
      margin-left: 30px;
      max-width: 50%;
    }

    .freeImages {
      grid-column: var(--full-line-column);
      padding-bottom: 50px;
      padding-top: 40px;
      background-color: white;
      text-align: center;
    }

    .freeImages-title {
      font-weight: normal;
      line-height: 1em;
      font-size: x-large;
      margin-bottom: 20px;
      padding-top: 40px;
      padding-bottom: 10px;
      color: #333;
      padding-left: 10px;
      text-align: left;
    }

    .topSeller-text {
      font-weight: normal;
      line-height: 1em;
      font-size: x-large;
      margin-bottom: 20px;
      padding-bottom: 10px;
      color: #333;
      padding-left: 10px;
      text-transform: uppercase;
      text-align: left;
    }

    .testimonials {
      grid-column: var(--full-line-column);
      padding-bottom: 50px;
      background-color: white;
      text-align: center;
    }

    .testimonials-text {
      font-weight: normal;
      line-height: 1em;
      font-size: x-large;
      margin-bottom: 20px;
      padding-top: 40px;
      padding-bottom: 10px;
      color: #333;
      padding-left: 10px;
      text-transform: uppercase;
      text-align: left;
    }

    .testimonials-box {
      text-align: center;
      vertical-align: text-top;
      min-width: 218px;
      color: #575756;
      padding-top: 5px;
      box-sizing: border-box;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
      min-height: 165px;
      display: inline-block;
      margin-right: 1%;
      margin-top: 1%;
    }

    .testimonials-box .text {
      font-size: 14px;
      text-align: center;
      font-style: italic;
      float: left;
    }

    .testimonials-box p {
      font-weight: bold;
      font-size: 14px;
      text-align: center;
      float: left;
      width: 100%;
    }

    .testimonials-box:hover {
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 18px 44px 0 rgba(0, 0, 0, 0.40);
    }

    .blockquote {
      margin-left: 10px;
    }

    .quotat {
      float: left;
      font-family: serif;
      font-size: 50px;
      line-height: 0.6;
    }

    .quotat-end {
      float: right;
      font-family: serif;
      font-size: 50px;
      line-height: 1;
    }

    .carousel {
      grid-column: var(--full-line-column);
    }

    img {
      max-width: 100%;
      vertical-align: middle;
    }

    .bottom-image {
      grid-column: var(--full-line-column);
      width: var(--bottom-image-width);
      padding-top: var(--bottom-image-padding-top);
      padding-bottom: var(--bottom-image-padding-bottom);
      margin-left: var(--bottom-image-margin-left);
      margin-right: var(--bottom-image-margin-right);
    }

    .promise {
      grid-column: var(--full-line-column);
      grid-row: 14;
      padding-top: 30px;
      width: 100%;
      box-sizing: border-box;
    }

    .foot {
      grid-column: var(--full-line-column);
      grid-row: 15;
    }

    svg {
      width: 16px;
      height: 16px;
      vertical-align: text-top;
    }

    .footColumn {
      float: left;
      min-height: 180px;
      font-size: 12px;
    }

    .footColumn h2 {
      font-weight: bold;
      font-size: 16px;
      text-transform: uppercase;
      line-height: 1.2;
      margin: 0 0 26px 0;
      padding: 20px 0 7px 0;
    }

    .footColumn p {
      margin: 0;
      padding: 0;
    }

    .footColumn ul {
      padding-left: 20px;
    }

    .bottom-image img {
      width: 100%;
    }

    .bottom-image video {
      width: 100%;
    }

    .right-panel {
      max-width: 100%;
      padding-right: 10px;
    }

    .button-right {
      display: inline-block;
      padding: 8px;
      margin-top: 20px;
      text-align: center;
      font-weight: 300;
      font-size: 16px;
      margin-right: 10px;
      border-radius: 3px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 7px 0 rgba(0, 0, 0, 0.19);
    }

    .right-panel a {
      text-decoration: none;
    }

    .right-title {
      text-align: left;
      margin-top: 15px;
      margin-right: 10px;
    }

    .right-subtitle {
      font-size: 12px;
      margin-top: 10px;
      color: gray;
    }

    .right-price {
      font-size: 23px;
      margin: 45px 0 0px;
      font-weight: 400;
    }

    .right-text {
      margin-top: 15px;
      margin-right: 10px;
      float: left;
      max-width: 100%;
      width: 100%;
    }

    .promiseBlock {
      display: inline-block;
      margin: 35px 2% 40px 2%;
      height: 300px;
      padding: 0 1%;
      width: 16%;
      min-width: 200px;
      transition: all 0.2s;
      vertical-align: top;
      background-color: #fff;
      border-top-right-radius: 50px;
      border-bottom-left-radius: 50px;
    }

    .promisBlockText {
      text-align: left;
      font-weight: bold;
      font-size: 16px;
      padding: 40px 10px 20px 20px;
      line-height: 1.5;
    }

    .promiseBlock .icon {
      text-align: center;
    }

    .promiseBlock h3 {
      color: white;
      text-transform: uppercase;
      line-height: 1.2;
      text-align: center;
      font-weight: bold;
      top: -35px;
      position: relative;
      font-size: 18px;
    }

    .promiseContainer {
      text-align: center;
      padding-top: 60px;
    }

    .promise h2 {
      line-height: 1.2;
      color: white;
      text-transform: uppercase;
      text-align: center;
      font-weight: bold;
    }

    @media screen and (max-width: 480px) {
      .promise h2 {
        font-size: 26px;
      }
    }

    .menubutton {
      height: 16px;
      width: 16px;
      cursor: pointer;
      display: none;
      padding: 13px;
      margin-left: 13px;
      text-decoration: none;
    }

    .menubutton2 {
      height: 16px;
      width: 16px;
      cursor: pointer;
      display: none;
      padding: 13px;
      text-decoration: none;
    }

    .menue-bar input[type=radio] {
      visibility: hidden;
      margin: 0;
      padding: 0;
      height: 0;
      width: 0;
      position: absolute;
    }

    .menu-icon {
      cursor: pointer;
      display: flex;
      height: 43px;
      width: 43px;
      float: left;
      background-color: var(--menu-mouseover-color);
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      margin-left: 10px;
    }

    .menu-icon a {
      color: white;
      text-decoration: none;
      margin: auto;
    }

    #menu-bn-off {
      display: none;
    }

    #menubutton:target~.menu-item {
      display: inline-flex;
    }

    #menubutton:target~#menu-bn-on {
      display: none;
    }

    #menubutton:target~#menu-bn-off {
      display: block;
    }

    #menubutton-hide:target~.menu-item {
      display: none;
    }

    #menubutton1:checked~.dropdown {
      display: inline-flex;
    }

    .gallery {
      width: 100%;
      position: relative;
      height: 100%;
      text-align: center;
    }

    .gallery>.gallery-body a img {
      position: absolute;
      transition: all 0.5s;
      display: none;
      margin: auto;
      outline: none;
      border: none;
    }

    .gallery-body {
      min-height: 500px;
    }

    .gallery-navigation {
      position: relative;
    }

    .gallery label {
      margin: 0 15px 20px 0px;
      padding-left: 1px;
      z-index: 10;
      position: relative;
      cursor: pointer;
      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
      width: 70px;
      height: 70px;
      vertical-align: middle;
      display: inline-flex;
    }

    .gallery label:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.30);
    }

    .gallery label img {
      margin: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .searchButton {
      display: inline-block;
      padding: 10px 10px 8px;
      text-align: left;
      text-decoration: none;
      font-weight: 500;
      font-size: 15px;
      text-transform: uppercase;
      color: #b3b0b0;
      background-color: white;
      border: 1px solid #aaa;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }

    .searchBox {
      display: inline-flex;
      margin-top: var(--searchBox-paddingTop);
      text-decoration: none;
      float: right;
      margin-right: 5px;
    }

    .searchIcon {
      padding: 10px 10px 0 10px;
      color: white;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
    }

    @keyframes scale {
      0% {
        transform: scale(0.8);
        opacity: 0;
      }

      50% {
        transform: scale(1.02);
        opacity: 0.5;
      }

      100% {
        transform: scale(1);
        opacity: 1;
      }
    }

    .scale {
      animation-name: scale;
    }

    .animate {
      animation-duration: 1s;
      animation-fill-mode: both;
    }

    .zoom-img {
      display: none;
      position: absolute;
      z-index: 99 !important;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      cursor: zoom-out;
    }

    .zoom-in {
      cursor: zoom-in;
    }

    #tumb1:target~a #img1,
    #tumb2:target~a #img2,
    #tumb3:target~a #img3,
    #tumb4:target~a #img4,
    #tumb5:target~a #img5,
    #tumb6:target~a #img6,
    #tumb7:target~a #img7,
    #tumb8:target~a #img8,
    #tumb9:target~a #img9,
    #tumb10:target~a #img10,
    #tumb11:target~a #img11,
    #tumb12:target~a #img12,
    #tumb13:target~a #img13,
    #tumb14:target~a #img14,
    #tumb15:target~a #img15,
    #tumb16:target~a #img16 {
      display: block;
    }

    #img1 {
      display: block;
    }

    #tumb2:target~a #img1,
    #tumb3:target~a #img1,
    #tumb4:target~a #img1,
    #tumb5:target~a #img1,
    #tumb6:target~a #img1,
    #tumb7:target~a #img1,
    #tumb8:target~a #img1,
    #tumb9:target~a #img1,
    #tumb10:target~a #img1,
    #tumb11:target~a #img1,
    #tumb12:target~a #img1,
    #tumb13:target~a #img1,
    #tumb14:target~a #img1,
    #tumb15:target~a #img1,
    #tumb16:target~a #img1 {
      display: none;
    }

    #tumb1:target~label a[href='#tumb1'],
    #tumb2:target~label a[href='#tumb2'],
    #tumb3:target~label a[href='#tumb3'],
    #tumb4:target~label a[href='#tumb4'],
    #tumb5:target~label a[href='#tumb5'],
    #tumb6:target~label a[href='#tumb6'],
    #tumb7:target~label a[href='#tumb7'],
    #tumb8:target~label a[href='#tumb8'],
    #tumb9:target~label a[href='#tumb9'],
    #tumb10:target~label a[href='#tumb10'],
    #tumb11:target~label a[href='#tumb11'],
    #tumb12:target~label a[href='#tumb12'],
    #tumb13:target~label a[href='#tumb13'],
    #tumb14:target~label a[href='#tumb14'],
    #tumb15:target~label a[href='#tumb15'],
    #tumb16:target~label a[href='#tumb16'] {
      display: block;
    }

    .article-title {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
    }

    .tabs label:last-of-type {
      margin-right: 0;
    }

    .tablabel:hover {
      text-decoration: none;
      cursor: pointer;
      transition: all 0.1s;
    }

    .tablabel {
      display: inline-block;
      text-align: center;
      border-radius: 3px;
      border-bottom: 1px solid #cfcfcf;
      border-left: 1px solid #cfcfcf;
      border-right: 1px solid #cfcfcf;
      white-space: nowrap;
      padding: 10px 20px;
      text-decoration: none;
      position: relative;
      z-index: 1;
      box-shadow: inset 0px -20px 20px 5px rgba(136, 135, 135, 0.12);
    }

    .tabs input[type=radio] {
      visibility: hidden;
      margin: 0;
      padding: 0;
      height: 0;
      width: 0;
      position: absolute;
    }

    * {
      margin: 0;
      padding: 0;
    }

    .tabs {
      display: block;
      position: relative;
      width: 100%;
    }

    .tab {
      display: inline-table;
      list-style: none;
      overflow: hidden;
      padding: 0;
      box-shadow: inset 1px -6px 20px 8px rgba(136, 135, 135, 0.12);
    }

    .tab li {
      display: inline;
      padding-right: 0%;
    }

    .tab li a:hover {
      background: linear-gradient(to top, #fff, #e1e1e1);
      margin-top: -1px;
    }

    .tab li a {
      text-align: center;
      border-radius: 3px;
      border: 1px solid #cfcfcf;
      white-space: nowrap;
      padding: 10px 20px;
      text-decoration: none;
      float: left;
      display: block;
      margin-left: -1px;
      position: relative;
      left: 1px;
      z-index: 1;
    }

    .content {
      overflow: hidden;
      position: relative;
      box-shadow: -2px 0px 20px 8px rgba(136, 135, 135, 0.12);
      max-width: 100%;
      text-align: initial;
    }

    .box {
      overflow: auto;
      position: relative;
      overflow-x: hidden;
      z-index: 0;
      display: none;
    }

    .tablink {
      display: none;
    }

    .elm-hidden {
      display: none;
    }

    .dropdown {
      overflow: hidden;
      height: 43px;
      border-right: 1px solid #ddd;
    }

    .dropdown .dropbtn {
      font-weight: 300;
      font-size: 16px;
      border: none;
      outline: none;
      padding: 0px 30px;
      background-color: inherit;
      font-family: inherit;
      margin: 0;
      margin: auto;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 999;
      margin-top: 42px;
    }

    .dropdown-content a {
      float: none;
      color: black;
      padding: 13px 30px 11px 30px;
      text-decoration: none;
      display: block;
      text-align: left;
    }

    .dropdown-content a:hover {
      background-color: #ddd;
    }

    .dropdown:hover .dropdown-content {
      display: block;
    }

    .menue-bar {
      grid-column: var(--full-line-column);
      border-radius: 10px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 7px 0 rgba(0, 0, 0, 0.19);
      height: auto;
      display: -ms-inline-flexbox;
      width: 100%;
      margin-bottom: 10px;
    }

    .menu-item a {
      text-align: center;
      text-decoration: none;
      font-weight: 300;
      font-size: 16px;
      transition: all 0.5s ease 0s;
      padding: 0px 30px;
      margin: auto;
      display: inline-block;
    }

    .menu-item a .fa,
    .dropbtn .fa {
      margin-right: 0.5em;
      font-size: 1.1em;
      opacity: 0.5;
    }

    .menu-item {
      height: 43px;
      border-right: 1px solid #ddd;
    }

    .powered {
      text-align: right;
      font-size: 10px;
      padding-bottom: 5px;
    }

    .powered a {
      padding-right: 5px;
    }

    .price-info-icon:hover~.price-info {
      display: block;
    }

    .price-info {
      display: none;
      position: absolute;
      bottom: 2em;
      left: 6em;
      width: 15em;
      padding: 0.5em;
      z-index: 100;
      color: #000;
      background-color: #f9f9f9;
      border: solid 1px #7b7b7b;
      border-radius: 0.2em;
    }

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
      .menu-item {
        display: table-cell;
        vertical-align: middle;
        float: none;
      }

      .dropdown {
        display: table-cell;
        vertical-align: middle;
        float: none;
      }

      .menu-icon {
        display: table-cell;
        vertical-align: middle;
        float: none;
        text-align: center;
      }

      .dropdown-content {
        margin-top: 10px;
      }

      .gallery-body {
        height: 500px;
      }

      .footColumn {
        display: inline-table;
        float: none;
      }

      .links {
        display: inline-table;
        float: none;
      }

      .main {
        display: inline-table;
        float: none;
        width: 55%;
        vertical-align: middle;
      }

      .right-panel {
        display: inline-table;
        float: none;
        width: 40%;
        vertical-align: middle;
        padding-right: 0;
      }

      .right-text ul {
        padding-left: 0px;
      }
    }

    .br {
      border-right: 1px solid #000;
    }

    .article-box {
      text-align: center;
      vertical-align: text-top;
      min-width: 150px;
      padding-top: 10px;
      color: #575756;
      padding: 5px;
      box-sizing: border-box;
      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
      display: inline-block;
    }

    .article-box-text {
      font-size: 14px;
      text-align: left;
      overflow: hidden;
      height: 50px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-height: 1.2em;
      max-height: 3.6em;
    }

    .freeimage-box-text {
      font-size: 14px;
      text-align: left;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      line-height: 1.2em;
      max-height: 3.6em;
      text-align: center;
      color: #333;
    }

    .article-box p {
      padding-top: 10px;
      font-weight: bold;
      font-size: 14px;
      text-align: left;
    }

    .article-box p price {
      color: gray;
      font-weight: normal;
      font-size: 12px;
    }

    .article-box:hover {
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 18px 44px 0 rgba(0, 0, 0, 0.40);
    }

    .article-box a {
      text-decoration: none;
      color: #575756;
    }

    .article-box-img {
      height: 150px;
      vertical-align: middle;
      display: table-cell;
      margin-bottom: 5px;
    }

    .article-box img {
      display: inline-block;
      max-width: 100%;
      max-height: 150px;
      position: relative;
      border-width: 0px;
      text-align: center;
      vertical-align: middle;
    }

    .mobile {
      display: none;
    }

    .wysiwyg-color-red {
      color: red;
    }

    .wysiwyg-color-blue {
      color: blue;
    }

    .wysiwyg-color-green {
      color: green;
    }

    .wysiwyg-font-size-small {
      font-size: 12px;
    }

    .wysiwyg-font-size-medium {
      font-size: 16px;
    }

    .wysiwyg-font-size-large {
      font-size: 24px;
    }

    .wysiwyg-font-size-x-large {
      font-size: 32px;
    }

    .wysiwyg-text-align-right {
      text-align: right;
    }

    .wysiwyg-text-align-center {
      text-align: center;
    }

    .wysiwyg-text-align-left {
      text-align: left;
    }

    .text-logo {
      margin-left: 15px;
    }

    .text-logo i {
      padding-right: 10px;
    }

    .price-box {
      display: grid;
      display: -ms-grid;
      width: 100%;
      padding: 25px 0px;
      margin-top: 30px;
      background: repeating-linear-gradient(135deg, #fff, #fff 2px, #f1f1f1 2px, #f1f1f1 4px);
      border-radius: 3px;
    }

    .price-text {
      font-weight: 600;
      font-size: 30px;
    }

    .price-box .row {
      padding-left: 10%;
      padding-right: 10%;
    }

    .price-link {
      float: left;
      font-size: 14px;
      margin-top: 10;
      width: 100%;
      margin-left: 10%;
    }

    .button-price {
      display: inline-block;
      padding: 8px;
      text-align: center;
      margin-left: 10%;
      margin-top: 0px;
      border-radius: 3px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 7px 0 rgba(0, 0, 0, 0.19);
    }

    .button-price a .fa {
      font-size: 1.1em;
      opacity: 0.5;
    }

    .cat ul,
    .cat ul a,
    .cat ul ul {
      margin: 0;
      padding: 0;
      list-style: none;
      text-decoration: none;
    }

    ul#navi,
    ul#navi ul {
      width: 220px;
      float: left;
      background: white;
      color: #666;
      font-weight: normal;
      font-size: 14px;
    }

    .cat ul#navi li {
      position: relative;
      border-bottom: 1px solid #ddd;
    }

    .cat ul ul li:first-child {
      border-top: 1px solid #ddd;
    }

    .cat ul ul {
      position: absolute;
      top: 0;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      left: 220px;
      z-index: 10000;
    }

    ul#navi ul,
    ul#navi li:hover ul ul,
    ul#navi li:hover ul ul ul {
      display: none;
    }

    ul#navi li:hover ul,
    ul#navi ul li:hover ul,
    ul#navi ul ul li:hover ul {
      display: block;
    }

    .row {
      margin-right: 0px;
      margin-left: 0px;
    }

    .col-5 {
      width: 40%;
    }

    .col-6 {
      width: 50%;
    }

    .col-7 {
      width: 60%;
    }

    .col-12 {
      width: 100%;
    }

    .col-0,
    .col-5,
    .col-6,
    .col-7,
    .col-12 {
      position: relative;
      float: left;
    }

    .variations {
      display: inline-block;
      margin-top: 30px;
      width: 100%;
    }

    .variation {
      display: inline-block;
      vertical-align: middle;
      padding: 5px;
      border: 1px dashed gray;
      margin: 10px 10px 0px 0;
      min-width: 40px;
      min-height: 18px;
      text-align: center;
      color: black;
    }

    .variation:hover {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 7px 0 rgba(0, 0, 0, 0.19);
    }

    .variation-title {
      width: 100%;
      font-size: 14px;
      font-weight: 600;
    }

    .text-box-list {
      display: inline-block;
      text-align: center;
      padding-top: 20px;
      width: 90%;
    }

    .text-box {
      width: 100%;
      text-align: left;
      border-radius: 3px;
      border: 1px solid #cfcfcf;
      margin: 20px 2%;
      vertical-align: top;
      display: inline-block;
      background: linear-gradient(to top, #f3f3f3, #ffffff);
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .text-box-title {
      padding: 10px;
      border-radius: 3px 3px 0px 0px;
    }

    .text-box-body {
      padding: 20px 10px 10px 10px;
    }

    @media screen and (max-width: 1200px) {
      .right-text {
        font-size: 10pt;
      }

      .right-title {
        font-size: 20px;
      }

      .right-price {
        margin-top: 20px;
      }

      .variations {
        margin-top: 15px;
      }

      .tabs {
        margin-top: 0;
      }

      .price-text {
        font-size: 25px !important;
      }

      .button-price {
        font-size: 14px;
      }

      .button-right {
        font-size: 14px;
      }
    }

    @media screen and (max-width: 1000px) {
      .init {
        margin: 0px;
      }
    }

    @media screen and (max-width: 755px) {
      .init {
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        margin: 0px;
      }

      .button-right {
        width: 100%;
      }

      .price-box .row {
        padding-left: 0;
        padding-right: 0;
      }

      .price-box .col-6 {
        width: 100%;
      }

      .button-price {
        width: 100%;
        padding: 8px 0 8px 0;
        margin-left: 0;
      }

      .price-link {
        display: inline-block;
        padding: 8px 0 8px 0;
        margin-left: 0;
        text-align: center;
        margin-top: 5px;
      }

      .price-text {
        text-align: center;
        padding-bottom: 20px;
      }

      .head-col-1 {
        width: 100%;
      }

      .head-col-2 {
        width: 0;
      }

      .gallery-navigation {
        top: unset;
      }

      .gallery img {
        top: 5%;
      }

      .right-panel {
        grid-column: auto;
        padding: 15px;
        grid-row: 6;
      }

      .text-box-list {
        grid-column: 1 / span 1;
        grid-row: 6;
        text-align: center !important;
        width: 100%;
      }

      .main {
        grid-column: var(--full-line-column);
        padding-left: 2px;
        grid-row: 5;
      }

      .tabs {
        grid-row: 7;
        max-width: 100%;
      }

      .content {
        box-shadow: none;
      }

      .desktop-only {
        display: none;
      }

      .links {
        grid-column: var(--full-line-column);
        grid-row: 9;
      }

      ul#navi {
        width: 100%;
        max-width: 100%;
      }

      ul#navi ul {
        width: 180px;
        max-width: 100%;
      }

      .cat ul ul {
        left: 50px;
      }

      .tab {
        display: grid;
      }

      .tab li {
        display: inline-grid !important;
      }

      .searchBox {
        display: none;
      }

      .headerFieldText {
        display: none;
      }

      .menu-icon {
        display: none;
      }

      .menue-bar {
        display: grid;
        height: auto;
        padding: 0;
        margin: 0;
      }

      .menu-item {
        display: none;
      }

      .menu-item a {
        width: 100%;
        border: 0;
      }

      .dropdown {
        display: none;
      }

      .dropdown-content {
        width: 100%;
      }

      .menubutton {
        display: inline-flex;
      }

      .tablink {
        display: block;
      }

      .header .col-7 {
        width: 100%;
      }

      .logo .col-7 {
        width: 100%;
      }

      .logo .text-logo {
        text-align: center;
      }

      .tablabel {
        display: block;
        margin-left: 1px;
        margin-right: 1px;
        border-left: 0px;
        border-right: 0px;
      }

      .tabs label:last-of-type {
        margin-right: 1;
      }

      .box {
        margin-left: 1px;
        margin-right: 1px;
      }

      .mobile {
        display: inline-block;
      }

      .feature-item {
        padding: 5px 10px 5px 10px;
      }

      .features {
        grid-row: 3;
      }

      .topSeller {
        grid-row: 10;
      }

      .testimonials {
        grid-row: 11;
      }

      .promise {
        grid-row: 13;
      }

      .foot {
        grid-row: 14;
      }

      .promotion {
        grid-row: 21;
      }
    }

    @media screen and (max-width: 375px) {
      .gallery-body {
        min-height: 335px;
      }
    }

    @media screen and (max-width: 320px) {
      .init {
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
      }

      .header {
        padding-bottom: 0px;
      }

      .menu-icon {
        display: none;
      }

      .main {
        grid-column: 1 / span 1;
      }

      .tab {
        display: grid;
      }

      .gallery label a {
        margin: 10px 6px 20px 0px;
      }

      .gallery>.gallery-body a img {
        top: 6%;
      }

      .menue-bar {
        display: grid;
      }

      .menu-item {
        display: none;
      }

      .dropdown {
        display: none;
      }

      .menubutton {
        display: inline-flex;
      }

      .tablink {
        display: block;
      }

      .header .col-7 {
        width: 100%;
      }

      .logo .col-7 {
        width: 100%;
      }

      .logo .text-logo {
        text-align: center;
      }
    }

    @media screen and (max-width: 600px) {
      .promise {
        display: none;
      }

      .testimonials-box {
        margin-bottom: 20px;
      }
    }