/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* ------------------------------------------------------
Common :: Variables
------------------------------------------------------ */
/* Space */
/* Headline */
/* Tables */
/* ------------------------------------------------------
Common :: Functions
------------------------------------------------------ */
/*--------------------------------------------------------------
# Custom Css
--------------------------------------------------------------*/
.site-content > .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0; }

.content-sidebar-wrap {
  margin-left: 0;
  margin-right: 0; }
  .content-sidebar-wrap .site-main {
    padding-left: 0;
    padding-right: 0; }

#about {
  margin-bottom: 40px;
  margin-top: 40px; }
  @media only screen and (min-width: 992px) {
    #about {
      margin-bottom: 80px;
      margin-top: 70px; } }
  #about .h-permalink {
    text-align: center; }
    #about .h-permalink a {
      display: inline-block;
      width: 128px;
      height: 40px;
      line-height: 38px;
      border: 1px solid #0071E3;
      text-align: center;
      color: #0071E3;
      border-radius: 3px; }
      #about .h-permalink a:hover {
        background: #0071E3;
        color: #FFF; }

#field {
  background: #F8F6F1;
  padding-top: 40px;
  padding-bottom: 10px; }
  @media only screen and (min-width: 992px) {
    #field {
      padding-top: 75px;
      padding-bottom: 45px; } }
  #field .style-9 .post-info .post-info__thumb {
    margin-bottom: 20px; }
    #field .style-9 .post-info .post-info__thumb .img {
      padding-top: 89.19%; }
  #field .style-9 .post-info .post-info__title {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    margin: 0; }
    @media only screen and (min-width: 992px) {
      #field .style-9 .post-info .post-info__title {
        font-size: 20px; } }
    #field .style-9 .post-info .post-info__title a {
      color: var(--secondarycolor); }

#product {
  margin-bottom: 40px;
  margin-top: 40px; }
  @media only screen and (min-width: 992px) {
    #product {
      margin-bottom: 60px;
      margin-top: 60px; } }
  @media only screen and (min-width: 1200px) {
    #product .slick-slider {
      margin-left: -22.5px;
      margin-right: -22.5px; }
      #product .slick-slider [class*='slick-slide'] {
        padding-left: 22.5px;
        padding-right: 22.5px; } }
  #product .slick-arrow {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1)); }
    #product .slick-arrow:before {
      font-size: 30px; }
    #product .slick-arrow.slick-next {
      right: 20px; }
    #product .slick-arrow.slick-prev {
      left: 20px; }
    @media only screen and (min-width: 1300px) {
      #product .slick-arrow.slick-next {
        right: -50px; }
      #product .slick-arrow.slick-prev {
        left: -50px; } }
  #product .style-slide .post-info {
    border: 1px solid #707070; }
    #product .style-slide .post-info .post-info__title {
      text-align: center;
      font-size: 18px;
      margin: 28px; }
      @media only screen and (min-width: 1300px) {
        #product .style-slide .post-info .post-info__title {
          font-size: 20px; } }
      @media only screen and (min-width: 1500px) {
        #product .style-slide .post-info .post-info__title {
          font-size: 25px; } }

#blogs {
  background: #F8F6F1;
  padding-top: 40px;
  padding-bottom: 10px; }
  @media only screen and (min-width: 992px) {
    #blogs {
      padding-top: 75px;
      padding-bottom: 45px; } }
  #blogs .style-3 .post-info .post-info__content {
    padding: 15px 0;
    border: 0; }
  #blogs .style-3 .post-info .post-info__description {
    margin-bottom: 20px; }
  #blogs .style-3 .post-info .post-info__link a {
    justify-content: center;
    width: 128px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #0071E3;
    color: #0071E3;
    text-align: center;
    border-radius: 3px; }
    #blogs .style-3 .post-info .post-info__link a img {
      transition: all 0.35s ease-in-out; }
    #blogs .style-3 .post-info .post-info__link a:hover {
      background: #0071E3;
      color: #FFF; }
      #blogs .style-3 .post-info .post-info__link a:hover img {
        filter: brightness(0) invert(1); }

#supports {
  padding-top: 40px; }
  @media only screen and (min-width: 992px) {
    #supports {
      padding-top: 75px; } }
  #supports .s-desc {
    color: #555555;
    margin-bottom: 40px; }
    #supports .s-desc strong {
      font-size: 18px; }
    @media only screen and (min-width: 992px) {
      #supports .s-desc {
        margin-bottom: 20px; }
        #supports .s-desc strong {
          font-size: 22px; } }
  #supports .s-permalink a {
    justify-content: center;
    width: 128px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #0071E3;
    color: #0071E3;
    text-align: center;
    display: inline-block;
    border-radius: 3px; }
    #supports .s-permalink a img {
      transition: all 0.35s ease-in-out; }
    #supports .s-permalink a:hover {
      background: #0071E3;
      color: #FFF; }
      #supports .s-permalink a:hover img {
        filter: brightness(0) invert(1); }

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