/*
Theme Name: Kyoto Child
Theme URI: https://www.kyototheme.com
Description: Kyoto Child Theme.
Author: Twisttheme
Template: kyoto
Version: 1.0.0.3
Text Domain: kyoto-child
*/

/************* HOME ************/
.ts-product-box .kyt-background {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.ts-product-box .kyt-button > .btnx,
.ts-product-box .kyt-heading-text,
.ts-product-box .kyt-text {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ts-product-box:hover .kyt-background {
  opacity: 1 !important;
}

.ts-product-box:hover .kyt-heading-text,
.ts-product-box:hover .kyt-text {
  color: #fff;
}

.ts-product-box:hover .kyt-button > .btnx {
  color: #fff !important;
  background-color: transparent !important;
  border-color: #fff !important;
}

.post-type-archive-kyt_portfolio .ts-feature-box {
  border-top: 0;
}

.ts-feature-box {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ts-feature-box:hover {
  background-color: #f0efec;
}

.ts-why-thaisun .kyt-feature-title {
  font-size: 16px;
}

.ts-why-thaisun .kyt-feature-body {
  padding-left: 10px !important;
}
/*************** GELLARY  ****************/
.kyt-carousel-arrow {
  opacity: 1;
  visibility: visible;
}

.slick-prev {
  left: -60px;
}

.slick-next {
  right: -60px;
}

@media only screen and (max-width: 767px) {
  .slick-prev {
    left: -30px;
  }

  .slick-next {
    right: -30px;
  }

  .kyt-carousel-arrow.transparent {
    font-size: 20px;
  }
}

.slick-dots {
  bottom: -30px;
}

.kyt-gallery-item {
  padding: 0 !important;
}

.kyt-gallery-content {
  margin: 0 !important;
}

.slick-dots li.slick-active button {
  width: 24px;
  height: 1px;
  border-radius: 0;
  border: 0;
  background-color: #342518;
  opacity: 1;
}

.slick-dots li:hover button {
  border-radius: 0;
  border: 0;
  background-color: #342518;
  opacity: 1;
}

.slick-dots li button {
  width: 24px;
  height: 1px;
  border-radius: 0;
  border: 0;
  background-color: #342518;
  opacity: 0.2;
}

/**************** TAB *****************/
.ts-tab .kyt-tab-nav-list {
  padding: 0px 40px 20px 40px;
  margin: 0 !important;
  border-left: 1px solid #dddad8;
  opacity: 1;
}

.ts-tab .kyt-tab-nav-list img {
  opacity: 0.7;
}

.ts-tab .kyt-tab-nav-list.active img {
  opacity: 1;
}

.ts-tab .kyt-tab-nav-title {
  display: none;
}

.ts-tab .kyt-tab-nav-media {
  margin-top: -40px;
}

.ts-tab .kyt-tab-nav-list:first-child {
  border-left: 0;
}

.ts-tab .kyt-tab-nav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dddad8;
}

.ts-tab {
  overflow: visible;
}

.ts-box-70 {
  float: left;
  width: 70%;
}

.ts-box-50 {
  float: left;
  width: 50%;
}

.ts-box-30 {
  float: left;
  width: 30%;
}

@media only screen and (max-width: 960px) {
  .ts-box-70,
  .ts-box-30,
  .ts-box-50 {
    width: 100%;
  }

  .ts-box-70 .kyt-box-inner,
  .ts-box-30 .kyt-box-inner,
  .ts-box-50 .kyt-box-inner {
    height: max-content !important;
    line-height: 1 !important;
  }
}

@media only screen and (max-width: 767px) {
  .ts-tab .kyt-tab-nav-media .kyt-media-wrapper-inner img {
    padding: 10px;
  }

  .ts-tab .kyt-tab-nav-list {
    border: 0 !important;
  }
}

/**************** ABOUT ***************/
#ts-about-section-4 > .kyt-background > .kyt-background-overlay {
  background: rgb(16, 70, 42);
  background: linear-gradient(
    90deg,
    rgba(16, 70, 42, 1) 0%,
    rgba(36, 146, 77, 1) 100%
  );
}

/*************** FILTER POST ENTRY **************/
.kyt-filter-list a {
  padding: 10px 20px;
  border: 1px solid #5b7e48;
  color: #5b7e48;
}

.kyt-filter-list a:hover,
.kyt-filter-list a.active {
  border: 1px solid #5b7e48;
  color: #fff !important;
  background-color: #5b7e48;
}

.kyt-filter-bar {
  margin-bottom: 0;
}

.kyt-filter-bar ul {
  text-align: center;
}

.kyt-filter-bar .kyt-filter-list {
  margin-bottom: 30px;
}

/*****************  PORTFOLIO ENTRY ****************/

.ts-entry-portfolio .kyt-entries-content {
  border-top: 1px solid #dddad8;
}

.ts-entry-portfolio .kyt-entry {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #dddad8;
  transition: all 0.2s ease-in;
}

.ts-entry-portfolio .kyt-entry-inner {
  margin-bottom: 0px !important;
}

.ts-taxonomy-portfolio {
  position: absolute;
  left: 30px;
  bottom: 0;
}

.ts-taxonomy-portfolio .kyt-entry-taxonomy {
  position: absolute;
  top: 0;
  width: max-content;
  transform: translateX(0px);
  transition: all 0.2s ease;
}

.ts-taxonomy-portfolio img {
  width: 20px;
  opacity: 0;
  transition: all 0.2s ease-in;
}

.ts-single-portfolio-related-1 .kyt-entry:hover .ts-taxonomy-portfolio img,
.ts-single-portfolio-related-2 .kyt-entry:hover .ts-taxonomy-portfolio img,
.ts-entry-portfolio .kyt-entry:hover .ts-taxonomy-portfolio img {
  opacity: 1;
}

.ts-single-portfolio-related-1
  .kyt-entry:hover
  .ts-taxonomy-portfolio
  .kyt-entry-taxonomy,
.ts-single-portfolio-related-2
  .kyt-entry:hover
  .ts-taxonomy-portfolio
  .kyt-entry-taxonomy,
.ts-entry-portfolio
  .kyt-entry:hover
  .ts-taxonomy-portfolio
  .kyt-entry-taxonomy {
  transform: translateX(35px);
}

.ts-entry-portfolio .kyt-entry-taxonomy a {
  color: #342518;
}

.ts-entry-portfolio .kyt-entry:hover {
  background-color: #f0efec;
}

@media only screen and (min-width: 960px) {
  .ts-entry-portfolio .kyt-media-wrapper {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .ts-taxonomy-portfolio {
    position: relative;
    float: left;
    display: block;
    margin-top: 10px;
    left: 0;
  }

  .ts-entry-portfolio .kyt-entry-body-wrapper-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/**************** PORTFOLIO SINGLE *****************/

.kyt-social-share.with-divider > .kyt-share-item {
  float: left;
  width: 25%;
  padding: 20px 10px;
  border-top: 1px solid #dddad8;
  border-bottom: 1px solid #dddad8;
}

.kyt-share-item .kyt-icon--plain {
  margin: 0 !important;
}

.ts-portfolio-product-entry {
  margin-bottom: 30px;
  padding-bottom: 133.33%;
  background-size: 100%;
  background-position: center center;
  overflow: hidden;
}

.ts-portfolio-product-entry:hover .ts-attr {
  transform: translateX(0);
}

.ts-portfolio-product-entry:hover .ts-model-no-entry {
  transform: translateX(0) translateY(100%) rotate(-90deg);
}

.ts-portfolio-product-entry:hover .ts-attr,
.ts-portfolio-product-entry:hover .ts-model-no-entry {
  opacity: 1;
}

.ts-portfolio-product-entry-inner {
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ts-portfolio-title {
  margin-top: 30px !important;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.ts-portfolio-size {
  color: #342518 !important;
  text-align: center;
}

.ts-portfolio-cat {
  position: relative;
  padding: 1px;
  margin-left: auto;
  margin-right: 0;
  max-width: 150px;
  background: linear-gradient(to right, #10462a, #24924d);
}

.ts-portfolio-cat-inner {
  background: #fff;
  color: #342518;
  padding-top: 35px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 10px;

  text-align: center;
}

.ts-portfolio-cat img {
  width: 38px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.ts_portfolio_location {
  margin-top: 10px;
}

.ts-single-portfolio-related-1 .kyt-entry-taxonomy,
.ts-single-portfolio-related-2 .kyt-entry-taxonomy {
  position: absolute;
  bottom: 0;
}

.ts-single-portfolio-related-1 .kyt-entry-taxonomy a,
.ts-single-portfolio-related-2 .kyt-entry-taxonomy a {
  font-weight: normal;
  color: #342518;
}

.ts-single-portfolio-related-1 .ts_portfolio_location,
.ts-single-portfolio-related-2 .ts_portfolio_location {
  font-size: 14px;
}

.ts-single-portfolio-related-1 .kyt-entry:before,
.ts-single-portfolio-related-2 .kyt-entry:before {
  transition: all 0.2s ease-in;
}

.ts-single-portfolio-related-1 .kyt-entry {
  padding: 30px !important;
}

.ts-single-portfolio-related-2 .kyt-entry {
  padding: 30px !important;
}

.ts-single-portfolio-related-1 .ts-taxonomy-portfolio,
.ts-single-portfolio-related-2 .ts-taxonomy-portfolio {
  left: 0;
}

.ts-single-portfolio-related-1 .kyt-entry:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #dddad8;
  border-bottom: 1px solid #dddad8;
  border-right: 1px solid #dddad8;
}

.ts-single-portfolio-related-2 .kyt-entry:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #dddad8;
  border-bottom: 1px solid #dddad8;
  border-right: 0;
}

.ts-single-portfolio-related-1 .kyt-entry:hover:before,
.ts-single-portfolio-related-2 .kyt-entry:hover:before {
  background-color: #f0efec;
}

@media only screen and (max-width: 768px) {
  .ts-single-portfolio-related-1 .kyt-entry {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .ts-single-portfolio-related-2 .kyt-entry {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .ts-single-portfolio-related-1 .kyt-entry:before {
    border-top: 1px solid #dddad8;
    border-right: 0;
    border-bottom: 1px solid #dddad8;
    border-left: 0;
  }

  .ts-single-portfolio-related-2 .kyt-entry:before {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #dddad8;
    border-left: 0;
  }
}

/*************  SINGER PRODUCT **************/
.ts-right-btn {
  float: right;
}

.ts-product-attr {
  width: 100%;
  float: left;
}

.ts-product-attr::after {
  content: "";
  display: table;
  clear: both;
}

.ts-size-entry {
  display: block;
  width: max-content;
  margin: 0 auto;
}

.ts-model-no-entry {
  position: absolute;
  left: 5px;
  bottom: 10px;
  margin-bottom: 0;
  transform-origin: top left;
  transform: translateX(-20px) translateY(100%) rotate(-90deg);
  font-size: 10px;
  color: #878685;
  transition: all 0.2s ease;
}

.kyt-entry-inner:hover .ts-model-no-entry {
  transform: translateX(0px) translateY(100%) rotate(-90deg);
}

.ts-attr {
  position: absolute;
  display: inline-flex;
  bottom: 10px;
  right: 0px;
  vertical-align: bottom;
  transition: all 0.2s ease;
  transform: translateX(110%);
}

.kyt-entry-inner:hover .ts-attr {
  transform: translateX(0px);
  transition: all 0.2s ease;
}

.ts-attr-inner:last-child {
  padding-bottom: 0;
}
.ts-attr-entry {
  align-self: flex-end;
}

.ts-attr-inner {
  padding: 2px;
}

.ts-attr-inner img {
  width: 12px;
}

.ts-product-attr.finish {
  margin-right: -1px;
}

.ts-product-attr-entry {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  border: 1px solid #755640;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}

.ts-product-attr-entry:nth-child(even) {
  margin-left: -1px;
}

.ts-product-attr-entry:nth-child(n + 3) {
  margin-top: -1px;
}

.ts-product-attr-entry img {
  margin: auto;
  width: 48px;
}

.ts_product .kyt-entry-header {
  background: #f0efec;
}

.ts-product-port {
  width: 100%;
  height: 250px;
  background-size: cover;
  background-position: center center;
}

.ts-product-attr-entry p {
  margin-top: 10px;
}

.ts-product-size {
  display: flex;
  width: max-content;
  border: 1px solid #755640;
  float: left;
  margin-right: 10px;
}

.ts-product-size-label {
  display: flex;
  padding: 10px;
  border-right: 1px solid #755640;
}

.ts-product-size:after {
  content: "";
  clear: both;
  display: table;
}

.ts-product-size-label img {
  width: auto;
  margin: 0 auto;
  height: max-content;
}

.ts-product-size-content {
  display: flex;
  padding: 10px 40px;
}

.ts-size-unit {
  display: flex;
  padding: 10px;
}

.ts-size-unit-inner {
  margin-right: 10px;
}

.ts-size-unit-inner span {
  color: #ddd;
  cursor: pointer;
}

#ts-in {
  display: none;
}

.ts-size-unit-inner:hover span {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}

.ts-size-unit-inner.active span {
  color: inherit;
  text-decoration: underline;
}

.clearfix {
  overflow: auto;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.ts-product-calculator {
  display: flex;
}

#ts-calculator {
  display: flex;
  width: 100%;
  max-width: 84px;
  float: left;
  border: 0;
  background-color: #f0efec;
}

.ts-wood-calculator-unit {
  display: flex;
  background: #f0efec;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
}

.ts-product-calculator-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-product-calculator-arrow img {
  margin-left: 20px;
  margin-right: 20px;
  width: 10px;
  height: fit-content;
}

.ts-product-calculator-sum {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 50px;
  height: inherit;
  border: 1px solid #755640;
  align-items: center;
  justify-content: center;
}

/************* NEWS ************/
.ts-post-date {
  margin-bottom: 20px;
}

.ts-post-date span {
  font-size: 12px;
  color: #755640;
}

/************* SINGLE NEWS **************/
@media only screen and (min-width: 960px) {
  .single-post figure {
    position: relative;
  }

  .wp-caption-text {
    position: absolute;
    right: -25%;
    bottom: 10px;
    width: 25%;
    text-align: left;
  }
}

.ts-single-post-date {
  position: absolute;
  right: 0;
}

/************** CAREER ***************/
.ts-career-entry .kyt-entry:first-child {
  border-top: 1px solid #ddd;
}

.ts-career-entry .kyt-entry {
  border-bottom: 1px solid #ddd;
}

.ts-career-entry .kyt-entry::after {
  content: "\e81e";
  position: absolute;
  font-family: "kyoto";
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.ts-career-entry .kyt-entry {
  padding-left: 15px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.ts-career-entry .kyt-entry:hover {
  background-color: #f0efec;
}

.ts-text-gradient {
  display: inline;
  background: linear-gradient(
    90deg,
    rgba(16, 70, 42, 1) 0%,
    rgba(36, 146, 77, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ts-text-gradient .kyt-heading-text {
  display: inline-block;
  background: linear-gradient(
    90deg,
    rgba(16, 70, 42, 1) 0%,
    rgba(36, 146, 77, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

/************** CONTACT FORM AND CAREER FORM **************/
input::placeholder,
textarea::placeholder {
  color: #d7cfc9;
}

input[type="file"] {
  background-color: #fff !important;
}

input[type="file"]:hover,
input[type="file"]:focus {
  border: 0;
}

/*************** WOOD CAL ****************/
.ts-calculator-wood {
  width: 80px;
  text-align: center;
  background-color: #f0efec;
  border: 0;
}

.ts-wood-calculator-input {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
}

.ts-wood-calculator-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.ts-wood-sum {
  color: #5b7e48;
}

@media only screen and (max-width: 768px) {
  .ts-wood-cal-box {
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
    border-bottom: 0 !important;
    border-left: 1px solid #dddad8;
  }

  .ts-wood-cal-box-last {
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
  }
}

/************* REFINE ************/
.kyt-refine-button {
  border-radius: 0;
}

/*************** LANG ***************/
.widget_icl_lang_sel_widget {
  position: absolute;
  width: 60px;
  right: 0;
  margin-right: 0 !important;
  z-index: 1;
}

.widget_icl_lang_sel_widget a {
  font-size: 12px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  content: "\e81a";
  font-family: "kyoto";
  border: 0;
  top: 6px;
}

@media only screen and (max-width: 960px) {
  .widget_icl_lang_sel_widget {
    z-index: 1;
    top: 17px;
  }
}

/*************** SERVICE ***************/
.service-nav-fixed {
  position: fixed;
  top: 100px;
  width: 100%;
  z-index: 2;
  background: rgb(255, 255, 255);
}

@media only screen and (max-width: 768px) {
  .service-nav-fixed {
    top: 60px;
    border-bottom: 1px solid #dddad8;
  }
}

.kyt-banner-link {
  z-index: 3;
}

/*************** BUTTON ***************/
.kyt-button > .btnx,
.kyt-button > .btnx:after {
  padding: 10px 24px;
}

.kyt-button--plain > .btnx {
  padding: 0;
}

/************* STORE LOCALTION *************/

.ts-store .kyt-entry-body {
  max-width: 300px !important;
}

.ts-store-entry-address,
.ts-store-entry-phone,
.ts-map-link {
  font-size: 14px;
}

.ts-map-link,
.ts-map-link i {
  color: #5b7e48 !important;
}

.ts-map-link:hover {
  text-decoration: underline;
}

/************* ADD BORDER ***************/
@media only screen and (min-width: 768px) {
  #ts-store-locators .kyt-row {
    display: flex;
  }

  #ts-store-locators .kyt-col-3,
  #ts-store-locators .kyt-col-9 {
    position: relative;
  }

  #ts-store-locators .kyt-col-3::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #dddad8;
  }

  #ts-store-locators .kyt-col-3:first-child::after,
  #ts-store-locators .kyt-col-9:first-child::after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 30px);
    height: 1px;
    border-bottom: 1px solid #dddad8;
  }

  #ts-store-locators .kyt-col-3:last-child::after,
  #ts-store-locators .kyt-col-9:last-child::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 30px);
    height: 1px;
    border-bottom: 1px solid #dddad8;
  }

  /*********** HOME BORDER ************/
  #ts-home-section-2 .kyt-row {
    display: flex;
  }

  #ts-home-section-2 .kyt-col-3,
  #ts-home-section-2 .kyt-col-9 {
    position: relative;
  }

  #ts-home-section-2 .kyt-col-3:last-child::before,
  #ts-home-section-2 .kyt-col-9:last-child::before {
    border-right: 0;
  }

  #ts-home-section-2 .kyt-col-3::before,
  #ts-home-section-2 .kyt-col-9::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-home-section-2 .kyt-row:last-child .kyt-col-3::before {
    border-bottom: 0;
  }

  #ts-home-section-4 .kyt-row {
    display: flex;
  }

  #ts-home-section-4 .kyt-col-3,
  #ts-home-section-4 .kyt-col-9 {
    position: relative;
  }

  #ts-home-section-4 .kyt-col-3:last-child::before,
  #ts-home-section-4 .kyt-col-9:last-child::before {
    border-right: 0;
  }

  #ts-home-section-4 .kyt-col-3::before,
  #ts-home-section-4 .kyt-col-9::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #dddad8;
    border-top: 1px solid #dddad8;
  }

  #ts-home-section-4 .kyt-row:last-child .kyt-col-3::before {
    border-bottom: 0;
  }

  .ts-client .kyt-client-content {
    height: 130px;
  }

  .ts-client .kyt-client-item {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ts-client .kyt-client-item:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  .ts-client .kyt-client-item:before {
    border-right: 0px;
  }

  .ts-news-entry-home .kyt-entries-content {
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
    overflow: hidden;
  }

  .ts-news-entry-home.kyt-entry:last-child::before {
    border-right: 0;
  }

  .ts-news-entry-home .kyt-entry:nth-child(4n + 1)::before {
    border-left: 0;
  }

  .ts-news-entry-home .kyt-entry {
    padding: 30px !important;
  }

  .ts-news-entry-home .kyt-entry::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 9999px;
    height: 9999px;
    margin-top: -1px;
    border-top: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
    background-color: #f1f0ee;
  }

  /*********** END HOME BORDER ************/

  #ts-single-post-content .kyt-row,
  #ts-career-section .kyt-row {
    display: flex;
  }

  #ts-single-post-content .kyt-col-3,
  #ts-single-post-content .kyt-col-9,
  #ts-career-section .kyt-col-3,
  #ts-career-section .kyt-col-9 {
    position: relative;
  }

  #ts-single-post-content .kyt-col-3::before,
  #ts-single-post-content .kyt-col-9::before,
  #ts-career-section .kyt-col-3::before,
  #ts-career-section .kyt-col-9::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
  }

  #ts-single-post-content .kyt-col-3:last-child::before,
  #ts-single-post-content .kyt-col-9:last-child::before,
  #ts-career-section .kyt-col-3:last-child::before,
  #ts-career-section .kyt-col-9:last-child::before {
    border-top: 1px solid #dddad8;
    border-right: 0;
  }

  #ts-service-survey .kyt-row,
  #ts-service .kyt-row,
  #ts-tab-service .kyt-row {
    display: flex;
  }

  #ts-service-survey .kyt-col-3,
  #ts-service-survey .kyt-col-9,
  #ts-service .kyt-col-3,
  #ts-service .kyt-col-9,
  #ts-service .kyt-col-6,
  #ts-tab-service .kyt-col-2 {
    position: relative;
  }

  #ts-service-survey .kyt-col-3:last-child::after,
  #ts-service-survey .kyt-col-9:last-child::after,
  #ts-service .kyt-col-3:last-child::after,
  #ts-service .kyt-col-9:last-child::after,
  #ts-service .kyt-col-6:last-child::after {
    border-left: 0;
  }

  #ts-service-survey .kyt-col-3::before,
  #ts-service-survey .kyt-col-9::before,
  #ts-service .kyt-col-3::before,
  #ts-service .kyt-col-9::before,
  #ts-service .kyt-col-6::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-service-survey .kyt-col-3::after,
  #ts-service-survey .kyt-col-9::after,
  #ts-service .kyt-col-3::after,
  #ts-service .kyt-col-9::after,
  #ts-service .kyt-col-6::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #dddad8;
  }

  .ts-service-tab {
    display: flex;
  }
  .ts-service-tab .kyt-tab-nav {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 25%;
    height: inherit;
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  .ts-service-tab .kyt-tab-body {
    padding: 30px !important;
    width: 75%;
    height: inherit;
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-tab-service .kyt-col-2:last-child::after {
    border-right: 0;
  }

  #ts-tab-service .kyt-col-2::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-single-portfolio-info .kyt-container > .kyt-row {
    display: flex;
  }

  #ts-single-portfolio-info .kyt-container > .kyt-row > .kyt-col-9 {
    position: relative;
  }
  #ts-single-portfolio-info .kyt-container > .kyt-row > .kyt-col-9::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-single-portfolio-info .kyt-container > .kyt-row > .kyt-col-3 {
    position: relative;
  }

  #ts-single-portfolio-info .kyt-container > .kyt-row > .kyt-col-3::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-single-product-content .kyt-container > .kyt-row {
    display: flex;
  }

  #ts-single-product-content .kyt-container > .kyt-row > .kyt-col-9 {
    position: relative;
  }

  #ts-single-product-content .kyt-container > .kyt-row > .kyt-col-9::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
  }

  #ts-single-product-content .kyt-container > .kyt-row > .kyt-col-3 {
    position: relative;
  }

  #ts-single-product-content .kyt-container > .kyt-row > .kyt-col-3::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
  }

  #ts-single-career-section .kyt-row,
  #ts-contact-section .kyt-row {
    display: flex;
  }

  #ts-single-career-section .kyt-col-3,
  #ts-single-career-section .kyt-col-9,
  #ts-contact-section .kyt-col-3,
  #ts-contact-section .kyt-col-9 {
    position: relative;
  }

  #ts-single-career-section .kyt-col-3::before,
  #ts-single-career-section .kyt-col-9::before,
  #ts-contact-section .kyt-col-3::before,
  #ts-contact-section .kyt-col-9::before {
    content: " ";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #dddad8;
    border-right: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  #ts-single-career-section .kyt-col-3:last-child::before,
  #ts-single-career-section .kyt-col-9:last-child::before,
  #ts-contact-section .kyt-col-3:last-child::before,
  #ts-contact-section .kyt-col-9:last-child::before {
    border-right: 0;
  }

  .ts-feature .kyt-row:last-child .kyt-feature-item {
    border-bottom: 1px solid #dddad8;
  }

  .ts-feature .kyt-feature-item:first-child {
    border-left: 0;
  }

  .ts-feature .kyt-feature-item {
    border-top: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
  }

  .ts-archive-news-entry .kyt-entry:nth-child(4n + 1)::before {
    border-left: 0;
  }

  .ts-archive-news-entry .kyt-entries-content {
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
    margin-bottom: 30px !important;
    overflow: hidden;
  }

  .ts-archive-news-entry .kyt-pagination {
    width: 200px;
    margin: 0 auto;
  }

  .ts-archive-new-entry .kyt-entry:last-child::before {
    border-right: 0;
  }

  .ts-archive-news-entry .kyt-entry {
    padding: 30px !important;
  }

  .ts-archive-news-entry .kyt-entry::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 9999px;
    height: 9999px;
    margin-top: -1px;
    border-top: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
    background-color: #fff;
  }

  .ts-archive-news-entry .kyt-entry:not(:nth-child(4n)):last-child::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    width: 9999px;
    height: 9999px;
    margin-top: -1px;
    border-top: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
    background-color: #fff;
  }

  .ts-archive-product-entry .kyt-entries-content {
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
    overflow: hidden;
  }

  .ts-archive-product-entry .kyt-entry:nth-child(3n + 1)::before {
    border-left: 0;
  }

  .ts-archive-product-entry .kyt-entry:not(:nth-child(3n)):last-child::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    width: 9999px;
    height: 9999px;
    margin-top: -1px;
    border-top: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
    background-color: #fff;
  }

  .ts-archive-product-entry .kyt-entry {
    padding: 30px !important;
  }

  .ts-archive-product-entry .kyt-entry::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 9999px;
    height: 9999px;
    margin-top: -1px;
    border-top: 1px solid #dddad8;
    border-left: 1px solid #dddad8;
    background-color: #fff;
  }

  .ts-entry .kyt-entries-content {
    border-top: 1px solid #dddad8;
    border-bottom: 1px solid #dddad8;
  }

  .ts-entry .kyt-entry {
    margin-bottom: -1px;
    padding: 30px !important;
  }

  .ts-entry .kyt-entry::before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-right: 1px solid #dddad8;
  }

  .ts-entry .kyt-entry:nth-child(4n)::before {
    border-right: 0;
  }
}

@media only screen and (max-width: 959px) {
  .ts-entry .kyt-entry,
  .ts-archive-news-entry .kyt-entry,
  .ts-news-entry-home .kyt-entry,
  .ts-archive-product-entry .kyt-entry {
    padding: 30px !important;
  }

  .ts-entry .kyt-entries-content,
  .ts-archive-news-entry .kyt-entries-content,
  .ts-news-entry-home .kyt-entries-content,
  .ts-archive-product-entry .kyt-entries-content {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }

  .ts-service-tab .kyt-tab-nav-list {
    text-align: left !important;
  }
}

@media only screen and (max-width: 768px) {
  .ts-entry .kyt-entry,
  .ts-archive-news-entry .kyt-entry,
  .ts-news-entry-home .kyt-entry,
  .ts-archive-product-entry .kyt-entry {
    padding: 15px !important;
  }

  .ts-entry .kyt-entries-content,
  .ts-archive-news-entry .kyt-entries-content,
  .ts-news-entry-home .kyt-entries-content,
  .ts-archive-product-entry .kyt-entries-content {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }
}

.ts-product-attr-entry:hover {
  background-color: #e8e8e8;
}

.ts-product-attr-link {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

.ts-product-model {
  display: none;
}

.ts-product-model.current {
  display: inline-block;
}

/************* GOOGLE RECAP **************/
.grecaptcha-badge {
  visibility: hidden !important;
}
/************* pswp__bg************/
.pswp__bg {
  background-color: #fff;
}

.pswp__button {
  color: #000;
}

/******* PRODUCTS PAGE *******/
/* .kyt-col-3 .kyt-media-wrapper.with-placeholder img {
  top: 67%;
} */

.kyt-bottom-right-area {
  right: unset;
  left: 30px;
  bottom: 30px;
  max-width: 60px;
}

/****************** SLIDER ******************/
.ts-slider-home .kyt-slider-content {
	line-height: 0;
}