/** Shopify CDN: Minification failed

Line 467:20 Expected ")" to end URL token

**/
/*-----------------  cms top banner----------------*/
.custom-top-banner {
  float: left;
  width: 100%;
  position: relative;
}
.custom-top-banner .top-banner .banner .bannerimg > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.custom-top-banner .top-banner .banner .bannerimg > a::after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  right: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
.custom-top-banner .top-banner .banner .bannerimg:hover > a::after {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.custom-top-banner .top-banner .banner .bannerimg > a::before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
.custom-top-banner .top-banner .banner .bannerimg:hover > a::before {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.custom-top-banner .top-banner .bottom-banner1 {
  margin: 30px 0 0;
  float: left;
}
.custom-top-banner .top-banner .banner.banner2 {
  padding: 0;
}
.custom-top-banner .top-banner .bannerimg {
  float: left;
  width: 100%;
  position: relative;
}
.custom-top-banner .top-banner .bannerimg .banner-content .banner-inner {
  float: left;
  width: 100%;
}
.custom-top-banner .top-banner .bannerimg .banner-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-top-banner .top-banner .banner .title {
  font: 500 36px/44px var(--font-stack-body);
    margin: 0 0 15px;
    float: left;
    width: 100%;
    }
.custom-top-banner .top-banner .banner .subtitle {
  font: 400 18px/22px var(--font-stack-subheading);
    margin: 0 0 5px;
    }
.custom-top-banner .top-banner .banner .banner-content1 .title, .custom-top-banner .top-banner .banner .banner-content2 .subtitle {
  margin: 0;
}
.custom-top-banner .top-banner .banner .banner-content4 .subtitle {
  margin: 0 0 10px;
}
.custom-top-banner .top-banner .banner .banner-content2 .desc {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 10px 35px;
  font: 700 32px/34px var(--font-stack-subheading);
    margin: 0 0 15px;
    }
.custom-top-banner .top-banner .banner .banner-content .button1 a, .custom-top-banner .top-banner .banner .banner-content .button2 a {
  padding: 10px 30px;
  font: 400 14px/20px var(--font-stack-subheading);
    }
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content3 {
  width: 50%;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content3 .button1 {
  float: left;
  width: 100%;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content4 .button2 {
  float: left;
  width: 100%;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content1 {
  top: 60px;
  bottom: auto;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content2.left {
  left: 30px;
  right: auto;
  text-align: left;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content2.right {
  right: 30px;
  left: auto;
  text-align: right;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content3.left {
  left: 10px;
  right: auto;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content3.right {
  right: 20px;
  left: auto;
  text-align: right;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content4.left {
  left: 0;
  right: auto;
}
.custom-top-banner .top-banner .bannerimg .banner-content.banner-content4.right {
  right: 0;
  left: auto;
}
@media (max-width: 1199px) {
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content1 {
    top: 50px;
  }
  .custom-top-banner .top-banner .banner .title {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 10px;
  }
  .custom-top-banner .top-banner .banner .subtitle {
    font-size: 16px;
    line-height: 20px;
  }
  .custom-top-banner .top-banner .banner .banner-content2 .desc {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
  }
  .custom-top-banner .top-banner .banner .banner-content .button1 a, .custom-top-banner .top-banner .banner .banner-content .button2 a {
    padding: 8px 24px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 991px) {
  .custom-top-banner .top-banner .bottom-banner1 {
    margin: 20px 0 0;
  }
  .custom-top-banner .top-banner .banner .title {
    font-size: 26px;
    line-height: 30px;
  }
  .custom-top-banner .top-banner .banner .subtitle {
    font-size: 14px;
    line-height: 18px;
  }
  .custom-top-banner .top-banner .banner .banner-content2 .desc {
    padding: 8px 35px;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content2.right {
    right: 20px;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content3.right {
    right: 40px;
  }
}
@media (max-width: 767px) {
  .custom-top-banner .top-banner .banner .banner-content .button1 a, .custom-top-banner .top-banner .banner .banner-content .button2 a {
    padding: 8px 15px;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content2.right {
    right: 30px;
  }
  .custom-top-banner .top-banner .banner1 .bannerimg {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 0 20px;
  }
  .custom-top-banner .top-banner .banner.banner1 {
    text-align: center;
  }
}
@media (max-width: 540px) {
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content3 {
    width: 45%;
  }
}
@media (max-width: 480px) {
  .custom-top-banner .top-banner .bottom-banner1 {
    margin: 10px 0 0;
  }
  .custom-top-banner .top-banner .banner .title {
    font-size: 22px;
    line-height: 24px;
  }
  .custom-top-banner .top-banner .banner .subtitle {
    font-size: 12px;
    line-height: 16px;
  }
  .custom-top-banner .top-banner .banner .banner-content4 .subtitle {
    display: none;
  }
  .custom-top-banner .top-banner .banner .banner-content .button1 a, .custom-top-banner .top-banner .banner .banner-content .button2 a {
    font-size: 10px;
    line-height: 14px;
    padding: 6px 12px;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content2.right {
    right: 20px;
    text-align: center;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content3.left {
    left: 35px;
  }
  .custom-top-banner .top-banner .banner.banner2 .banner-1 {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0 0 10px;
  }
  .custom-top-banner .top-banner .banner.banner2 .banner-2 {
    width: 100%;
    text-align: center;
    float: left;
  }
  .custom-top-banner .top-banner .banner1 .bannerimg {
    margin: 0 0 10px;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content4 {
    height: 35%;
  }
}
@media (max-width: 400px) {
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content2.right {
    text-align: right;
  }
  .custom-top-banner .top-banner .bannerimg .banner-content.banner-content4 {
    height: 0;
  }
}
/*------------------bottom banner CSS ----------------*/
.bottom-banner {
  float: left;
  width: 100%;
  position: relative;
}
.bottom-banner .bottombanner-img {
  float: left;
  width: 100%;
  position: relative;
}
.bottom-banner .bottombanner-img > a {
  display: block;
  position: relative;
  overflow: hidden;
}
.bottom-banner .bottombanner-img > a::after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  right: 0;
  opacity: 1;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
.bottom-banner .bottombanner-img:hover > a::after {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  opacity: 0;
}
.bottom-banner .bottombanner-img > a::before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
.bottom-banner .bottombanner-img:hover > a::before {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.bottom-banner .bottombanner-img .bottombanner-content {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  text-align: center;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent {
  float: left;
  width: 100%;
  position: relative;
}
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title {
  font: 500 42px/50px var(--font-stack-body);
    margin: 0 0 15px;
    }
.bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 10px 25px;
  font: 500 15px/20px var(--font-stack-subheading);
    }
.bottom-banner .bottombanner-img .bottombanner-content.bottombanner-content-text-right {
  right: 40px;
  left: auto;
}
.bottom-banner .bottombanner-img .bottombanner-content.bottombanner-content-text-left {
  left: 40px;
  right: auto;
}
@media (max-width: 1199px) {
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title {
    font-size: 44px;
    line-height: 50px;
  }
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title {
    font-size: 34px;
    line-height: 40px;
    margin: 0 0 10px;
  }
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
    font-size: 10px;
    line-height: 12px;
    padding: 8px 10px;
  }
}
@media (max-width: 767px) {
  .bottom-banner .bottombanner-img .bottombanner-content.bottombanner-content-text-right {
    right: 20px;
  }
  .bottom-banner .bottombanner-img .bottombanner-content.bottombanner-content-text-left {
    left: 20px;
  }
}
@media (max-width: 700px) {
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
    padding: 5px;
  }
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle {
    display: none;
  }
  .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
  }
}
@media (max-width: 400px) {
  .bottom-banner .bottombanner-img .bottombanner-content.bottombanner-content-text-right {
    right: 10px;
  }
  .bottom-banner .bottombanner-img .bottombanner-content.bottombanner-content-text-left {
    left: 10px;
  }
}
/*------------ ttcmsoffer CSS ----------------*/
.ttcmsoffer-block {
  float: left;
  width: 100%;
  position: relative;
  padding: 27px 0;
}
.ttcmsoffer-block .ttcmsoffer-banner {
  float: left;
  width: 100%;
  position: relative;
}
.ttcmsoffer-block .ttcmsoffer-banner .offer-content {
  float: none;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.ttcmsoffer-block .ttcmsoffer-banner .offer-button {
  float: right;
  padding: 10px 0;
}
.ttcmsoffer-block:hover .ttcmsoffer-banner .offer-content::before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media (min-width: 992px) {
  .ttcmsoffer-block:hover .ttcmsoffer-banner .offer-content .title {
    letter-spacing: 2px;
  }
}
.ttcmsoffer-block .ttcmsoffer-banner .offer-content::before {
  background: url({{"offerimg.png" | asset_url}}) no-repeat;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  margin: 0 auto;
  height: 55px;
  width: 55px;
  line-height: 55px;
  cursor: pointer;
  float: none;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
}
.ttcmsoffer-block .ttcmsoffer-banner .offer-content .title {
  float: none;
  display: inline-block;
  vertical-align: top;
  font: 400 34px/55px var(--font-stack-body);
    width: auto;
    padding-left: 70px;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
.ttcmsoffer-block .ttcmsoffer-banner .offer-button .button a {
  padding: 12px 40px;
  font: 400 14px/20px var(--font-stack-subheading);
    }
@media (max-width: 1199px) {
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content .title {
    font-size: 30px;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-button .button a {
    padding: 10px 30px;
  }
}
@media (max-width: 991px) {
  .ttcmsoffer-block {
    padding: 20px 0;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content::before {
    background-size: 80%;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content .title {
    font-size: 20px;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-button .button a {
    padding: 10px 20px;
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 700px) {
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content,.ttcmsoffer-block .ttcmsoffer-banner .offer-button {
    float: left;
    width: 100%;
    text-align: center;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content::before {
    text-align: center;
    left: 0;
    right: 0;
    position: static;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content .title {
    float: left;
    width: 100%;
    padding: 0;
    line-height: 24px;
    margin: 0 0 10px;
  }
}
@media (max-width: 480px) {
  .ttcmsoffer-block {
    padding: 10px 0;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-button {
    padding: 0;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-content .title {
    font-size: 16px;
  }
  .ttcmsoffer-block .ttcmsoffer-banner .offer-button .button a {
    padding: 8px 14px;
    font-size: 10px;
    line-height: 14px;
  }
}
/*========================== sub bannerCSS =====================*/
#ttcms-subbanner {
  float: left;
  width: 100%;
  position: relative;
}
#ttcms-subbanner .subbannercontent {
  float: left;
  width: 100%;
  position: relative;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .banner-img {
  float: none;
  width: auto;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .banner-img > a {
  display: block;
  overflow: hidden;
  position: relative;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .banner-img > a::after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  right: 0;
  opacity: 1;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .banner-img:hover > a::after {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  opacity: 0;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .banner-img > a::before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .banner-img:hover > a::before {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-content {
  float: left;
  width: 100%;
}
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner1 .ttbanner-block {
  top: auto;
  bottom: 30px;
}
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner2 .ttbanner-block {
  top: 20px;
  bottom: auto;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-title {
  font: 500 40px/46px var(--font-stack-body);
    }
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner2 .ttbanner-block .ttbanner-title {
  margin: 0 0 10px;
}
#ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-subtitle {
  font: 400 20px/24px var(--font-stack-subheading);
    margin: 0 0 10px;
    }
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner3 .ttbanner-block .ttbanner-subtitle {
  margin: 0;
}
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner2 .ttbanner-block .ttbanner-btn a {
  padding: 10px 28px;
  font: 400 14px/18px var(--font-stack-subheading);
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    }
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner3 .ttbanner-block .ttbanner-content {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  height: 100%;
  float: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
}
#ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner3 .ttbanner-block {
  left: 20px;
  right: auto;
}
#ttcms-subbanner .subbannercontent .ttbanner-img:last-child {
  margin: 0;
}
@media (max-width: 1199px) {
  #ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-title {
    font-size: 30px;
    line-height: 34px;
  }
  #ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner2 .ttbanner-block .ttbanner-btn a {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 18px;
  }
  #ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  #ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-title {
    font-size: 22px;
    line-height: 24px;
  }
  #ttcms-subbanner .subbannercontent .ttbanner-img .ttbanner-block .ttbanner-subtitle {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 8px;
  }
  #ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner2 .ttbanner-block .ttbanner-btn a {
    font-size: 10px;
    line-height: 14px;
    padding: 5px 15px;
  }
  #ttcms-subbanner .subbannercontent .ttbanner-img.ttbanner3 .ttbanner-block {
    left: 10px;
  }
}
@media (max-width: 650px) {
  #ttcms-subbanner .subbannercontent .ttbanner-img {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 15px;
  }
}
/*------------------ ttcmsparallax CSS ----------------*/
.ttcmsparallax .parallex {
  height: 550px;
  position: relative;
  overflow: hidden;
}

.ttcmsparallax .parallex .parallax-detail {
  float: left;
  width: 100%;
  text-align: center;
}
.ttcmsparallax .parallex .parallax-detail .subtitle {
  float: left;
  width: 100%;
  position: relative;
  font: 400 24px/28px var(--font-stack-subheading);
    margin: 0 0 25px;
    }
.ttcmsparallax .parallex .parallax-detail .title {
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 10px 50px;
  font: 500 66px/80px var(--font-stack-body);
    margin: 0 0 25px;
    }
.ttcmsparallax .parallex .parallax-detail .description {
  float: left;
  width: 100%;
  font: 400 26px/30px var(--font-stack-subheading);
    margin: 0 0 40px;
    }
.ttcmsparallax .parallex .parallax-detail .parallax-button a {
  padding: 10px 32px;
  font: 400 14px/20px var(--font-stack-subheading);
    }
@media (min-width: 768px) {
  .ttcmsparallax .parallex {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1299px) {
  .ttcmsparallax .parallex {
    height: 450px;
  }
}
@media (max-width: 1199px) {
  .ttcmsparallax .parallex .parallax-detail .subtitle {
    font-size: 20px;
    line-height: 24px;
  }
  .ttcmsparallax .parallex .parallax-detail .title {
    font-size: 50px;
    line-height: 60px;
    padding: 10px 40px;
  }
  .ttcmsparallax .parallex .parallax-detail .description {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 30px;
  }
}
@media (max-width: 991px) {
  .ttcmsparallax .parallex {
    height: 350px;
  }
  .ttcmsparallax .parallex .parallax-detail .subtitle {
    font-size: 16px;
    line-height: 20px;
  }
  .ttcmsparallax .parallex .parallax-detail .title {
    font-size: 40px;
    line-height: 50px;
    padding: 8px 30px;
  }
  .ttcmsparallax .parallex .parallax-detail .description {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 20px;
  }
  .ttcmsparallax .parallex .parallax-detail .parallax-button a {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 22px;
  }
}
@media (max-width: 767px) {
  .ttcmsparallax .parallex {
    height: 100%;
  }
  .ttcmsparallax .parallex .parallax-detail {
    padding: 30px 0;
  }
  .ttcmsparallax .parallex .parallax-detail .title {
    font-size: 30px;
    line-height: 40px;
    padding: 5px 20px;
  }
  .ttcmsparallax .parallex .parallax-detail .subtitle {
    font-size: 14px;
    line-height: 18px;
  }
  .ttcmsparallax .parallex .parallax-detail .description {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 480px) {
  .ttcmsparallax .parallex .parallax-detail .subtitle {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 15px;
  }
  .ttcmsparallax .parallex .parallax-detail .title {
    font-size: 24px;
    line-height: 30px;
    padding: 5px 15px;
    margin: 0 0 15px;
  }
  .ttcmsparallax .parallex .parallax-detail .description {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 15px;
  }
}
/*-------------- ttcmsservices CSS ------------*/
#ttcmsservices {
  float: left;
  width: 100%;
  position: relative;
}
#ttcmsservices .block_content .ttcontent {
  float: left;
  width: 100%;
  position: relative;
  text-align: center;
}
#ttcmsservices .block_content .ttcontent .service {
  float: none;
  width: auto;
  cursor: pointer;
  white-space: pre-line;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
#ttcmsservices .block_content .ttcontent .service .ttshipping_img.service-icon {
  float: left;
  width: 65px;
  height: 65px;
  line-height: 60px;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
}
#ttcmsservices .block_content .ttcontent:hover .service .ttshipping_img.service-icon {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
#ttcmsservices .block_content .ttcontent .service .content {
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
#ttcmsservices .ttcontent .service-title {
  font: 600 16px/28px var(--font-stack-body);
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
#ttcmsservices .ttcontent .service-desc {
  font: 400 13px/20px var(--font-stack-subheading);
    }
#ttcmsservices .block_content .owl-item {
  position: relative;
}
#ttcmsservices .block_content .owl-item .ttcontent::after {
  position: absolute;
  top: 0;
  content: '';
  bottom: 0;
  left: auto;
  right: 0;
  margin: auto;
  height: 100%;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}
#ttcmsservices .block_content .owl-item.active:last-child .ttcontent::after {
  display: none;
}
@media (max-width: 480px) {
  #ttcmsservices .block_content .owl-item .ttcontent::after {
    background: none;
  }
  #ttcmsservices .block_content .ttcontent .service .ttshipping_img.service-icon {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  #ttcmsservices .block_content .ttcontent .service {
    text-align: center;
  }
}
/*------------------ Custom cms ttbanner CSS ----------------*/
.custom-cms-ttbanner {
  float: left;
  width: 100%;
  position: relative;
}
.custom-cms-ttbanner .ttcms-banner {
  float: left;
  width: 100%;
  position: relative;
  text-align: center;
}
.custom-cms-ttbanner .ttcms-banner .banner {
  float: left;
}
.custom-cms-ttbanner .ttcms-banner .banner:last-child {
  margin: 0;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg {
  float: left;
  width: 100%;
  position: relative;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
}
.ttcms-banner .banner .banner-content .subtitle {
  font: 500 20px/24px var(--font-stack-subheading);
    margin: 0 0 5px;
    }
.ttcms-banner .banner .banner-content .title {
  font: 500 38px/44px var(--font-stack-body);
    margin: 0 0 15px;
    }
.ttcms-banner .banner .banner-content1 .button1 a, .ttcms-banner .banner .banner-content2 .button2 a {
  padding: 12px 30px;
  font: 400 14px/20px var(--font-stack-subheading);
    }
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content1.left {
  left: 30px;
  right: auto;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content1.right {
  right: 30px;
  left: auto;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content2.left {
  left: 30px;
  right: auto;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content2.right {
  right: 30px;
  left: auto;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg > a::after {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  right: 0;
  opacity: 1;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg:hover > a::after {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  opacity: 0;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg > a::before {
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  margin: auto;
  left: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: 0;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}
.custom-cms-ttbanner .ttcms-banner .banner .bannerimg:hover > a::before {
  height: 100%;
  width: 100%;
  transition-duration: 1.5s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
@media (max-width: 1299px) {
  .custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content {
    width: 43%;
  }
}
@media (max-width: 1199px) {
  .custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content {
    width: 53%;
  }
}
@media (max-width: 991px) {
  .custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content {
    width: 57%;
  }
  .ttcms-banner .banner .banner-content .subtitle {
    font-size: 18px;
    line-height: 20px;
  }
  .ttcms-banner .banner .banner-content .title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px;
  }
  .ttcms-banner .banner .banner-content1 .button1 a, .ttcms-banner .banner .banner-content2 .button2 a {
    font-size: 10px;
    line-height: 16px;
    padding: 8px 20px;
  }
  .custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content1.left,.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content2.left {
    left: 15px;
  }
  .custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content1.right,.custom-cms-ttbanner .ttcms-banner .banner .bannerimg .banner-content.banner-content2.right {
    right: 15px;
  }
}
@media (max-width: 767px) {
  .ttcms-banner .banner .banner-content .subtitle {
    font-size: 14px;
    line-height: 16px;
  }
  .ttcms-banner .banner .banner-content .title {
    font-size: 22px;
    line-height: 30px;
  }
  .ttcms-banner .banner .banner-content1 .button1 a, .ttcms-banner .banner .banner-content2 .button2 a {
    padding: 6px 16px;
  }
}
@media (max-width: 600px) {
  .custom-cms-ttbanner .ttcms-banner .banner {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 0 10px;
  }
}
/*========================== testimonial CSS =====================*/
.parallex.tt-testimonial-wrap {
  height: 580px;
  float: left;
  width: 100%;
}
.grid__item.testimonials_wrap {
  float: left;
  width: 100%;
  text-align: center;
  padding: 85px 0;
}
.testimonials_wrap .grid__item.small-grid__item {
  float: none;
  width: 60%;
  display: inline-block;
  vertical-align: top;
}
.testimonials_wrap .testimonial-block .testimonial-detail {
  float: left;
  width: 100%;
  padding: 70px 0 0;
  margin: 0px 0 35px;
}
.testimonials_wrap .testimonial-block .testimonial-detail::before {
  position: absolute;
  content: '\f27e';
  font-family: 'Material Design Icons';
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 70px;
  height: 60px;
  width: 70px;
  line-height: 70px;
  color: #ffaa01;
}
.testimonials_wrap .testimonial-block .testimonial-content .testimonial-desc {
  font: italic 400 16px/32px var(--font-stack-subheading);
    margin: 0;
    text-overflow: ellipsis;
    }
.testimonials_wrap .testimonial-block .testimonial-content .testimonial-desc p {
  margin: 0;
}
.testimonials_wrap .testimonial-block .authorimg.testimonial-image {
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 30px;
}
.testimonials_wrap .testimonial-block .authorimg.testimonial-image img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border: 5px solid #fff;
}
.testimonials_wrap .testimonial-block .author-detail .testimonial-user-title {
  float: left;
  width: 100%;
}
.testimonials_wrap .testimonial-block .author-detail .testimonial-user-title h4 {
  font: 500 16px/22px var(--font-stack-body);
    margin: 0 0 5px;
    }
.testimonials_wrap .testimonial-block .author-detail .testimonial-user-desc {
  float: left;
  width: 100%;
  font: 400 14px/18px var(--font-stack-subheading);
    margin: 0 0 30px;
    }
.testimonials_wrap .owl-dots {
  float: left;
  width: 100%;
  text-align: center;
}
.testimonials_wrap .owl-dot {
  height: 12px;
  width: 12px;
  background: #fff;
  border-radius: 50%;
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
.testimonials_wrap .owl-dot.active {
  height: 16px;
  width: 16px;
  background: var(--color-btn-secondary);
    }
.testimonials_wrap .owl-dot:hover, .testimonials_wrap .owl-dot:focus, .testimonials_wrap .owl-dot:active {
  background: var(--color-btn-secondary);
    }
@media (max-width: 1199px) {
  .parallex.tt-testimonial-wrap {
    height: 500px;
  }
  .grid__item.testimonials_wrap {
    padding: 40px 0 0;
  }
  .testimonials_wrap .grid__item.small-grid__item {
    width: 75%;
  }
}
@media (max-width: 991px) {
  .grid__item.testimonials_wrap {
    padding: 35px 0 0;
  }
  .testimonials_wrap .testimonial-block .testimonial-detail {
    margin: 0px 0 15px;
  }
}
@media (max-width: 767px) {
  .parallex.tt-testimonial-wrap {
    height: 450px;
  }
  .testimonials_wrap .testimonial-block .testimonial-detail {
    padding: 40px 0 0;
  }
  .testimonials_wrap .testimonial-block .testimonial-detail::before {
    font-size: 40px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
  .testimonials_wrap .testimonial-block .testimonial-content .testimonial-desc {
    font-size: 14px;
    line-height: 28px;
  }
  .testimonials_wrap .testimonial-block .author-detail .testimonial-user-title h4 {
    font-size: 14px;
    line-height: 20px;
  }
  .testimonials_wrap .testimonial-block .author-detail .testimonial-user-desc {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 480px) {
  .testimonials_wrap .grid__item.small-grid__item {
    width: 100%;
  }
  .testimonials_wrap .testimonial-block .testimonial-content .testimonial-desc {
    font-size: 12px;
    line-height: 26px;
  }
}
@media (max-width: 440px) {
  .grid__item.testimonials_wrap {
    padding: 25px 0 0;
  }
}
@media (max-width: 400px) {
  .testimonials_wrap .testimonial-block .authorimg.testimonial-image {
    margin: 0 0 20px;
  }
  .testimonials_wrap .testimonial-block .author-detail .testimonial-user-desc {
    margin: 0 0 10px;
  }
}
/*----------------------  category-feature CSS --------------------*/
.tt-collection-slider-wrap {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 80px 0 0;
}
.tt-collection-slider-wrap::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: -1;
  height: 70%;
}
.tt-collection-slider-wrap .tt-titletab {
  float: left;
  width: 100%;
  text-align: center;
}
.tt-collection-slider-wrap-inner {
  float: left;
  width: 100%;
}
.tt-collection-slider-wrap-inner .cat_content {
  margin: 80px 0 0;
}
.tt-collection-slider-wrap-inner .cat_content .tt_cat_content {
  float: left;
  width: 100%;
  position: relative;
  border: 8px solid;
  margin: 0 0 10px;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}
.tt-collection-slider-wrap-inner .cat_content .collection_img {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.tt-collection-slider-wrap-inner .cat_content .collection_img:after {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  content: "";
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.tt-collection-slider-wrap-inner .cat_content:hover .collection_img:after {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
}
.tt-collection-slider-wrap-inner .cat_content .collection_img a {
  display: block;
  position: relative;
  overflow: hidden;
}
.tt-collection-slider-wrap-inner .cat_content .collection_img a img {
  float: left;
  width: 100%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  overflow: hidden;
}
.tt-collection-slider-wrap-inner .cat_content:hover .collection_img a img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.tt-collection-slider-wrap-inner .cat_content .category-icon {
  float: left;
  position: absolute;
  content: '';
  top: -70px;
  bottom: auto;
  left: 0;
  right: 0;
  height: 120px;
  width: 120px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -khtml-border-radius: 100%;
  margin: auto;
  border: 8px solid;
  z-index: 1;
  -webkit-transition: all 600ms ease-in-out 0s;
  -moz-transition: all 600ms ease-in-out 0s;
  -ms-transition: all 600ms ease-in-out 0s;
  -o-transition: all 600ms ease-in-out 0s;
  transition: all 600ms ease-in-out 0s;
}
.tt-collection-slider-wrap-inner .cat_content .tt_cat_content:hover ~ .category-icon {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tt-collection-slider-wrap-inner .cat_content .category-icon a {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 15px 0;
}
.tt-collection-slider-wrap-inner .cat_content .ttcat-content {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 50px;
  overflow: hidden;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.tt-collection-slider-wrap-inner .cat_content .ttcat-content .collection_title {
  float: left;
  width: 100%;
  font: 500 20px/24px var(--font-stack-body);
    cursor: pointer;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
.tt-collection-slider-wrap-inner .cat_content .ttcat-content .collection-detail {
  margin: 20px 0 0;
  width: 80%;
  float: none;
  display: inline-block;
  vertical-align: top;
  font: 400 13px/22px var(--font-stack-subheading);
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
.tt-collection-slider-wrap-inner .cat_content .ttcat-content .desc {
  margin: 15px 0 0;
  float: left;
  width: 100%;
  font: 500 14px/20px var(--font-stack-subheading);
    cursor: pointer;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
@media (min-width: 768px) {
  .tt-collection-slider-wrap-inner .cat_content:hover .ttcat-content {
    height: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1299px) {
  .tt-collection-slider-wrap-inner .cat_content:hover .ttcat-content {
    height: 60%;
  }
}
@media (max-width: 1199px) {
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content .collection_title {
    font-size: 18px;
    line-height: 22px;
  }
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content .collection-detail {
    font-size: 12px;
    line-height: 18px;
  }
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content .desc {
    font-size: 12px;
    line-height: 16px;
  }
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content {
    height: 45px;
  }
}
@media (max-width: 991px) {
  .tt-collection-slider-wrap {
    padding: 50px 0 0;
  }
}
@media (max-width: 767px) {
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content {
    height: 40%;
  }
}
@media (max-width: 650px) {
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content {
    height: 50%;
  }
}
@media (max-width: 550px) {
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content {
    height: 60%;
  }
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content .collection-detail {
    font-size: 11px;
    line-height: 16px;
    margin: 8px 0 0;
  }
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content .desc {
    margin: 8px 0 0;
  }
}
@media (max-width: 480px) {
  .tt-collection-slider-wrap {
    padding: 30px 0 0;
  }
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content {
    height: 25%;
  }
}
@media (max-width: 380px) {
  .tt-collection-slider-wrap-inner .cat_content .ttcat-content {
    height: 35%;
  }
}
/*----------------------  slideshow CSS -----------------------*/
.home-slider ul.slides li a img {
  width: 100%;
}
.homeslider {
  float: left;
  width: 100%;
  overflow: hidden;
}
.tt-homeslider .home-slider, .homeslider #popup_toggle {
  float: left;
  width: 100%;
  position: relative;
}
.home-slider ul.slides.slick-slider {
  margin: 0;
}
.home-slider .slides li {
  margin: 0;
  position: relative;
}
.homeslider .slides .slick-arrow {
  border: none;
  font-size: 0;
  height: 45px;
  width: 45px;
  line-height: normal;
  z-index: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
}
.homeslider .slides:hover .slick-arrow {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow {
  left: 30px;
  border-right: 3px solid var(--color-btn-secondary);
    }
.homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow {
  right: 30px;
  border-left: 3px solid var(--color-btn-secondary);
    }
.homeslider .slides .slick-arrow::after {
  height: 45px;
  width: 45px;
  font-family: "Material design Icons";
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  float: none;
  display: inline-block;
  vertical-align: top;
}
.homeslider .slides .slick-prev.slick-arrow::after {
  content: "\f141";
}
.homeslider .slides .slick-next.slick-arrow::after {
  content: "\f142";
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap {
  position: absolute;
  top: auto;
  bottom: 26%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 24%;
  float: left;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
  font: 400 18px/22px var(--font-stack-subheading);
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 18px 30px;
    margin: 0 0 15px;
    }
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
  font: 400 14px/18px var(--font-stack-subheading);
    padding: 12px 30px;
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
    }
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-left {
  left: 12%;
  right: auto;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap.content-right {
  right: 12%;
  left: auto;
}
.homeslider .play-icone {
  bottom: 0;
  height: 70px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  background: #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  cursor: pointer;
}
.homeslider .play-icone:hover {
  background-color: var(--color-btn-secondary);
    }
.homeslider .play-icone:hover i {
  color: var(--color-product-secondary-text);
    }
.homeslider .play-icone i {
  color: #222;
  font-size: 58px;
  line-height: 70px;
  padding: 0 1px;
}
.homeslider .popup_overlay {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  z-index: 999;
  right: 0;
  display: none;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
}
.homeslider .popup_overlay .video-wrapper {
  position: static;
}
.slider-content-wrap {
  position: absolute;
  width: 40%;
  bottom: 33%;
  top: auto;
  text-align: center;
}
.slider-content-wrap.content-left.effect_left {
  left: 15%;
  right: auto;
  text-align: left;
}
.type_slide .slider-content-wrap.content-left.effect_left, .type_slide .slider-content-wrap.content-left.effect_right, .type_slide .slider-content-wrap.content-left.effect_top, .type_slide .slider-content-wrap.content-left.effect_bottom, .type_slide .slider-content-wrap.content-right.effect_left, .type_slide .slider-content-wrap.content-right.effect_right, .type_slide .slider-content-wrap.content-right.effect_top, .type_slide .slider-content-wrap.content-right.effect_bottom, .type_slide .slider-content-wrap.content-center.effect_left, .type_slide .slider-content-wrap.content-center.effect_right, .type_slide .slider-content-wrap.content-center.effect_top, .type_slide .slider-content-wrap.content-center.effect_bottom {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}
.type_slide .slick-active .slider-content-wrap.content-left.effect_left, .type_slide .slick-active .slider-content-wrap.content-left.effect_right, .type_slide .slick-active .slider-content-wrap.content-left.effect_top, .type_slide .slick-active .slider-content-wrap.content-left.effect_bottom, .type_slide .slick-active .slider-content-wrap.content-right.effect_left, .type_slide .slick-active .slider-content-wrap.content-right.effect_right, .type_slide .slick-active .slider-content-wrap.content-right.effect_top, .type_slide .slick-active .slider-content-wrap.content-right.effect_bottom, .type_slide .slick-active .slider-content-wrap.content-center.effect_left, .type_slide .slick-active .slider-content-wrap.content-center.effect_right, .type_slide .slick-active .slider-content-wrap.content-center.effect_top, .type_slide .slick-active .slider-content-wrap.content-center.effect_bottom {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}
.slider-content-wrap.content-left.effect_right {
  left: auto;
  right: 50%;
  text-align: left;
}
.slider-content-wrap.content-left.effect_top {
  left: 15%;
  right: auto;
  top: 25%;
  bottom: auto;
  text-align: left;
}
.slider-content-wrap.content-left.effect_bottom {
  left: 15%;
  right: auto;
  bottom: 33%;
  top: auto;
  text-align: left;
}
.slider-content-wrap.content-right.effect_left {
  right: auto;
  left: 55%;
  bottom: 24%;
  text-align: right;
}
.slider-content-wrap.content-right.effect_top {
  right: 10%;
  left: auto;
  top: 30%;
  text-align: right;
  bottom: auto;
}
.slider-content-wrap.content-right.effect_bottom {
  right: 10%;
  left: auto;
  text-align: right;
}
.slider-content-wrap.content-center.effect_left {
  left: 30%;
  right: auto;
  margin: 0 auto;
  text-align: center;
}
.slider-content-wrap.content-center.effect_right {
  right: 35%;
  left: auto;
  margin: 0 auto;
  text-align: center;
}
.slider-content-wrap.content-center.effect_bottom {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.slider-content-wrap.content-center.effect_top {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 35%;
  bottom: auto;
}
.slider-content-wrap.content-right.effect_right {
  right: 10%;
  left: auto;
  bottom: 24%;
  text-align: right;
}
.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
  font: 400 80px/100px var(--font-stack-body);
    margin: 0 0 20px;
    }

.tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
  font: 400 35px/40px var(--font-stack-subheading);
    margin: 0 0 15px;
    }
@media (max-width: 1800px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap {
    width: 26%;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap {
    width: 40%;
  }
}
@media (max-width: 1720px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    font-size: 32px;
    line-height: 36px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 70px;
    line-height: 90px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 1520px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 65px;
    line-height: 74px;
  }
}
@media (max-width: 1499px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    font-size: 28px;
    line-height: 32px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    padding: 16px 20px;
  }
}
@media (max-width: 1459px) {
  .slider-content-wrap {
    width: 50%;
    bottom: 28%;
  }
}
@media (max-width: 1360px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    padding: 12px 15px;
  }
}
@media (max-width: 1321px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 56px;
    line-height: 70px;
  }
}
@media (max-width: 1240px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1200px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap {
    bottom: 20%;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
    padding: 10px 20px;
  }
}
@media (max-width: 1199px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap {
    bottom: 14%;
    width: 28%;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    font-size: 20px;
    line-height: 24px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 53px;
    line-height: 60px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    font-size: 10px;
    line-height: 14px;
  }
}
@media (max-width: 991px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap {
    width: 37%;
    bottom: 18%;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    font-size: 18px;
    line-height: 20px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    padding: 10px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
    font-size: 12px;
    line-height: 16px;
  }
  .homeslider .play-icone i {
    font-size: 52px;
  }
  .slider-content-wrap {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .homeslider .slides .slick-arrow {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    height: 35px;
    width: 35px;
  }
  .homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow {
    left: 15px;
  }
  .homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow {
    right: 15px;
  }
  .homeslider .slides .slick-arrow::after {
    height: 35px;
    width: 35px;
    font-size: 24px;
    line-height: 35px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 50px;
    line-height: 58px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-desc {
    display: none;
  }
  .homeslider .play-icone {
    height: 55px;
    width: 55px;
  }
  .homeslider .play-icone i {
    line-height: 55px;
    font-size: 40px;
  }
  .slider-content-wrap {
    width: 52%;
    bottom: 18%;
  }
  .slider-content-wrap.content-left.effect_bottom,.slider-content-wrap.content-right.effect_left,.slider-content-wrap.content-right.effect_right {
    bottom: 18%;
  }
  .slider-content-wrap.content-left.effect_top,.slider-content-wrap.content-right.effect_top,.slider-content-wrap.content-center.effect_top {
    top: 18%;
  }
}
@media (max-width: 650px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 8px;
  }
}
@media (max-width: 480px) {
  .homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow {
    background: none;
    border: none;
    left: 0;
  }
  .homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow {
    background: none;
    border: none;
    right: 0;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 10px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-title {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
  }
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a {
    padding: 7px 14px;
  }
  .homeslider .play-icone {
    height: 34px;
    width: 34px;
  }
  .homeslider .play-icone i {
    line-height: 34px;
    font-size: 28px;
  }
}
@media (max-width: 410px) {
  .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-subtitle {
    display: none;
  }
  .slider-content-wrap.content-left.effect_top,.slider-content-wrap.content-right.effect_top,.slider-content-wrap.content-center.effect_top {
    top: 16%;
  }
  .slider-content-wrap.content-left.effect_bottom,.slider-content-wrap.content-right.effect_left,.slider-content-wrap.content-right.effect_right {
    bottom: 16%;
  }
  .slider-content-wrap {
    bottom: 12%;
  }
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-title,
.home-slider .slider-content-wrap.content-right.effect_right .slider-title,
.home-slider .slider-content-wrap.content-center.effect_right .slider-title{
  animation: 1200ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-title{
  animation: 1200ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-subtitle,
.home-slider .slider-content-wrap.content-right.effect_right .slider-subtitle,
.home-slider .slider-content-wrap.content-center.effect_right .slider-subtitle{
  animation: 1400ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-subtitle{
  animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-desc,
.home-slider .slider-content-wrap.content-right.effect_right .slider-desc,
.home-slider .slider-content-wrap.content-center.effect_right .slider-desc{
  animation: 1500ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-desc{
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-left.effect_right .slider-button,
.home-slider .slider-content-wrap.content-right.effect_right .slider-button,
.home-slider .slider-content-wrap.content-center.effect_right .slider-button{
  animation: 1600ms ease-in-out 0s normal none 1 running fadeOutRight;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_right .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_right .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_right .slider-button{
  animation: 1600ms ease-in-out 0s normal none 1 running fadeInRight;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-title,
.home-slider .slider-content-wrap.content-left.effect_left .slider-title,
.home-slider .slider-content-wrap.content-center.effect_left .slider-title{
  animation: 1500ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-title{
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-subtitle,
.home-slider .slider-content-wrap.content-left.effect_left .slider-subtitle,
.home-slider .slider-content-wrap.content-center.effect_left .slider-subtitle{
  animation: 1700ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-subtitle{
  animation: 1700ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-desc,
.home-slider .slider-content-wrap.content-center.effect_left .slider-desc,
.home-slider .slider-content-wrap.content-left.effect_left .slider-desc{
  animation: 1800ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-desc{
  animation: 1800ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-right.effect_left .slider-button,
.home-slider .slider-content-wrap.content-left.effect_left .slider-button,
.home-slider .slider-content-wrap.content-center.effect_left .slider-button{
  animation: 1900ms ease-in-out 0s normal none 1 running fadeOutLeft;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_left .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_left .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_left .slider-button{
  animation: 1900ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-title,
.home-slider .slider-content-wrap.content-left.effect_bottom .slider-title,
.home-slider .slider-content-wrap.content-right.effect_bottom .slider-title{
  animation: 1500ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-title{
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-subtitle,
.home-slider .slider-content-wrap.content-left.effect_bottom .slider-subtitle,
.home-slider .slider-content-wrap.content-right.effect_bottom .slider-subtitle{
  animation: 1800ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-subtitle{
  animation: 1800ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-desc,
.home-slider .slider-content-wrap.content-left.effect_bottom .slider-desc,
.home-slider .slider-content-wrap.content-right.effect_bottom .slider-desc{
  animation: 1900ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-desc{
  animation: 1900ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_bottom .slider-button,
.home-slider .slider-content-wrap.content-left.effect_bottom .slider-button,
.home-slider .slider-content-wrap.content-right.effect_bottom .slider-button{
  animation: 2000ms ease-in-out 0s normal none 1 running fadeOutUp;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_bottom .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_bottom .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_bottom .slider-button{
  animation: 2000ms ease-in-out 0s normal none 1 running fadeInUp;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-title,
.home-slider .slider-content-wrap.content-left.effect_top .slider-title,
.home-slider .slider-content-wrap.content-right.effect_top .slider-title {
  animation: 1800ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-title,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-title {
  animation: 1800ms ease-in-out 0s normal none 1 running fadeInDown;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-subtitle,
.home-slider .slider-content-wrap.content-left.effect_top .slider-subtitle,
.home-slider .slider-content-wrap.content-right.effect_top .slider-subtitle{
  animation: 1600ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-subtitle,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-subtitle{
  animation: 1600ms ease-in-out 0s normal none 1 running fadeInDown;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-desc,
.home-slider .slider-content-wrap.content-left.effect_top .slider-desc,
.home-slider .slider-content-wrap.content-right.effect_top .slider-desc{
  animation: 1700ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-desc,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-desc{
  animation: 1700ms ease-in-out 0s normal none 1 running fadeInDown;
}
.home-slider .slider-content-wrap.content-center.effect_top .slider-button,
.home-slider .slider-content-wrap.content-left.effect_top .slider-button,
.home-slider .slider-content-wrap.content-right.effect_top .slider-button{
  animation: 1900ms ease-in-out 0s normal none 1 running fadeOutDown;
}
.home-slider .slick-current.slick-active .slider-content-wrap.content-center.effect_top .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-left.effect_top .slider-button,
.home-slider .slick-current.slick-active .slider-content-wrap.content-right.effect_top .slider-button{
  animation: 1900ms ease-in-out 0s normal none 1 running fadeInDown;
}
/*--------- product tab banner------*/
.product-tab-banner .TTProduct-Tab .ttcmssub-banner {
  width: 25%;
}
.product-tab-banner .TTProduct-Tab .hometab-product {
  float: left;
}
.product-tab-banner .TTProduct-Tab .hometab-product {
  padding: 0;
}
.product-tab-banner .TTProduct-Tab .style2 .product-wrapper {
  margin: 15px 0 75px;
}
.product-tab-banner .product-wrapper {
  margin: 0;
}
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img {
  float: left;
  width: 100%;
  position: relative;
  cursor: pointer;
  margin: 0;
}
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img a {
  display: block;
  overflow: hidden;
  position: relative;
}
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img a img {
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img .ttbanner-content.center {
  position: absolute;
  top: 35px;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img .ttbanner-content.center .product-bannertitle {
  float: left;
  width: 100%;
  font: 600 36px/40px var(--font-stack-body);
    margin: 0 0 10px;
    transition: all 400ms ease-in-out 0s;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    }
.product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img .ttbanner-content.center .product-bannersubtitle {
  float: left;
  width: 100%;
  font: 500 18px/20px var(--font-stack-subheading);
    }
.product-tab-banner .nav > li {
  display: inline-block;
  float: none;
  width: auto;
  vertical-align: top;
  margin: 0 2px 30px;
}
.product-tab-banner .nav > li.active > a {
  background: var(--color-btn-secondary);
    color: var(--color-btn-secondary-text);
      }
.product-tab-banner .nav > li > a {
  background: #f5f5f5;
  color: var(--color-btn-secondary-text);
    padding: 10px 20px;
    font-size: 14px;
    }
.template-index .main-content .shopify-section.ttcmssub-banner {
  margin: 0;
}
.product-tab-banner .TTProduct-Tab .style2 .product-banner .ttcmssub-banner .tthomebanner-img {
  padding: 15px 0 0;
}
.TTProduct-Tab:hover .owl-theme .owl-nav {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  visibility: visible;
}
@media (min-width: 1261px) {
  .TTProduct-Tab .owl-theme .owl-nav {
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 992px) {
  .product-tab-banner .TTProduct-Tab .hometab-product .owl-theme .owl-nav .owl-prev, .product-tab-banner .TTProduct-Tab .hometab-product .owl-theme .owl-nav .owl-next {
    top: 33%;
    bottom: auto;
    position: absolute;
  }
  .product-tab-banner .TTProduct-Tab .hometab-product .owl-theme .owl-nav .owl-prev {
    left: 0px;
  }
  .product-tab-banner .TTProduct-Tab .hometab-product .owl-theme .owl-nav .owl-next {
    right: 0px;
  }
}
@media (max-width: 1199px) {
  .template-index .main-content .shopify-section.product-tab-banner {
    margin: 0 0 20px;
  }
  .product-tab-banner .TTProduct-Tab .hometab-product {
    width: 70%;
  }
  .product-tab-banner .TTProduct-Tab .ttcmssub-banner {
    width: 30%;
  }
}
@media (max-width: 991px) {
  .product-tab-banner .TTProduct-Tab .style2 .product-wrapper {
    margin: 15px 0 30px;
  }
  .product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img .ttbanner-content.center {
    top: 25px;
  }
  .product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img .ttbanner-content.center .product-bannertitle {
    font-size: 26px;
    line-height: 28px;
    margin: 0 0 8px;
  }
  .product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img .ttbanner-content.center .product-bannersubtitle {
    font-size: 12px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .product-tab-banner .TTProduct-Tab .ttcmssub-banner {
    width: 100%;
  }
  .product-tab-banner .TTProduct-Tab .hometab-product {
    padding: 20px 0 0;
    width: 100%;
  }
  .product-tab-banner .TTProduct-Tab .product-banner .ttcmssub-banner .tthomebanner-img {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 0 10px;
  }
  .product-tab-banner .tthometab-title .tt-title {
    width: 100%;
    line-height: 22px;
    text-align: center;
  }
}
@media (max-width: 485px) {
  .product-tab-banner .nav > li {
    margin: 0 0 10px;
  }
}
@media (max-width: 480px) {
  .product-tab-banner .TTProduct-Tab .ttcmssub-banner {
    padding: 0 10px;
  }
  .product-tab-banner .TTProduct-Tab .hometab-product {
    padding: 20px 5px 0;
  }
  .product-tab-banner .tthometab-title .tt-title.singletab {
    margin: 0 0 40px;
  }
  .product-tab-banner .nav > li {
    width: 80%;
  }
}
/*==================== Blog Design1 CSS=====================*/
.design_1 #blog_slider .tt-blog-content {
  float: left;
  width: 100%;
  position: relative;
}
.design_1 #blog_slider .tt-blog-content .blog-content-wrap {
  position: relative;
  padding: 25px 15px;
  float: none;
  width: 85%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  margin: -30px 0 5px;
  -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
}
.design_1 #blog_slider .tt-blog-content .blog-content-wrap span.article__comment a {
  font: 400 12px/14px var(--font-stack-subheading);
    margin: 0 15px 0 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
.design_1 #blog_slider .tt-blog-content .blog-content-wrap span.article__comment a i.mdi.mdi-eye {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.design_1 #blog_slider .tt-blog-content .blog-content-wrap span.article__comment a:last-child {
  margin: 0;
}
.design_1 #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
  font: 400 18px/22px var(--font-stack-body);
    margin: 0 0 8px;
    }
@media (max-width: 1199px) {
  .design_1 #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .design_1 #blog_slider .tt-blog-content .blog-content-wrap span.article__comment a {
    font-size: 10px;
    line-height: 12px;
  }
  .design_1 #blog_slider .tt-blog-content .blog-content-wrap span.article__comment a {
    margin: 0 6px 0 0;
  }
}
/*==================== Blog Design2 CSS=====================*/
.design_2 #blog_slider .tt-blog-content {
  float: left;
  width: 100%;
  position: relative;
  text-align: left;
}
.design_2 #blog_slider .ttblog_image_holder.blog_image_holder {
  width: 50%;
  float: left;
}
.design_2 #blog_slider .tt-blog-content .blog-content-wrap {
  float: left;
  width: 50%;
  padding: 15px;
}
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
  font: 400 18px/22px var(--font-stack-body);
    margin: 0 0 10px;
    -webkit-transition: all 400ms ease-in-out 0s;
    -moz-transition: all 400ms ease-in-out 0s;
    -ms-transition: all 400ms ease-in-out 0s;
    -o-transition: all 400ms ease-in-out 0s;
    transition: all 400ms ease-in-out 0s;
    }
#blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a:hover {
  color: var(--color-btn-primary);
    }
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .article__grid-excerpt {
  margin: 0 0 15px;
  font-style: italic;
}
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
  font: 400 13px/16px var(--font-stack-subheading);
    }
.design_2 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:after {
  font-size: 14px;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .design_2 #blog_slider .tt-blog-content .blog-content-wrap {
    padding: 10px 15px;
  }
  .design_2 #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
    font-size: 16px;
    line-height: 18px;
  }
  .design_2 #blog_slider .tt-blog-content .blog-content-wrap .article__grid-excerpt {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px;
  }
  .design_2 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
    font-size: 10px;
  }
  .design_2 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:after {
    font-size: 12px;
  }
  .design_2 #blog_slider .tt-blog-content .blog_image_holder .bloglinks,.design_2 #blog_slider .tt-blog-content .blog_image_holder .bloglinks a {
    width: 40px;
    height: 40px;
  }
  .design_2 #blog_slider .tt-blog-content .blog_image_holder .bloglinks a i {
    font-size: 18px;
    line-height: 18px;
  }
}
@media (max-width: 991px) {
  .design_2 #blog_slider .ttblog_image_holder.blog_image_holder {
    width: 100%;
  }
  .design_2 #blog_slider .tt-blog-content .blog-content-wrap {
    width: 100%;
    padding: 10px 0 0;
  }
}
/*==================== Blog Design3 CSS=====================*/
.design_3 #blog_slider .tt-blog-content {
  float: left;
  width: 100%;
  margin: 0 0 120px;
  padding: 0;
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap {
  padding: 20px 25px;
  float: left;
  width: 60%;
  text-align: left;
  background: #f5f5f5;
  margin: 0 0 5px;
  z-index: 1;
}
@media (min-width: 992px) {
  .design_3 #blog_slider .ttblog_image_holder.blog_image_holder {
    width: 80%;
  }
  .design_3 #blog_slider .tt-blog-content .blog-content-wrap {
    position: absolute;
    top: auto;
    bottom: -120px;
    left: auto;
    right: 15px;
  }
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
  font: 500 18px/22px var(--font-stack-body);
    margin: 0 0 10px;
    }
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
  margin: 0 0 15px;
  font-style: italic;
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
  color: var(--color-text);
    font: 400 13px/16px var(--font-stack-subheading);
      }
@media (max-width: 1199px) {
  .design_3 #blog_slider .tt-blog-content .blog-content-wrap {
    padding: 15px;
    bottom: -100px;
  }
  .design_3 #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a {
    font-size: 16px;
    line-height: 20px;
  }
  .design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt {
    font-size: 12px;
    line-height: 18px;
  }
  .design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more {
    font-size: 12px;
  }
}
.design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:after {
  font-size: 14px;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .design_3 #blog_slider .tt-blog-content {
    margin: 0;
  }
  .design_3 #blog_slider .tt-blog-content .blog-content-wrap {
    position: static;
    width: 92%;
    bottom: 0;
    padding: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 480px) {
  .design_3 #blog_slider .tt-blog-content .blog_image_holder .bloglinks a i {
    font-size: 18px;
    line-height: 18px;
  }
  .design_3 #blog_slider .tt-blog-content .blog_image_holder .bloglinks a {
    width: 40px;
    height: 40px;
  }
}