@charset "UTF-8";
:root {/**
  @font family declaration

  @color declaration
  */
  --tp-common-white: #ffffff; --tp-common-black: #000; --tp-common-yellow: #ffcd00; --tp-heading-primary: #000; --tp-grey-1: #a5a5a6; --tp-grey-2: #f3f4f7; --tp-grey-3: #c8c8c8; --tp-grey-4: #e6dfd6; --tp-grey-5: #fff3f6; --tp-grey-6: #cfcfcf; --tp-grey-7: #d3d3d3; --tp-grey-8: #f6f6f6; --tp-grey-9: #999999; --tp-text-body: #181B1E; --tp-text-primary: #339900; --tp-text-secondary: #777777; --tp-text-tertiary: #adadad; --tp-text-4: #a0a0a0; --tp-text-5: #999999; --tp-theme-1: #3D6CE7; --tp-theme-2: #f3eee7; --tp-theme-3: #f7f7f7; --tp-theme-4: #77977b; --tp-theme-5: #8e8b74; --tp-theme-6: #f8f8f8; --tp-theme-7: #ededed; --tp-theme-8: #f4f1ec; --tp-theme-9: #83b735; --tp-theme-10: #f3f4f7; --tp-theme-11: #f3f7f7; --tp-theme-12: #f0e2dd; --tp-theme-13: #f7efec; --tp-theme-14: #f58448; --tp-border-1: #e7e7e7; --tp-border-2: #f6f6f6; --tp-border-3: #ecf0ef; --tp-border-4: #e0e0e0; --tp-border-5: #282828; --tp-border-6: #e4e4e4;}
* {margin: 0; padding: 0; box-sizing: border-box;}
/*---------------------------------
	typography css start 
---------------------------------*/
body { font-family: "Oswald", sans-serif;font-size: 18px; font-weight: 400; color: var(--tp-text-body); line-height: 1.4; overflow-x: hidden !important;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width:100%; padding-left:8px; padding-right:8px}
.row { margin-left:-4px; margin-right:-4px;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { padding-left:4px; padding-right:4px}
a {text-decoration: none;}
.ymaps-2-1-79-image {border-radius:100%; border:3px solid #101010}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Unbounded", sans-serif;color: #101010; margin-top: 0px; font-weight: 500; line-height: 1.2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform:uppercase}
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
ul {margin: 0px; padding: 0px;}
p {font-family: var(--tp-ff-p); font-size: 18px; font-weight: 400; color: var(--tp-text-body); margin-bottom: 15px; line-height: 26px;}
a,
.btn,
button,
p,
i,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
a:focus,
.button:focus {text-decoration: none; outline: none;}
a:focus,
a:hover {color: inherit; text-decoration: none;}
a {text-decoration: none;}
a,
button {color: inherit; outline: none; border: none; background: transparent;}
button:hover {cursor: pointer;}
button:focus {outline: 0;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
input {outline: none;}
input[type=color] {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: 0; cursor: pointer; height: 100%; width: 100%; padding: 0; border-radius: 50%;}
*::-moz-selection {background: var(--tp-common-black); color: var(--tp-common-white); text-shadow: none;}
::-moz-selection {background: var(--tp-common-black); color: var(--tp-common-white); text-shadow: none;}
::selection {background: var(--tp-text-primary); color: var(--tp-common-white); text-shadow: none;}
*::-moz-placeholder {color: #585858; font-size: var(--tp-fz-body); opacity: 1;}
*::placeholder {color: #585858; font-size: var(--tp-fz-body); opacity: 1;}
/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {width: 100%;}
.m-img img {max-width: 100%;}
.fix {overflow: hidden;}
.clear {clear: both;}
.z-index-1 {z-index: 1;}
.z-index-11 {z-index: 11;}
.overflow-y-visible {overflow-x: hidden; overflow-y: visible;}
.p-relative {position: relative;}
.p-absolute {position: absolute;}
.include-bg {background-position: center; background-size: cover; background-repeat: no-repeat;}
.gx-6 {--bs-gutter-x: 80px;}

.info-block { background:#fff; position:absolute; left:40px; top:40px; padding:40px;    width: auto; right: 40px;    font-family: "Unbounded", sans-serif; font-size:14px; font-weight:500; text-transform:uppercase; padding-left:127px; height:123px}
.info-block:before { content:''; position:absolute; left:20px; top:20px; width:83px; height:83px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='83' height='83' viewBox='0 0 83 83' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M59.8495 8.20766H23.1504C18.3693 8.20766 14.7307 12.4981 15.5116 17.2151L25.0967 64.1066C25.7154 67.8439 28.9472 70.5847 32.7353 70.5847L35.7742 77.167C36.1075 77.889 37.1336 77.889 37.4671 77.167L40.5058 70.5847H50.2646C54.0526 70.5847 57.2845 67.8439 57.9032 64.1066L67.4883 17.2151C68.2691 12.4981 64.6306 8.20766 59.8495 8.20766Z' fill='%23339900'/%3e%3cpath d='M37.8766 50.9967L37.9841 53.0795C38.0178 54.6826 39.327 55.9644 40.9305 55.9644H42.0698C43.6732 55.9644 44.9824 54.6826 45.0163 53.0795L45.1236 50.9967C45.1586 49.3451 43.8291 47.9873 42.1772 47.9873H40.8231C39.1711 47.9873 37.8418 49.3451 37.8766 50.9967Z' fill='white'/%3e%3cpath d='M45.4027 39.7777L45.9068 21.9184C45.9417 20.2669 44.6124 18.9092 42.9603 18.9092H40.0393C38.3874 18.9092 37.0579 20.2669 37.093 21.9184L37.5971 39.7777C37.631 41.3806 38.94 42.6626 40.5435 42.6626H42.4562C44.0596 42.6626 45.3688 41.3806 45.4027 39.7777Z' fill='white'/%3e%3c/svg%3e ");    background-size: cover;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {.gx-6 {  --bs-gutter-x: 30px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {.gx-6 {  --bs-gutter-x: 30px; }}
.f-right {float: right;}
/* scrollUp */
.scroll-top {width: 40px; height: 40px; line-height: 40px; position: fixed; bottom: -10%; right: 50px; font-size: 16px; z-index: 99; color: var(--tp-common-white); text-align: center; cursor: pointer; background: #339900; transition: 1s ease; border: none;}
@media (max-width: 767px) {.scroll-top { display:none}}

.scroll-top.open {bottom: 30px;}

.scroll-top:hover {}
/*----------------------------------------*/
/*  Spacing
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. BUTTON CSS START
/*----------------------------------------*/
.tp-btn {display: inline-block; font-size: 14px; font-weight: 600; padding: 17px 33px; border-radius: 6px; color: var(--tp-text-body); background: var(--tp-common-white); line-height: 1.2;}
.tp-btn:hover {color: var(--tp-common-white); background-color: var(--tp-text-primary);}
.tp-btn:hover i {animation: iconarrow 0.4s linear;}
.tp-btn i {color: var(--tp-text-2); margin-left: 10px; text-transform: uppercase;}
@media (max-width: 767px) {.tp-btn i {  margin-left: 2px; }}
.tpsecondary-btn {display: inline-block; font-size: 14px;  padding: 14px 40px; border-radius: 0px; background: var(--tp-text-primary); color: var(--tp-common-white); line-height: 1.2; position: relative;}
.tpsecondary-btn::before {position: absolute; content: ""; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); left: -10%; top: 0; height: 100%; width: 10%;}
.tpsecondary-btn:hover::before {animation: lightwhite 0.8s;}
.tpsecondary-btn:hover i {animation: iconarrow 0.4s linear;}
.tpsecondary-btn i {color: var(--tp-text-2); margin-left: 10px; text-transform: uppercase;}
.tpcart-btn,
.tpcheck-btn {border: 2px solid var(--tp-text-primary); display: block; justify-content: center; align-items: center; font-size: 13px; min-height: 45px; text-transform: uppercase; background: var(--tp-text-primary); color: var(--tp-common-white); border-radius: 30px; padding: 10px 30px; text-align: center; line-height: 1.5; padding: 14px; font-weight: 600;}
.tpcart-btn:hover,
.tpcheck-btn:hover {background-color: #b50833; color: var(--tp-common-white); border: 2px solid #b50833;}
.tpcart-btn {background-color: transparent; color: var(--tp-text-primary);}
.tpcart-btn:hover {background-color: #b50833; color: var(--tp-common-white); border: 2px solid #b50833;}
.tp-color-btn {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
/* 01.  ========= pulse effect animation ========== */
@-webkit-keyframes pulse {0% {  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {  -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
  100% {  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }}
@keyframes pulse {0% {  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {  -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);   box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
  100% {  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);   box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }}
/* 02. ========= btn arrow animation ========== */
@keyframes iconarrow {49% {  transform: translateX(30%); }
  50% {  opacity: 0;   transform: translateX(-30%); }
  51% {  opacity: 1; }}
/* 03. ========= btn arrow animation ========== */
@-webkit-keyframes shine {100% {  left: 100%; }}
@keyframes shine {100% {  left: 100%; }}
/* 04. ========= firefly ========== */
@keyframes firefly {0% {  opacity: 1; }
  50% {  opacity: 0; }
  100% {  opacity: 1;   color: white; }}
/* 05. ========= firefly ========== */
@keyframes hotdeal {0% {  opacity: 1; }
  50% {  opacity: 0.6; }
  75% {  opacity: 0.8; }
  100% {  opacity: 1.5; }}
/* 06. ========= firefly ========== */
@keyframes lightwhite {100% {  left: 100%; }}
/* 07. ========= lighttitle ========== */
@keyframes lighttitle {100% {  left: 100%; }}
/* 08. ========= banneranimation ========== */
.banner-animation {position: relative; overflow: hidden;}
.banner-animation::before {background: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 50%; pointer-events: none; top: 0; opacity: 1; width: 0; transition: all 900ms linear;}
.banner-animation:hover::before {left: 0; right: 0; opacity: 0; width: auto; transition: all 900ms linear;}
/* 09. ========= banneranimation ========== */
@-webkit-keyframes rotate {from {  transform: rotate(0deg); }
  to {  transform: rotate(360deg); }}
@keyframes rotate {from {  transform: rotate(0deg); }
  to {  transform: rotate(360deg); }}
/* 02. ========= video ripple animation ========== */
@keyframes tp-pulse-2 {0% {  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
  70% {  box-shadow: 0 0 0 45px rgba(255, 255, 255, 0); }
  100% {  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }}
/* 02. ========= section animation ========== */
@keyframes section-animation {0% {  width: 0; }
  15% {  width: 100%; }
  85% {  opacity: 1; }
  90% {  width: 100%;   opacity: 0; }
  to {  width: 0;   opacity: 0; }}
/*--- preloader ---*/
.dark #preloader {background-color: #232323;}
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f7f7f7; z-index: 999999;}
.preloader {width: 50px; height: 50px; display: inline-block; padding: 0px; text-align: left; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px;}
.preloader span {position: absolute; display: inline-block; width: 50px; height: 50px; border-radius: 100%; background: #339900; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite;}
.preloader span:last-child {animation-delay: -0.8s; -webkit-animation-delay: -0.8s;}
@keyframes preloader {0% {  transform: scale(0, 0);   opacity: 0.5; }
  100% {  transform: scale(1, 1);   opacity: 0; }}
@-webkit-keyframes preloader {0% {  -webkit-transform: scale(0, 0);   opacity: 0.5; }
  100% {  -webkit-transform: scale(1, 1);   opacity: 0; }}
/*----------------------------------------*/
/*  00. PRELOADER CSS START
/*----------------------------------------*/
/*--
    - Background color
-----------------------------------------*/
.grey-bg {background: var(--tp-grey-1);}
.grey-bg-2 {background: var(--tp-grey-2);}
.grey-bg-3 {background: var(--tp-grey-8);}
.white-bg {background: var(--tp-common-white);}
.black-bg {background: var(--tp-common-black);}
.space-bg {background: var(--tp-theme-2);}
.theme-bg {background-color: var(--tp-theme-6);}
.theme-bg-2 {background-color: var(--tp-text-primary);}
.slider-bg {background-color: var(--tp-theme-8);}
.footer-bg {background-color: var(--tp-theme-7);}
.black-bg-2 {background-color: var(--tp-text-body);}
.green-bg {background-color: var(--tp-theme-9);}
.green-bg-2 {background-color: var(--tp-theme-11);}
.slider-bg-2 {background-color: var(--tp-theme-10);}
.platinam-bg {background-color: var(--tp-theme-12);}
.platinam-light {background-color: var(--tp-theme-13);}
/*----------------------------------------*/
/*  00. CAROUSEL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. OFF-CANVAS CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. BREADCRUMB CSS START
/*----------------------------------------*/
.tp-breadcrumb__bg {background-position: right; background-repeat: repeat; background-size: cover;}
@media (max-width: 767px) {.tp-breadcrumb__bg {  background-position: left; }}
.tp-breadcrumb__title {font-size: 44px; font-weight: 600; color: var(--tp-text-body);}
@media (max-width: 767px) {.tp-breadcrumb__title {  font-size: 36px; }}
.breadcrumb__area { margin-top:38px;    text-align: center; margin-bottom:32px}

.tp-breadcrumb__link span {font-size: 16px; display: inline-block; color: var(--tp-text-secondary); font-weight: 400;}
.tp-breadcrumb__link span a:hover {color: var(--tp-text-primary);}
.tp-breadcrumb__link .breadcrumb-item-active {position: relative;     color: var(--tp-text-secondary); padding-right: 40px;}
.tp-breadcrumb__link .breadcrumb-item-active::before {position: absolute; content: ""; height: 2px; width: 30px; background-color: #e4ded5; top: 50%; transform: translate(-50%); right: -13px;}
.basic-pagination ul li {display: inline-block; list-style: none;}
.basic-pagination ul li:not(:last-child) {margin-right: 5px;}
.basic-pagination ul li a, .basic-pagination ul li span {display: inline-block; width: 50px; height: 50px; line-height: 48px; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid var(--tp-theme-7); font-size: 14px; font-weight: 600; color: var(--tp-text-body); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
@media (max-width: 767px) {.basic-pagination ul li a, .basic-pagination ul li span {  height: 30px;   width: 30px;   line-height: 28px;   font-size: 12px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.basic-pagination ul li a, .basic-pagination ul li span {  height: 40px;   width: 40px;   line-height: 36px;   font-size: 14px; }}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {background: var(--tp-text-primary); border-color: var(--tp-text-primary); color: var(--tp-common-white);}
.basic-pagination ul li a i, .basic-pagination ul li span i {font-weight: 600;}
/*----------------------------------------*/
/*  00. ACCORDIONS CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. TAB CSS START
/*----------------------------------------*/
.tpnavbar {display: flex; justify-content: end;}
@media (max-width: 767px) {.tpnavbar {  justify-content: start; }}
.tpnavbar .nav-tabs {border-bottom: none;}
.tpnavbar .nav-link {border: none; margin: 0; padding: 0; font-size: 16px; font-weight: 600; margin-left: 50px; color: var(--tp-text-body);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpnavbar .nav-link {  margin-left: 20px; }}
@media (max-width: 767px) {.tpnavbar .nav-link {  margin-left: 0;   margin-right: 20px;   margin-bottom: 30px; }}
.tpnavbar .nav-link.active {color: var(--tp-text-primary); text-decoration: underline;}
.tpproductnav {justify-content: center;}
@media (max-width: 767px) {.tpproductnav {  justify-content: start; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpproductnav.tpnavbar .nav-link {  margin-left: 20px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpproductnav.tpnavbar .nav-link {  margin-left: 30px; }}
.tpproductall {text-align: right;}
@media (max-width: 767px) {.tpproductall {  text-align: left;   margin-bottom: 30px; }}
.tpproductall a {font-weight: 600; font-size: 16px;}
.tpproductall a:hover {color: var(--tp-text-primary);}
.tpproductall a i {margin-left: 8px;}
/*----------------------------------------*/
/*  00. MODAL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*   SECTION-TITLE CSS START
/*----------------------------------------*/
.tpsection__title {font-size: 26px; color: var(--tp-text-body); font-weight: 600;}
@media (max-width: 767px) {.tpsection__title {  font-size: 22px; }}
.tpsection__title span {position: relative; display: inline-block; font-weight: 300; color: var(--tp-text-primary); font-size: 26px; letter-spacing: -1px;}
.tpsection__title span img {position: absolute; left: 0; bottom: 1px; z-index: -1; animation: section-animation 2s infinite;}
.tpsectionarea__subtitle {Font-size: 20px; font-weight: 400; color: var(--tp-text-primary); margin-bottom: 0;}
.tpsectionarea__title {font-size: 40px; font-weight: 600; color: var(--tp-text-body);}
.tpsectionarea__title i {transform: translateY(5px);}
.solid-line {position: relative; border-top: 1px solid var(--tp-border-1);}
.solid-line .tpsection__title {transform: translateY(-18px); background: #f8f8f8; display: inline-block; padding: 0 30px;}
/*----------------------------------------*/
/*  00. HEADER CSS START
/*----------------------------------------*/
img { max-width:100%}
.header-welcome-text {padding: 7px 0;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.header-welcome-text {  text-align: center; }}
.header-welcome-text span {font-size: 16px; font-weight: 600;}
@media (max-width: 767px) {.header-welcome-text span {  font-size: 14px; }}
.header-welcome-text a {color: var(--tp-text-primary); font-weight: 600; display: inline-block; position: relative;}
@media (max-width: 767px) {.header-welcome-text a {  font-size: 14px; }}
.header-welcome-text a::before {position: absolute; content: ""; height: 1px; width: 100%; background-color: var(--tp-text-primary); bottom: 0;}
.header-welcome-text a i {margin-left: 10px;}
.header-welcome-text a:hover i {animation: iconarrow 0.4s linear;}
.header-search-bar {width: 100%;}
.header-search-bar .header-search-icon {position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.header-search-bar input {border: none; height: 50px; width: 100%; padding: 5px 45px 5px 45px; background-color: var(--tp-grey-2); border-radius: 6px;}
.header-search-bar input::placeholder {color: var(--tp-grey-1);}
.header-meta {margin-left: 40px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.header-meta {  margin-left: 0; }}
@media (max-width: 767px) {.header-meta {  transform: translateY(4px); }}
.header-meta__lang > ul > li {position: relative; list-style: none;}
.header-meta__lang > ul > li > a {border: 1px solid var(--tp-border-1); display: flex; align-items: center; padding: 6px 19px 6px 6px; border-radius: 5px; margin-right: 20px; font-weight: 700; font-size: 14px;}
.header-meta__lang > ul > li > a img {margin-right: 12px;}
.header-meta__lang > ul > li > a i {color: var(--tp-grey-3); font-size: 15px; margin-left: 8px;}
.header-meta__lang > ul > li:hover .header-meta__lang-submenu {opacity: 1; visibility: visible; top: 100%;}
.header-meta__lang > ul > li:hover a i {transform: rotate(180deg); color: var(--tp-text-primary);}
.header-meta__lang-submenu {position: absolute; top: 110%; left: 0px; width: 140px; background: var(--tp-common-white); z-index: 9; box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08); padding: 15px 20px; border-radius: 4px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.header-meta__lang-submenu li {list-style: none; margin-bottom: 15px;}
.header-meta__lang-submenu li:last-child {margin-bottom: 0;}
.header-meta__lang-submenu li:hover {color: var(--tp-text-primary);}
.header-meta__value span {font-weight: 700; font-size: 14px;}
.header-meta__value .nice-select {height: 50px; line-height: 47px; width: 95px;}
.header-meta__value .nice-select:focus {border-color: var(--tp-text-primary);}
.header-meta__social a {}
\
.header-meta__social a::hover {color: var(--tp-common-black);}
.header-meta__search-5 {position: relative;}
.header-meta__search-5 input {height: 50px; width: 200px; background-color: transparent; border: 1px solid var(--tp-border-1); border-radius: 6px; padding: 2px 10px 2px 45px;}
.header-meta__search-5 input:focus {border: 1px solid var(--tp-text-primary);}
.header-meta__search-5 input::placeholder {font-size: 14px; color: var(--tp-text-5);}
.header-meta__search-5 .header-search-icon-5 {position: absolute; top: 50%; transform: translateY(-50%); left: 18px; color: var(--tp-text-body); font-size: 14px;}
.header-cart span {display: inline-block; height: 15px; width: 15px; line-height: 15px; border-radius: 50%; background-color: var(--tp-text-primary); color: var(--tp-common-white); font-size: 12px; text-align: center; position: absolute; top: -4px; right: -8px;}
.cat-menu__category > a {display: flex; align-items: center; padding: 9px 25px; min-height: 50px; min-width: 215px; font-size: 16px; color: var(--tp-common-white); font-weight: 600; border-radius: 6px 6px 0 0; background: var(--tp-text-primary);}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.cat-menu__category > a {  min-width: 205px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {.cat-menu__category > a {  min-width: 100%; }}
.cat-menu__category > a i {margin-right: 15px;}
.cat-menu__category .category-menu {background: var(--tp-common-white); width: 100%; border: 1px solid var(--tp-border-2); border-top: none; position: absolute; top: 100%; left: 0; border-radius: 0 0 6px 6px; z-index: 9;}
.cat-menu__category .category-menu .daily-offer {padding: 14px 0; background-color: var(--tp-border-2); border-radius: 0 0 6px 6px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {.cat-menu__category .category-menu .daily-offer {  padding: 14px 0; }}
.cat-menu__category .category-menu .daily-offer ul li {list-style: none; padding: 3px 20px 3px 25px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.cat-menu__category .category-menu .daily-offer ul li {  padding: 0px 20px 0px 25px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.cat-menu__category .category-menu .daily-offer ul li {  padding: 3px 20px 3px 15px; }}
.cat-menu__category .category-menu .daily-offer ul li a {background-image: linear-gradient(#339900, #339900), linear-gradient(#339900, #339900); display: inline; background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 90%; background-repeat: no-repeat; transition: background-size 0.4s linear; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; font-size: 14px; font-weight: 600;}
.cat-menu__category .category-menu .daily-offer ul li a:hover {color: var(--tp-text-primary); background-size: 0 1px, 100% 1px;}
.cat-menu__list {padding: 10px 0;}
.cat-menu__list li {list-style: none;}
.cat-menu__list li > a {display: flex; color: var(--tp-text-body); font-size: 14px; font-weight: 400; padding: 9px 25px 5px 25px; background: transparent; align-items: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.cat-menu__list li > a {  padding: 9px 15px 5px 15px; }}
.cat-menu__list li > a:hover {color: var(--tp-text-primary);}
.cat-menu__list li > a:hover::after {color: var(--tp-text-primary);}
.cat-menu__list li > a i {width: 32px; color: var(--tp-text-primary);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.cat-menu__list li > a i {  width: 28px; }}
.cat-menu__list li.menu-item-has-children:hover .submenu {opacity: 1; visibility: visible; pointer-events: auto;}
.cat-menu__list li.menu-item-has-children > a::after {content: "\f178"; position: absolute; right: 20px; font-size: 14px; font-family: "Font Awesome 5 Pro"; font-weight: 700; color: var(--tp-grey-3);}
.cat-menu__list li.menu-item-has-children > a:hover::after {color: var(--tp-text-primary);}
.cat-menu__list li.menu-item-has-children .submenu {position: absolute; width: 100%; left: 100%; right: 0; top: 0; bottom: 0; padding-left: 0; padding-top: 1.25rem; list-style: none; background-color: var(--tp-common-white); border-left: 1px solid var(--tp-border-1); border-top: 0; white-space: nowrap; z-index: 100; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.25s cubic-bezier(0.28, 0.12, 0.22, 1); transition: all 0.25s cubic-bezier(0.28, 0.12, 0.22, 1);}
header { height:52px; overflow:hidden}
header .container { padding:0}
.main-menu ul > li {position: relative; list-style: none; display: inline-block;}
.main-menu ul > li.maincatleft { background:#101010; width:260px}
.main-menu ul > li.maincatleft a { color:#fff; font-size:18px; padding:14px 24px;    line-height: 1.3; height: 52px;}
.main-menu ul > li.maincatleft a svg { float:right}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.main-menu ul > li {  margin-right: 50px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.main-menu ul > li {  margin-right: 22px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.main-menu ul > li {  margin-right: 40px; }}
.main-menu ul > li > a {position: relative;  color: var(--tp-text-body);  display: block; line-height: 1;}
.main-menu ul > li.has-dropdown > a {position: relative;}
.main-menu ul > li.has-dropdown > a::after {}
.main-menu ul > li .submenu {position: absolute; top: 120%; left: 0; min-width: 250px; padding: 15px 0; background-color: var(--tp-common-white); z-index: 2; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: none; border-radius: 0px 0px 10px 10px; border:none; opacity: 0; visibility: hidden; transition: 0.1s;}
.main-menu ul > li .submenu li {display: block; width: 100%; margin: 0;}
.main-menu ul > li .submenu li.has-dropdown > a::after {position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);}
.main-menu ul > li .submenu li a {padding: 12px 25px; font-size: 15px; z-index: 1; color: var(--tp-common-black); width: 100%; font-weight: 500;}
.main-menu ul > li .submenu li a::before {display: none;}
.main-menu ul > li .submenu li .submenu {left: 120%; top: 0; visibility: hidden; opacity: 0;}
.main-menu ul > li .submenu li:hover > a {color: var(--tp-text-primary); margin-left: 8px;}
.main-menu ul > li .submenu li:hover .mega-menu-title {margin-left: 0;}
.main-menu ul > li .submenu li:hover > .submenu {left: 100%; visibility: visible; opacity: 1;}
.main-menu ul > li .mega-menu {padding: 20px 40px 20px 40px; top: 120%; width: 800px; background-color: var(--tp-common-white); left: 0; right: 0; z-index: 5; transform-origin: top; flex: 0 0 auto; display: flex; margin: 0 auto; box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.1); border-radius: 0px 0px 10px 10px; border-top: 2px solid var(--tp-text-primary); -webkit-transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -ms-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; transition: all 0.1s ease-out 0s;}
.main-menu ul > li .mega-menu li {width: 260px; text-align: left; padding-left: 0; padding-right: 0;}
.main-menu ul > li .mega-menu li .mega-menu-title {display: inline-flex; align-items: center; font-weight: 600; font-size: 13px; position: relative; text-transform: uppercase; color: var(--tp-common-black); margin-bottom: 10px; padding-left: 0;}
.main-menu ul > li .mega-menu li ul {padding-left: 0; text-align: left;}
.main-menu ul > li .mega-menu li ul li {padding-left: 0; text-align: left;}
.main-menu ul > li .mega-menu li ul li a {position: relative; padding: 10px; font-size: 16px; font-weight: 400; color: var(--tp-text-body); text-transform: capitalize; text-align: start; margin-right: 8px; padding-left: 0;}
.main-menu ul > li .mega-menu li ul li a:hover {color: var(--tp-text-primary);}
.main-menu ul > li:hover > a {color: var(--tp-text-primary);}
.main-menu ul > li:hover > a::after {color: var(--tp-text-primary);}
.main-menu ul > li:hover > a::before {width: 41px;}
.main-menu ul > li:hover > .submenu {top: 100%;  opacity: 1; z-index: 99;}
.menu-contact {display: flex; justify-content: end;}
.menu-contact ul li {display: inline-block; margin-right: 40px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.menu-contact ul li {  margin-right: 22px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.menu-contact ul li {  margin-right: 12px; }}
.menu-contact ul li:last-child {margin-right: 0;}
.menu-contact__item {display: flex; align-items: center;}
.menu-contact__icon {color: var(--tp-text-primary); font-size: 15px; margin-right: 8px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.menu-contact__icon {  margin-right: 4px; }}
.menu-contact__info a {font-weight: 600; font-size: 14px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.menu-contact__info a {  font-size: 12px; }}
.menu-contact__info a:hover {color: var(--tp-text-primary);}
@media (max-width: 767px) {.headertoplag {  justify-content: center !important; }}
.headertoplag__lang > ul > li {position: relative; list-style: none;}
.headertoplag__lang > ul > li > a {display: inline-block; padding: 6px 19px 8px 6px; margin-right: 10px; font-weight: 700; font-size: 14px;}
.headertoplag__lang > ul > li > a:hover {color: var(--tp-text-primary);}
.headertoplag__lang > ul > li > a img {margin-right: 5px;}
.headertoplag__lang > ul > li > a i {color: var(--tp-grey-3); font-size: 14px;}
.headertoplag__lang > ul > li:hover .header-meta__lang-submenu {opacity: 1; visibility: visible; top: 100%;}
.headertoplag__lang > ul > li:hover a i {transform: rotate(180deg); color: var(--tp-text-primary);}
.menu-top-social a {font-size: 14px; margin-left: 10px;}
.menu-top-social a:hover {color: var(--tp-text-primary);}
.mainmenu__search-bar input {border: none; height: 50px; width: 200px; padding: 5px 20px 5px 45px; background-color: var(--tp-grey-2); border-radius: 6px; color: var(--tp-text-body);}
.mainmenu__search-bar input::placeholder {font-size: 14px; color: rgba(153, 153, 153, 0.6);}
.mainmenu__search-icon {position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.mainmenu__main {margin-left: 120px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.mainmenu__main {  margin-left: 50px; }}
.mainmenu__main > .main-menu a {padding: 45px 0;}
.mainmenu__main > .main-menu > nav > ul > li:nth-child(3) {margin-right: 230px;}
.mainmenu__logo {position: absolute; top: 48%; left: 47%; transform: translateY(-52%);}
.tertiary-header-top .headertoplag__lang ul li:hover i {transform: rotate(0);}
.tertiary-header-top .headertoplag__lang ul li a:hover i {color: var(--tp-text-primary);}
.tertiary-header-top .headertoplag__lang ul li a:hover.order-tick i {animation: iconarrow 0.4s linear; color: var(--tp-text-primary);}
.tertiary-header-top .headertoplag__lang ul li a i {color: var(--tp-text-body); margin-right: 6px;}
.tertiary-main-menu {border-top: 1px solid #efefef;}
.tertiary-main-menu .main-menu ul li a {padding: 21px 0 20px 0;}
.tertiary-main-menu .cat-menu__category > a {border-radius: 0px; min-height: 55px;}
.tertiary-main-menu .category-menu {background-color: var(--tp-common-white); z-index: 99;}
.coupon-offer {padding: 15px 25px 15px 25px; background-color: var(--tp-text-body);}
.coupon-offer span {color: #868686; font-size: 14px;}
.coupon-offer span a {color: var(--tp-common-white); text-decoration: underline; font-weight: 600;}
.coupon-offer span a:hover {color: var(--tp-text-primary);}
.coupon-offer i {text-align: end; color: #535353;}
.coupon-offer i:hover {color: var(--tp-text-primary);}
.platinam-header-top .header-welcome-text span {font-size: 14px; font-weight: 400;}
.platinam-header-top .header-welcome-text b {font-size: 14px; font-weight: 600;}
.platinam-menuarea .mainmenu__search-bar input {background-color: transparent;}
.platinam-menuarea .mainmenu__main {margin-left: 0px;}
.mobilemenu { background:#101010; color:#fff;    padding: 0;    margin-left: 8px;    height: 52px; line-height: 1.3;}
.mobilemenu button {padding: 14px 24px; height: 52px; }
.main-menu {background:#101010; color:#fff;    padding: 0; height: 52px; line-height: 1.3; width:240px;margin-right: 24px; }
.main-menu:hover, .mobilemenu:hover { background:#339900}
.main-menu svg { float:right}
.main-menu button {display: block; width: 100%; text-align: left; padding: 14px 24px; height: 52px;}
.mobilemenu svg { margin-left:8px; vertical-align:sub}
.header-meta__social { margin-left:20px}
.topaddr { font-size:16px;}
.topaddr a {color:#181B1E}
a.top-phone { font-size:16px; color:#181B1E}
a.top-phone:hover, .topaddr a:hover {color:#339900}
.header-meta__social a:hover svg rect {fill:#339900 }
.header-canvas {flex: 0 0 auto;}
.menu-area-4 {display: flex; justify-content: center;}
.red-header-top .menu-top-social a {font-size: 16px; color: var(--tp-common-white); margin-left: 45px;}
.red-header-top .menu-top-social a:first-child {margin-left: 0;}
.red-header-top .menu-top-social a:hover {opacity: 0.8;}
.red-header-top .header-welcome-text {font-size: 16px; color: var(--tp-common-white); font-weight: 400;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.red-header-top .header-welcome-text {  text-align: center !important; }}
@media (max-width: 767px) {.red-header-top .header-welcome-text {  text-align: start !important; }}
.red-header-top .header-welcome-text a {color: var(--tp-common-white); text-decoration: underline;}
.category-style-five .category-menu {position: static;}
.mainmenu-5 .main-menu a {}
.tpsideinfo {background: #101010; position: fixed; left: 0; top: 0; height: 100%; padding: 20px 24px; width: 240px; transform: translateX(-120%); transition: 0.3s; z-index: 999; overflow-y: auto;}
@media (max-width: 767px) {.tpsideinfo {  width: 275px; }}
.tpsideinfo.tp-sidebar-opened {transform: translateX(0);}
.tpsideinfo__close {position: absolute; top: 0; left: 0; right: 0; color:#fff; font-size: 18px; font-weight: 400; background:#339900; text-align:left; height:52px; padding-left:24px; padding-right:24px}
.tpsideinfo__close svg { float:right}
.tpsideinfo__search-title {color: var(--tp-common-white); font-size: 13px; font-weight: 500; text-transform: uppercase;}
.tpsideinfo__search form {position: relative; padding-top: 13px; padding-bottom: 20px;}
.tpsideinfo__search form input {width: 100%; height: 45px; border-radius: 3px; font-size: 14px; border: 1px solid transparent; background: #F3F3F9; padding: 10px 20px; padding-right: 45px;}
.tpsideinfo__search form input::placeholder {color: var(--tp-border-3);}
.tpsideinfo__search button {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.tpsideinfo__nabtab .nav-link.active {border: 0; padding: 10px 15px; position: relative; text-transform: uppercase; font-size: 13px; font-weight: 500; border-radius: 3px; background-color: var(--tp-text-primary);}
.tpsideinfo__nabtab .nav-link {border: 0; padding: 10px 15px; position: relative; text-transform: uppercase; font-size: 13px; font-weight: 500; border-radius: 3px; color: var(--tp-common-black); background-color: var(--tp-common-white);}
.tpsideinfo__nabtab button {width: 100%;}
.tpsideinfo__nabtab .nav li {display: inline-block; width: 49%; margin-right: 4px;}
.tpsideinfo__nabtab .nav li:last-child {margin-right: 0;}
.tpsideinfo__nabtab .mega-menu-title {color: var(--tp-common-white); font-size: 13px; text-transform: uppercase; padding-top: 5px;}
.tpsideinfo__nabtab .mean-container .mean-nav ul {background-image: none !important;}
.tpsideinfo__nabtab .home-menu-style li {width: 50% !important;}
.tpsideinfo__nabtab .home-menu-style li a {font-size: 13px !important; font-weight: 400 !important;}
.tpsideinfo__account-link, .tpsideinfo__wishlist-link {padding-top: 5px; padding-bottom: 5px;}
.tpsideinfo__account-link a, .tpsideinfo__wishlist-link a {font-size: 16px; color: var(--tp-common-white); font-weight: 500;}
.tpsideinfo__account-link a:hover, .tpsideinfo__wishlist-link a:hover {color: var(--tp-text-primary);}
.tpsideinfo__account-link a:hover i, .tpsideinfo__wishlist-link a:hover i {color: var(--tp-text-primary);}
.tpsideinfo__account-link a i, .tpsideinfo__wishlist-link a i {font-size: 18px; color: var(--tp-common-white); line-height: 35px; text-align: center; margin-right: 10px;}
.tpsidebar-categories ul li {list-style: none; display: block; text-align: left; list-style: none; text-transform: capitalize; padding: 5px 0px 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.tpsidebar-categories ul li a {color: var(--tp-common-white); display: block;}
.tpsidebar-categories ul li a:hover {color: var(--tp-text-primary);}
.body-overlay {background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; z-index: 99; right: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s;}
.body-overlay.opened {opacity: 1; visibility: visible;}
.tp-cart-info-area.tp-sidebar-opened {transform: translateX(0);}
.tp-sidebar-close {color: var(--tp-common-white); position: absolute; left: -35px; font-size: 21px; background: #171151; width: 35px; height: 35px;}
.tpcartinfo {background-color: #101010; text-align: start; position: fixed; right: 0; top: 0; height: 100%; box-shadow: none; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); z-index: 9999999; width: 320px; transform: translateX(100%); padding:40px}
.tpcartinfo a { color:#fff; text-transform:uppercase; display:block; margin-bottom:24px}
.tpcartinfo a:hover, .tpcart__close:hover {color:#339900;}
.tpcartinfo a.active {color:#339900;}


.menusocials a { display:inline-block; margin-bottom:0}
.menusocials {    position: absolute;  bottom: 40px;}
.menusocials a:hover svg rect {fill:#339900}
.menusocials a:hover svg path {fill:#fff}
.menucontacts {position: absolute;  bottom: 104px;}
.menucontacts a { font-size:16px; text-transform:none; border-bottom:1px solid; display:inline-block; margin-bottom:20px}
.menucontacts .addr-foot span.time { color:#fff;    font-size: 14px;}
.menucontacts .addr-foot a {border:none}

@media (max-width: 767px) {.tpcartinfo {  width: 280px; }}
.tpcartinfo .tp-shop-sidebar-opened {transform: translateX(0);}
.tpcart__close {color: #fff; right: 30px; font-size: 18px; width: 35px; height: 35px; position: absolute; top: 8px; z-index: 2;}
@media (max-width: 767px) {.tpcart__close {  width: 30px;   height: 30px; }}
.cartbody-overlay {background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: fixed; top: 0; z-index: 99; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s;}
.cartbody-overlay.opened {opacity: 1; visibility: visible;}

.header-sticky {position: fixed; left: 0; margin: auto; top: 0; width: 100%; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); z-index: 99; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; background: var(--tp-common-white);}
.header-sticky .tp-bt-btn {box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;}
.tp-home-one.header-sticky {padding-top: 0px; padding-bottom: 0px;}
.tp-home-one.header-sticky .main-menu nav > ul > li > a {padding: 40px 0;}
.tp-mobile-header-area.header-sticky {position: fixed; left: 0; margin: auto; top: 0; width: 100%; box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07); z-index: 99; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; background: var(--tp-common-white);}
.tp-mobile-header-area.header-sticky .tp-bt-btn {box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.header-language {  margin-left: 40px; }}
.tp-sticky-one {display: none;}
.tp-sticky-one.header-sticky {display: block;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tp-sticky-one.header-sticky {  display: none; }}

/*----------------------------------------*/
/*  15. MEANMENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {display: none;}
.mean-container .mean-nav {background: none; margin-top: 0;}
.mean-container .mean-bar {padding: 0; min-height: auto; background: none;}
.mean-container .mean-nav > ul {padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important;}
.mean-container a.meanmenu-reveal {display: none !important;}
.mean-container .mean-nav ul li a {width: 100%; padding: 10px 0; color: #fff; font-size: 16px; line-height: 1.5; font-weight: 500; text-transform: capitalize !important;}
.mean-container .mean-nav ul li a:hover {color: var(--tp-text-primary);}
.mean-container .mean-nav ul li a.mean-expand {margin-top: 8px; padding: 0 !important; line-height: 14px; border: 1px solid rgba(255, 255, 255, 0.2) !important; height: 26px; width: 26px; line-height: 26px; color: #fff; top: 0; font-weight: 400;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: var(--clr-theme-1); color: var(--tp-text-primary); border-color: var(--clr-theme-1);}
.mean-container .mean-nav ul li > a > i {display: none;}
.mean-container .mean-nav ul li > a.mean-expand i {display: inline-block; font-size: 14px;}
.mean-container .mean-nav > ul > li:first-child > a {border-top: 0;}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {color: var(--tp-heading-secondary);}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {transform: rotate(45deg); color: var(--tp-text-primary);}
.mean-container .mean-nav ul .home-menu-style li a {text-align: center;}
.mean-container .mean-nav ul li a:hover img {transform: scale(0.92);}
.mean-container .mean-nav ul li a img {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 100%; margin-bottom: 5px;}
/*----------------------------------------*/
/*  04. SLIDER CSS START
/*----------------------------------------*/
.tp-slide-item {position: relative;}
@media (max-width: 767px) {.tp-slide-item {  margin-bottom: 20px; }}
.tp-slide-item__img img {border-radius: 6px; max-width: 100%;}
.tp-slide-item__content {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: 0; padding-left: 60px; max-width: 60%;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tp-slide-item__content {  padding-left: 35px;   max-width: 70%; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tp-slide-item__content {  padding-left: 30px;   max-width: 70%; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tp-slide-item__content {  padding-left: 35px; }}
@media (max-width: 767px) {.tp-slide-item__content {  padding-left: 15px;   max-width: 80%; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tp-slide-item__content {  padding-left: 15px;   max-width: 50%; }}
.tp-slide-item__sub-title {font-size: 20px; font-weight: 400; color: var(--tp-text-primary); display: block; margin-bottom: 5px;}
@media (max-width: 767px) {.tp-slide-item__sub-title {  font-size: 16px; }}
.tp-slide-item__title {color: var(--tp-text-body); font-size: 50px; font-weight: 600; line-height: 1.2;}
@media (max-width: 767px) {.tp-slide-item__title {  font-size: 18px;   margin-bottom: 10px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tp-slide-item__title {  font-size: 26px; }}
.tp-slide-item__title i {font-style: normal; color: var(--tp-text-primary); position: relative;}
.tp-slide-item__title i img {position: absolute; left: -6px; bottom: 10px; z-index: -1; animation: section-animation 3s infinite;}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.tp-slide-item__thumb img {  max-width: 100%; }}
.tp-slider-area .slider-pagination {position: absolute; bottom: 15px; z-index: 9; left: 0; margin: 0 auto; right: 0; text-align: center;}
@media (max-width: 767px) {.tp-slider-area .slider-pagination {  margin-bottom: 10px; }}
.tp-slider-area .slider-pagination .swiper-pagination-bullet {width: 25px; height: 4px; display: inline-block; border-radius: 5px; background: var(--tp-common-black); margin: 0 5px; opacity: 0.1;}
.tp-slider-area .slider-pagination .swiper-pagination-bullet-active {background: var(--tp-text-primary); opacity: 1;}
.swiper-slide-active .tp-slide-item__sub-title, .swiper-slide-active .tp-slide-item__title, .swiper-slide-active .tp-slide-item__slide-btn, .swiper-slide-active .tpslidertwo__sub-title, .swiper-slide-active .tpslidertwo__title, .swiper-slide-active .tpslidertwo__content p, .swiper-slide-active .tpslidertwo__slide-btn {animation-fill-mode: both; animation-name: fadeInUp;}
.swiper-slide-active .tpslidertwo__img {animation-fill-mode: both; animation-name: fadeInRight;}
.swiper-slide-active .tp-slide-item__sub-title,
.swiper-slide-active .tpslidertwo__sub-title {animation-delay: 0.6s; animation-duration: 0.8s;}
.swiper-slide-active .tp-slide-item__title,
.swiper-slide-active .tpslidertwo__title {animation-delay: 0.8s; animation-duration: 1s;}
.swiper-slide-active .tp-slide-item__slide-btn {animation-delay: 1s; animation-duration: 1.2s;}
.swiper-slide-active .tpslidertwo__content p {animation-delay: 1s; animation-duration: 1.2s;}
.swiper-slide-active .tpslidertwo__slide-btn {animation-delay: 1.4s; animation-duration: 1.3s;}
.swiper-slide-active .tpslidertwo__img {animation-delay: 1s; animation-duration: 1s;}
.tpslidertwo__item {margin-top: -70px;}
@media (max-width: 767px) {.tpslidertwo__item {  margin-top: 0;   margin-left: 0; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpslidertwo__img > img {  width: 360px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpslidertwo__img-shape img {  height: 100px;   width: 100px; }}
.tpslider-banner:hover .tpslider-banner__img {border-radius: 6px;}
.tpslider-banner:hover .tpslider-banner__img img {transform: scale(1.05); border-radius: 6px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpslider-banner {  margin-bottom: 20px; }}
.tpslider-banner__content {position: absolute; top: 0; left: 0; padding: 30px 10px 10px 30px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpslider-banner__content {  padding: 15px 10px 10px 20px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslider-banner__content {  padding: 15px 10px 10px 15px; }}
.tpslider-banner__sub-title {font-size: 16px; font-weight: 400; color: var(--tp-text-primary);}
.tpslider-banner__title {font-size: 20px; font-weight: 600; color: var(--tp-text-body);}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpslider-banner__title br {  display: none; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslider-banner__title {  font-size: 16px; }}
.tpslider-banner__img {margin-left: -11px; position: relative; width: 100%; border-radius: 6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; overflow: hidden;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpslider-banner__img {  margin-top: 20px;   margin-left: 0; }}
@media (max-width: 767px) {.tpslider-banner__img {  margin-left: 0; }}
.tpslider-banner__img img {border-radius: 6px; width: 100%;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpslider-banner__img img {  height: 204px;   object-fit: cover; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslider-banner__img img {  height: 170px;   object-fit: cover; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpslider-banner__img img {  width: 100%; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpslider-banner__img.tpbannerthumb-5 img {  height: 178px;   object-fit: cover; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslider-banner__img.tpbannerthumb-5 img {  height: 185px;   object-fit: cover; }}
.tpslidertwo__img {margin-right: 180px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslidertwo__img {  margin-right: 0; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslidertwo__img img {  max-width: 100%; }}
.tpslidertwo__img-shape {position: absolute; bottom: 160px; right: -150px; animation: rotate 15s linear infinite;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslidertwo__img-shape {  bottom: 120px;   right: 0px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpslidertwo__img-shape {  bottom: 50px;   right: 0px; }}
.tpslidertwo__content p {font-size: 18px; color: var(--tp-text-secondary); margin-bottom: 45px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslidertwo__content p {  margin-bottom: 20px; }}
@media (max-width: 767px) {.tpslidertwo__item {  height: 380px; }}
.tpslidertwo__sub-title {font-size: 20px; color: var(--tp-text-primary); margin-bottom: 0;}
.tpslidertwo__title {font-size: 60px; font-weight: 600;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpslidertwo__title {  font-size: 48px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpslidertwo__title {  font-size: 48px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpslidertwo__title {  font-size: 40px; }}
@media (max-width: 767px) {.tpslidertwo__title {  font-size: 26px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpslidertwo__title {  font-size: 48px; }}
@media (max-width: 767px) {.tpslider-btn-4 {  margin-right: 8px; }}
.slider-pagination-2 .slidertwo_pagination {position: absolute; bottom: 55px; z-index: 9; left: 0;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.slider-pagination-2 .slidertwo_pagination {  bottom: 15px; }}
@media (max-width: 767px) {.slider-pagination-2 .slidertwo_pagination {  margin-bottom: 10px; }}
.slider-pagination-2 .slidertwo_pagination .swiper-pagination-bullet {width: 25px; height: 4px; display: inline-block; border-radius: 5px; background: var(--tp-grey-1); margin: 0 5px;}
.slider-pagination-2 .slidertwo_pagination .swiper-pagination-bullet-active {background: var(--tp-text-primary);}
@media (max-width: 767px) {.tp-slide-item__slide-btn.tp-btn {  font-size: 12px;   padding: 10px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tp-slide-item__slide-btn.tp-btn {  font-size: 14px;   padding: 14px; }}
.secondary-slider__item {background-color: var(--tp-theme-10);}
.secondary-slider .tpslidertwo__img-shape {bottom: 376px; right: -210px;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.secondary-slider .tpslidertwo__img-shape {  bottom: 0;   right: 0; }}
.secondary-slider .tpslidertwo__slide-btn span {font-size: 14px; color: var(--tp-text-secondary);}
.secondary-slider .tpslidertwo__slide-btn span b {font-size: 18px; color: var(--tp-text-body); display: block;}
.greenslider-pagination {position: absolute; bottom: 55px; z-index: 9; left: 0; right: 0; text-align: center;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.greenslider-pagination {  bottom: 30px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.greenslider-pagination {  bottom: 15px; }}
.greenslider-pagination .swiper-pagination-bullet {width: 25px; height: 4px; display: inline-block; background: transparent; margin: 0 5px; height: 30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; position: relative;}
.greenslider-pagination .swiper-pagination-bullet::before {position: absolute; content: ""; height: 8px; width: 8px; background-color: var(--tp-text-body); top: 50%; transform: translate(-50%, -50%) rotate(45deg); left: 50%;}
.greenslider-pagination .swiper-pagination-bullet-active {background: transparent; border: 1px solid #d7d9e0;}
.platinamborder {border: 15px solid #fff;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.platinamborder .tpslidertwo__item {  margin-left: 5px; }}
.platinam-slidershape {position: absolute; top: 65px; right: -80px; z-index: 2; animation: rotate 15s linear infinite;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.platinam-slidershape {  top: 10px;   right: -50px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.platinam-slidershape {  right: -25px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.platinam-slidershape {  top: -30px;   right: -45px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.tpsliderthree__img {  padding-top: 0; }}
.tpsliderthree__img img {width: 100%;}
.tpsliderthree__pagination {position: absolute; bottom: 55px; z-index: 9; left: 0; right: 0; text-align: center;}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {.tpsliderthree__pagination {  bottom: 15px; }}
.tpsliderthree__pagination .swiper-pagination-bullet {width: 35px; height: 4px; display: inline-block; border-radius: 5px; background-color: var(--tp-common-white); margin: 0 5px; opacity: 1;}
.tpsliderthree__pagination .swiper-pagination-bullet-active {background: var(--tp-text-body);}
.slider-bg-overlay {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.slider-bg-overlay::before {position: absolute; content: ""; bottom: 0; width: 100%; height: 100%; background-color: #040404; opacity: 0.9;}
.slider-3 {height: 570px; display: flex; align-items: center;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.slider-3 {  height: 490px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.slider-3 {  height: 460px; }}
@media (max-width: 767px) {.slider-3 {  height: 400px; }}
.slider-content-3 {margin-top: -10px; margin-left: 50px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.slider-content-3 {  margin-left: 0; }}
@media (max-width: 767px) {.slider-content-3 {  margin-left: 0;   padding-top: 0px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.slider-content-3 {  margin-left: 0;   padding-top: 0; }}
.tpslider-item-5 .tp-slide-item__sub-title {margin-bottom: 15px;}
.slider-bg-four {display: flex; align-items: center; height: 570px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.slider-bg-four {  height: 500px;   justify-content: center; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.slider-bg-four {  padding-top: 120px;   height: 400px;   justify-content: center; }}
@media (max-width: 767px) {.slider-bg-four {  padding-top: 120px;   height: 400px;   justify-content: center; }}

/*----------------------------------------*/
/*   05. CATEGORY CSS START
/*----------------------------------------*/
.tpcategory {position: relative;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.tpcategory {  width: 25%; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpcategory {  width: 33.3333%; }}
@media (max-width: 767px) {.tpcategory {  width: 50%; }}
.tpcategory::after {position: absolute; content: ""; top: 0; bottom: 0; margin: auto; text-align: center; right: -65px; height: 200px; width: 1px; background-color: var(--tp-border-3);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpcategory::after {  right: -30px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpcategory::after {  display: none; }}
.tpcategory:last-child::after {display: none;}
.tpcategory:hover .tpcategory__icon {box-shadow: inset 0 0 0 60px var(--tp-theme-3);}
.tpcategory:hover .tpcategory__icon svg {opacity: 1;}
.tpcategory:hover .tpcategory__icon span {background-color: var(--tp-text-primary); position: absolute; color: var(--tp-common-white);}
.tpcategory__icon {height: 130px; width: 130px; line-height: 130px; text-align: center; border-radius: 50%; background-color: rgba(247, 247, 247, 0.5); margin: auto; margin-bottom: 25px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; position: relative;}
@media (max-width: 767px) {.tpcategory__icon {  height: 110px;   width: 110px;   line-height: 110px; }}
.tpcategory__icon svg {opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpcategory__icon span {display: block; height: 40px; width: 40px; text-align: center; line-height: 40px; font-size: 14px; font-weight: 600; color: var(--tp-text-primary); background-color: var(--tp-common-white); border-radius: 50%; position: absolute; top: 0; right: 0; opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);}
.tpcategory__title {text-align: center; line-height: 1.2; font-size: 18px;}
@media (max-width: 767px) {.tpcategory__title {  font-size: 16px; }}
.tpcategory__title a {background-image: linear-gradient(#969696, #969696), linear-gradient(#969696, #969696); display: inline; background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 83%; background-repeat: no-repeat; transition: background-size 0.4s linear; line-height: 1.4;}
.tpcategory__title a:hover {background-size: 0 1px, 100% 1px;}
.custom-row {display: flex; flex-wrap: wrap;}
.category-border {border-bottom: 1px solid var(--tp-border-3);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.category-menu-off {  display: none; }}

.product-sidebar__product-item {margin-right: 30px;}
.product-sidebar__product-category {}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.product-sidebar__product-category {  margin-left: 0; }}
.product-sidebar__title {font-weight: 600; font-size: 16px; color: var(--tp-text-body); padding-bottom: 17px; border-bottom: 1px solid #f1f1f1;}
.product-sidebar__brand .form-check {margin-left: -20px; position: relative;}
.product-sidebar__brand .form-check::before {position: absolute; content: "";}
.product-sidebar__brand .form-check a:hover {color: var(--tp-text-primary);}
.product-sidebar .form-check:hover.form-check span i {color: var(--tp-text-body);}
.product-sidebar .form-check span i {font-size: 14px; color: #e3e3e3;}
.product-sidebar .form-check-label {font-size: 14px; color: var(--tp-text-secondary); margin-left: -8px; cursor: pointer;}
.product-sidebar .form-check-input {height: 10px; width: 10px; background-color: #e3e3e3; transform: translateY(4px);}
.product-sidebar .form-check-input[type=checkbox] {border-radius: 0; border: transparent;}
.product-sidebar .form-check-input:checked {background-color: var(--tp-text-body);}
.product-sidebar input:checked + label {color: var(--tp-text-body);}
.product-sidebar .form-check-input:focus {box-shadow: none;}
.product-sidebar .ui-widget.ui-widget-content {border: 0px solid #ece8fe; height: 2px; background: #ece8fe;}
.product-sidebar .ui-slider-horizontal .ui-slider-range {background: var(--tp-text-body);}
.product-sidebar .ui-slider-horizontal .ui-slider-handle {top: -4px;}
.product-sidebar .ui-slider .ui-slider-handle {width: 10px; height: 10px; cursor: pointer; -ms-touch-action: none; touch-action: none; border: none; background-color: var(--tp-text-body); outline: 0;}
.product-sidebar .ui-corner-all, .product-sidebar .ui-corner-bottom, .product-sidebar .ui-corner-right, .product-sidebar .ui-corner-br {border-radius: 0;}
.product-sidebar .price-filter input {border: none; font-size: 14px; margin-left: -11px;}
.productsidebar {margin-left: 10px;}
.product-sidebar .form-check-input.black-input {background-color: var(--tp-text-body);}
.product-sidebar .form-check-input.blue-input {background-color: #0084ff;}
.product-sidebar .form-check-input.grey-input {background-color: #d4d4d4;}
.product-sidebar .form-check-input.green-input {background-color: #61b163;}
.product-sidebar .form-check-input.red-input {background-color: #ff6262;}
.product-sidebar .form-check-input.yellow-input {background-color: #ffc000;}
/*----------------------------------------*/
/*  06. PRODUCT CSS START
/*----------------------------------------*/
.tpproduct:hover .tpproduct__priceinfo-list {bottom: 0px; visibility: hidden; opacity: 0;}
.tpproduct:hover .tpproduct__cart {visibility: visible; opacity: 1; bottom: -20px;}
.tpproduct:hover .product-thumb-secondary {opacity: 1;}
.tpproduct:hover .product-thumb-secondary img {transform: scale3d(1.1, 1.1, 1.1) translateZ(0);}
.tpproduct__thumb {position: relative; margin-bottom: 17px;}
.tpproduct__thumb:hover .tpproduct__thumb-action a {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; filter: alpha(opacity=100);}
.tpproduct__thumb-discount {position: absolute; top: 25px; left: 25px; padding: 4px 7px; background-color: var(--tp-text-primary); font-weight: 600; font-size: 12px; color: var(--tp-common-white); line-height: 1; border-radius: 5px; animation: firefly 2s linear infinite; z-index: 2;}
.tpproduct__thumb-topsall {position: absolute; top: 25px; left: 25px; padding: 4px 7px; background-color: var(--tp-text-primary); font-weight: 600; font-size: 12px; color: var(--tp-common-white); line-height: 1; border-radius: 5px; animation: firefly 2s linear infinite; z-index: 2;}
.tpproduct__thumb-volt {position: absolute; top: 25px; left: 25px; padding: 4px 7px; background-color: var(--tp-theme-5); font-weight: 600; font-size: 12px; color: var(--tp-common-white); line-height: 1; border-radius: 5px; animation: firefly 2s linear infinite; z-index: 2;}
.tpproduct__thumb-action {position: absolute; right: 0; left: 0; margin: auto; text-align: center; top: 50%; transform: translateY(-50%);}
.tpproduct__thumb-action a {font-size: 16px; color: var(--tp-text-body); height: 50px; width: 50px; text-align: center; line-height: 50px; background-color: var(--tp-common-white); border-radius: 6px; display: inline-block; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04); opacity: 0; visibility: hidden; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);}
.tpproduct__thumb-action a:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
.tpproduct__thumb-action a.comphare {-webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s; -o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s; transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;}
.tpproduct__thumb-action a.quckview {-webkit-transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s; -o-transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s; transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;}
.tpproduct__thumb-action a.wishlist {-webkit-transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s; -o-transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s; transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s; line-height: 46px;}
.tpproduct__thumb-bg {position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 50%; transform: translateY(-50%);}
.tpproduct__thumb-bg a {margin: 0 10px; font-size: 16px; padding: 14px 0; display: inline-block; line-height: 1; color: #999999;}
.tpproduct__thumb-bg a:hover {color: var(--tp-text-body);}
.tpproduct__thumb img {border-radius: 6px; width: 100%;}
.tpproduct__thumb-icon {position: relative; z-index: 2;}
.tpproduct__rating ul li {display: inline-block; list-style: none;}
.tpproduct__rating ul li a {font-size: 10px; color: var(--tp-text-primary);}
.tpproduct__rating ul li span {font-size: 10px;}
.tpproduct__ratingicon a {font-size: 14px; color: var(--tp-text-primary);}
.tpproduct__ratingicon .max-star {color: #e0e0e0;}
.tpproduct__ratingarea {position: absolute; left: 0; right: 0; transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1); will-change: opacity, transform; z-index: 2; opacity: 0; visibility: hidden; padding-bottom: 18px; transform: translateY(8px);}
.tpproduct__content-area {z-index: 2; position: relative; transform: translateY(5px); transition: 0.2s; margin-bottom: 10px;}
.tpproduct__thumbitem {position: relative; z-index: 2;}
.tpproduct__thumbitem:hover .thumbitem-secondary {opacity: 1;}
.tpproduct__thumbitem:hover .thumbitem-secondary img {transform: scale3d(1.1, 1.1, 1.1) translateZ(0);}
.tpproduct__thumbitem:hover .tpproductactionbg {transform: translate(0, 0); opacity: 1; visibility: visible;}
.tpproduct__title {font-size: 15px; font-weight: 400; color: var(--tp-text-secondary); margin-bottom: 12px;}
.tpproduct__title a {display: inline-block;}
.tpproduct__title a:hover {color: var(--tp-text-primary);}
.tpproduct__priceinfo-list {position: absolute; bottom: -20px; left: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproduct__priceinfo-list span {font-weight: 600; font-size: 16px;}
.tpproduct__priceinfo-list-oldprice {color: var(--tp-text-tertiary); text-decoration: line-through; margin-left: 8px;}
.tpproduct__priceinfo-oldprice {text-decoration: line-through;}
.tpproduct__ammount {font-size: 16px; font-weight: 600;}
.tpproduct__cart {position: absolute; left: 0; bottom: -40px; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproduct__cart i {color: var(--tp-text-primary); margin-right: 5px;}
.tpproduct__cart a {font-size: 16px; font-weight: 600; text-decoration: underline; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproduct__cart a:hover {color: var(--tp-text-primary);}
.tpproduct__variation {position: absolute; z-index: 2; background: #fff; bottom: -8px; left: 0; right: 0; padding-top: 12px;}
.tpproduct__variation a:hover .tpproduct__termshape-bg {transform: scale(0.7);}
.tpproduct__variation a:hover .tpproduct__termshape-border {opacity: 1; transform: scale(1.4);}
.tpproduct__variationitem {display: inline-block;}
.tpproduct__termshape {position: relative; width: 12px; height: 12px; border-radius: 50%; margin-right: 3px;}
.tpproduct__termshape-bg {transition: all 0.25s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #99c4ff;}
.tpproduct__termshape-border {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #99c4ff; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproductactionbg {background-color: var(--tp-common-white); display: inline-block; padding: 0 8px; border-radius: 6px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04); transform: translate(0, 20px); opacity: 0; visibility: hidden; transition: transform 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.4s ease 0s;}
.tpproductdot a:hover .tpproductdot__termshape-bg {transform: scale(0.7);}
.tpproductdot a:hover .tpproductdot__termshape-border {opacity: 1; transform: scale(1.8);}
.tpproductdot__variationitem {left: 0; right: 0; padding-top: 12px;}
.tpproductdot__variationitem {display: inline-block;}
.tpproductdot__termshape {position: relative; width: 12px; height: 12px; border-radius: 50%; margin-right: 3px;}
.tpproductdot__termshape-bg {transition: all 0.25s ease; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #99c4ff;}
.tpproductdot__termshape-border {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #99c4ff; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.red-product-bg {background-color: #339900;}
.red-product-border {border: 1px solid #339900;}
.purple-product-bg {background-color: #be9aff;}
.purple-product-border {border: 1px solid #be9aff;}
.orange-product-bg {background-color: #ff7373;}
.orange-product-border {border: 1px solid #ff7373;}
.tpproductitem {z-index: 9; background-color: #fff; padding-bottom: 10px;}
.tpproductitem:hover .product-content-fade {opacity: 1;}
.tpproductitem:hover .tpproduct__ratingarea {opacity: 1; visibility: visible; transform: translateY(0px);}
.tpproductitem:hover:after {opacity: 1;}
.tpproductitem:after {position: absolute; top: -20px; bottom: -10px; left: -20px; right: -20px; background-color: #fff; border-radius: 5px; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1); transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1); will-change: opacity; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06); pointer-events: none; z-index: 1; margin-bottom: -33px; content: "";}
.red-product-bg {background-color: #339900;}
.red-product-border {border: 1px solid #339900;}
.yellow-product-bg {background-color: #ffd8a6;}
.yellow-product-border {border: 1px solid #ffd8a6;}
.green-product-bg {background-color: #c2ddce;}
.green-product-border {border: 1px solid #c2ddce;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpdealproduct__thumb img {  max-width: 100%; }}
.tpdealproduct__offer-price {position: absolute; top: 75px; right: 155px; font-size: 24px; font-weight: 600; color: var(--tp-common-white); background-color: var(--tp-text-primary); border-radius: 50%; padding: 19px 18px; animation: hotdeal 2s linear infinite;}
.tpdealproduct__offer-price span {font-size: 12px; display: block; color: var(--tp-common-white);}
.tpdealcontact {margin-left: -50px; padding-right: 179px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {.tpdealcontact {  padding-right: 50px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpdealcontact {  margin-left: 0px;   padding-right: 0px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpdealcontact {  margin-left: 0;   padding-right: 20px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpdealcontact {  margin-left: 20px;   padding-right: 20px; }}
@media (max-width: 767px) {.tpdealcontact {  margin-left: 15px;   padding-right: 15px; }}
.tpdealcontact__price span {font-size: 20px; font-weight: 600; color: var(--tp-text-primary);}
@media (max-width: 767px) {.tpdealcontact__price span {  font-size: 16px; }}
.tpdealcontact__price del {font-size: 20px; font-weight: 600; color: var(--tp-text-tertiary);}
@media (max-width: 767px) {.tpdealcontact__price del {  font-size: 16px; }}
.tpdealcontact__title {font-size: 50px; color: var(--tp-text-body); font-weight: 600; line-height: 1.2; letter-spacing: -1.5px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpdealcontact__title {  font-size: 42px; }}
@media (max-width: 767px) {.tpdealcontact__title {  font-size: 23px;   letter-spacing: 0; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpdealcontact__title {  font-size: 24px;   letter-spacing: 0; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpdealcontact__title {  font-size: 32px; }}
.tpdealcontact__text p {color: var(--tp-text-secondary); font-size: 18px; line-height: 1.66;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpdealcontact__text p {  width: 520px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpdealcontact__text p {  font-size: 16px;   width: 410px;   line-height: 1.5; }}
@media (max-width: 767px) {.tpdealcontact__text p {  font-size: 16px;   width: 100%;   line-height: 1.4; }}
.tpdealcontact__progress .progress {height: 6px; border-radius: 5px; background-color: var(--tp-common-white);}
.tpdealcontact__progress .progress-bar {color: var(--tp-common-white); text-align: center; white-space: nowrap; background-color: var(--tp-text-primary); transition: width 0.6s ease; border-radius: 5px;}
.tpdealcontact__countdown span {display: inline-block;}
.tpdealcontact__countdown span.cdown {background-color: var(--tp-common-white); height: 92px; width: 80px; text-align: center; line-height: 65px; color: var(--tp-text-body); font-size: 36px; font-weight: 700; border-radius: 6px; margin-right: 15px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);}
@media (max-width: 767px) {.tpdealcontact__countdown span.cdown {  margin-bottom: 10px; }}
.tpdealcontact__countdown span.cdown p {margin-top: -15px; font-size: 16px; color: var(--tp-text-secondary);}
.tpdealcontact__count {display: flex; align-items: center;}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.tpdealcontact__count {  display: inherit; }}
.tpdealcontact__count i {font-style: normal; font-size: 16px; margin-bottom: 0; padding-left: 13px; color: var(--tp-text-secondary);}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.tpdealcontact__count i {  padding-top: 10px;   padding-left: 0px;   display: block; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.tpdealcontact__count i br {  display: none; }}
.swiper-container.product-active {margin-right: -500px;}
.discount-product {z-index: 1;}
.discount-product .tpdealcontact {margin-left: -13px; padding-right: 140px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.discount-product .tpdealcontact {  padding-right: 40px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.discount-product .tpdealcontact {  margin-left: 0;   padding-right: 10px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.discount-product .tpdealcontact {  margin-left: 0;   padding-right: 10px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.discount-product .tpdealcontact {  margin-left: 15px;   padding-right: 15px; }}
.tpdealproduct {margin-left: 68px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpdealproduct {  margin-left: 10px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpdealproduct {  margin-left: 0px;   margin-bottom: 30px; }}
.tp-fourth-deal .tpdealcontact {margin-left: 0px; padding-right: 0px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {.tp-fourth-deal .tpdealcontact {  padding-right: 10px; }}
.video-icon {position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%;}
.platinamdell .tpdealcontact {margin-left: 0;}
.tpdealslide {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.tpdealslide::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--tp-theme-13);}
.tp-red-deal-text {padding-right: 0;}
.tpvideo-bg {position: absolute; right: 0; top: 0; height: 100%; width: 50%; background-repeat: no-repeat; background-size: cover;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpvideo-bg {  position: relative;   height: 450px;   width: 100%; }}
@media (max-width: 767px) {.tpvideo-bg {  position: relative;   height: 450px;   width: 100%; }}
.tpvideo-bg a {height: 120px; width: 120px; line-height: 120px; text-align: center; background-color: var(--tp-common-white); border-radius: 50%; color: var(--tp-theme-primary); display: block; font-size: 20px; animation: tp-pulse-2 1s infinite;}
@media (max-width: 767px) {.tpvideo-bg a {  height: 80px;   width: 80px;   line-height: 80px; }}
.tpvideo-bg a:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
@media (max-width: 767px) {.video-area {  padding-top: 0 !important; }}
.product-thumb-secondary,
.thumbitem-secondary {overflow: hidden; position: absolute; left: 0; top: 0; opacity: 0; border-radius: 6px;}
.product-thumb-secondary img,
.thumbitem-secondary img {transition: opacity 0.8s ease, transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s, -webkit-transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;}
.product-item-count span {color: #999; font-size: 18px;}
.product-item-count span b {font-weight: 600; color: var(--tp-common-black);}
.product-filter-nav {margin-left: 5px;}
@media (max-width: 767px) {.product-filter-nav {  transform: translateY(15px); }}
.product-filter-nav.tpnavbar .nav-link {margin-left: 15px;}
.tp-shop-selector .nice-select {border: transparent; color: var(--tp-text-body); font-weight: 600;}
.tp-shop-selector .nice-select::after {right: 20px;}
@media (max-width: 767px) {.tp-shop-selector .nice-select {  padding-left: 0; }}
@media (max-width: 767px) {.product-navtabs {  justify-content: start !important; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.product-navtabs {  justify-content: end !important; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.filter-product {  margin-left: 0; }}
.filter-product p {font-size: 16px;}
/*----------------------------------------*/
/*  07. SHOP CSS START
/*----------------------------------------*/
.tpshopitem {height: 220px; width: 220px; object-fit: cover;}
.tpshopitem img {width: 100%; border-radius: 6px;}
@media (max-width: 767px) {.tpshopitem {  text-align: center; }}
.whiteproduct {background-color: var(--tp-common-white);}
.whiteproduct__thumb img {max-width: 100%;}
.whiteproduct__content {padding: 0 40px 40px 40px;}
.whiteproduct__title {color: var(--tp-text-secondary); font-size: 15px; margin-bottom: 2px;}
.whiteproduct__title a:hover {color: var(--tp-text-primary);}
.whiteproduct__text span {font-weight: 600; font-size: 16px;}
.whiteproduct__rating i {color: var(--tp-text-primary); font-size: 14px;}
.whiteproduct__rating span {font-size: 14px;}
.tpproductarrow {position: relative; z-index: 2; justify-content: end;}
@media (max-width: 767px) {.tpproductarrow {  justify-content: start;   margin-bottom: 15px; }}
.tpproductarrow__prv {font-size: 14px; font-weight: 600; background-color: #fff; padding: 6px 14px; line-height: 1; margin-right: 10px; border-radius: 6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproductarrow__prv:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
.tpproductarrow__prv:hover i {color: var(--tp-common-white);}
.tpproductarrow__prv i {margin-right: 6px;}
.tpproductarrow__nxt {font-size: 14px; font-weight: 600; background-color: #fff; padding: 6px 14px; line-height: 1; border-radius: 6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproductarrow__nxt:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
.tpproductarrow__nxt:hover i {color: var(--tp-common-white);}
.tpproductarrow__nxt i {margin-left: 6px;}
.tpsidebar li {list-style: none;}
.tpsidebar__form-check .form-check-input {margin-top: 0; box-shadow: none;}
.tpsidebar__form-check .form-check-input[type=checkbox] {border-radius: 0;}
.tpsidebar__form-check label {font-size: 14px; color: var(--tp-text-secondary); margin-left: 10px;}
.tpsidebar__form-check span {margin-left: auto;}
.filter-product-title {font-size: 20px; margin-bottom: 10px; font-weight: 700;}
@media (max-width: 767px) {.filter-product-title {  font-size: 18px; }}
.filter-product-title a:hover {color: var(--tp-text-primary);}
.tpproduct__ammount del {font-weight: 500; color: #747691; margin-left: 10px;}
.tpproduct__action a {font-size: 16px; color: var(--tp-text-body); height: 50px; width: 50px; text-align: center; line-height: 50px; background-color: var(--tp-common-white); border-radius: 6px; display: inline-block; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);}
.tpproduct__action a:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
/*----------------------------------------*/
/*  08. BANNER CSS START
/*----------------------------------------*/
.banneritem__thumb:hover .banneritem__content i {opacity: 1; visibility: visible; transform: scale(1);}
.banneritem__thumb img {width: 100%;}
.banneritem__content {position: absolute; bottom: 26px; left: 0; right: 0; text-align: center; margin: 0 auto;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.banneritem__content {  bottom: 5px; }}
.banneritem__content i {height: 50px; width: 50px; text-align: center; line-height: 50px; background-color: var(--tp-text-primary); color: var(--tp-common-white); border-radius: 50%; font-size: 18px; margin-bottom: 40px; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.banneritem__content i {  height: 35px;   width: 35px;   line-height: 35px;   font-size: 14px;   margin-bottom: 0; }}
.banneritem__content i:hover {background-color: var(--tp-common-white); color: var(--tp-text-primary);}
.banneritem__content p {font-size: 14px; font-weight: 400; margin-bottom: 2px; color: var(--tp-text-secondary);}
.banneritem__content-tiele {font-size: 20px; font-weight: 700;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.banneritem__content-tiele {  font-size: 14px; }}
.banner-center {bottom: 51px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.banner-center {  bottom: 15px; }}
.banner-center .banneritem__content-tiele {font-size: 40px; font-weight: 600;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.banner-center .banneritem__content-tiele {  font-size: 20px; }}
.tpexclusive__content {position: absolute; top: 50%; transform: translateY(-50%); left: 100px;}
@media (max-width: 767px) {.tpexclusive__content {  left: 15px; }}
.tpexclusive__contentarea {position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%);}
.tpexclusive__contentarea p {color: var(--tp-common-white); font-size: 18px; line-height: 30px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpexclusive__contentarea p {  font-size: 14px;   line-height: 20px; }}
.tpexclusive__thumb img {border-radius: 6px;}
.tpexclusive__subtitle {font-size: 20px; font-weight: 400; color: var(--tp-common-white);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpexclusive__subtitle {  font-size: 15px; }}
@media (max-width: 767px) {.tpexclusive__subtitle {  font-size: 12px; }}
.tpexclusive__title {font-size: 50px; font-weight: 600; color: var(--tp-common-white);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpexclusive__title {  font-size: 20px; }}
@media (max-width: 767px) {.tpexclusive__title {  font-size: 16px;   margin-bottom: 15px; }}
.tpexclusive__btn .tp-btn {background-color: transparent; border: 1px solid #595a56; color: var(--tp-common-white);}
@media (max-width: 767px) {.tpexclusive__btn .tp-btn {  padding: 7px 10px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpexclusive__btn .tp-btn {  padding: 10px 20px; }}
.tpexclusive__btn .tp-btn:hover {background-color: var(--tp-text-primary); border: 1px solid var(--tp-text-primary);}
.subcolor {color: var(--tp-text-primary);}
.tpbanneritem {margin-left: 55px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.tpbanneritem {  margin-left: 20px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {.tpbanneritem {  margin-left: 0px; }}
@media (max-width: 767px) {.tpbanneritem__thumb {  margin-bottom: 10px; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {.tpbanneritem__thumb img {  width: 100%; }}
.tpbanneritem__text {position: absolute; top: 50px; left: 50px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpbanneritem__text {  top: 30px;   left: 30px; }}
@media (max-width: 767px) {.tpbanneritem__text {  top: 15px;   left: 15px; }}
.tpbanneritem__text-title {font-size: 20px; font-weight: 600;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {.tpbanneritem__text-title {  margin-bottom: 0px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpbanneritem__text-title {  margin-bottom: 0px;   font-size: 16px; }}
.tpbanneritem__text-title a:hover {color: var(--tp-text-primary);}
.tpbanneritem__text-price {color: var(--tp-text-primary); font-size: 14px; font-weight: 600;}
.tpbanneritem__content {position: absolute; top: 40px; right: 10px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {.tpbanneritem__content {  top: 20px;   right: 55px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpbanneritem__content {  right: 55px; }}
@media (max-width: 767px) {.tpbanneritem__content {  right: 55px;   top: 10px; }}
.tpbanneritem__content p {font-size: 16px; margin-bottom: 0; color: var(--tp-text-secondary);}
.tpbanneritem__title {font-size: 30px; color: var(--tp-text-body); font-weight: 600; line-height: 1.15;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {.tpbanneritem__title {  font-size: 20px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpbanneritem__title {  font-size: 20px;   margin-bottom: 20px; }}
@media (max-width: 767px) {.tpbanneritem__title {  margin-bottom: 5px;   font-size: 16px; }}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {.tpbanneritem__title a br {  display: none; }}
.tpbanneritem__title a:hover {color: var(--tp-text-primary);}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpbanneritem__btn {  right: auto;   left: 10px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpbanneritem__btn .tp-btn {  padding: 10px 10px; }}
@media (max-width: 767px) {.tpbanneritem__btn .tp-btn {  padding: 8px 10px;   font-size: 12px; }}
@media (max-width: 767px) {.tpbanneritem__btn .tp-btn i {  margin-left: 2px; }}
.tp-banner-item-small {position: absolute; bottom: 50px; left: 50px; font-size: 14px; font-weight: 600;}
@media (max-width: 767px) {.tp-banner-item-small {  left: 15px; }}
.banneritem img {width: 100%;}
.banneroverlay {position: relative; z-index: 1;}
.banneroverlay::before {content: ""; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background-color: var(--tp-common-black); opacity: 0.5;}
.bannertext {position: absolute; top: 50%; left: 0; right: 0; text-align: center; z-index: 9; transform: translateY(-50%);}
.bannertext__subtitle {font-size: 16px; color: var(--tp-common-white);}
.bannertext__title {font-size: 40px; color: var(--tp-common-white); line-height: 1.25; font-weight: 600;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.bannertext__title {  font-size: 34px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.bannertext__title {  font-size: 28px; }}
.bannertext__title a:hover {color: var(--tp-text-primary);}
.exclusiveitem__thumb img {border-radius: 6px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.exclusiveitem__thumb img {  max-width: 100%; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.exclusivearea__thumb img {  max-width: 100%; }}
.bannerbox {position: absolute; top: 55px; left: 60px;}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {.bannerbox {  top: 30px;   left: 50px; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.bannerbox {  top: 30px;   left: 42px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.bannerbox {  top: 25px;   left: 35px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.bannerbox {  top: 15px;   left: 30px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.bannerbox {  top: 10px;   left: 10px; }}
.bannerbox__subtitle {font-size: 16px; color: #999999; display: block;}
.bannerbox__subtitle a {color: var(--tp-text-primary); text-decoration: underline; font-weight: 700;}
.bannerbox__title {font-size: 30px; color: var(--tp-text-body); font-weight: 600; line-height: 1.34;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.bannerbox__title br {  display: none; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.bannerbox__title {  margin-bottom: 50px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.bannerbox__title {  font-size: 24px;   margin-bottom: 40px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.bannerbox__title {  font-size: 18px;   margin-bottom: 10px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.bannerbox__title {  font-size: 15px;   margin-bottom: 5px; }}
.bannerbox__title a:hover {color: var(--tp-text-primary);}
.bannerbox__btn .tp-btn {padding: 10px;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.bannerbox__btn .tp-btn i {  margin-left: 2px; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.banner-bottom-bg {  margin-bottom: 50px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.banner-bottom-bg {  margin-bottom: 30px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.banner-bottom-bg {  margin-bottom: 10px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.banner-bottom-bg {  margin-bottom: 5px; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {.banner-right-bg {  margin-bottom: 50px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.banner-right-bg {  margin-bottom: 30px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.banner-right-bg {  margin-bottom: 15px; }}

.banner-bottom-title {margin-bottom: 0; line-height: 1;}
.banner-bottom-title a:hover {color: var(--tp-text-primary);}
.banner-shape-primary {position: absolute; right: 0; top: 25px;}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {.banner-shape-primary {  right: -20px; }}

.banner-shape-secondary {position: absolute; left: 535px; bottom: 45px;}
@media (max-width: 767px) {.banner-shape-secondary {  left: 50px; }}

.white-banner .tpslider-banner__sub-title {color: #ff9fb7;}
.white-banner .tpslider-banner__title {color: var(--tp-common-white);}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpbnner-height-5 {  margin-bottom: 38px; }}
@media (max-width: 767px) {.tpbnner-height-5 {  margin-bottom: 20px; }}

.tpbannerthumb-5 {margin-left: 0;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tp-slider-sm-banner {  margin-bottom: 17px; }}

/*----------------------------------------*/
/*  09. MARQUE CSS START
/*----------------------------------------*/
.mp-marque-slider {position: absolute; top: 95px; width: 100%;}
@media (max-width: 767px) {.mp-marque-slider {  top: 45px; }}
.mp-marque-slider p {text-transform: uppercase; font-size: 100px; font-weight: 700; color: var(--tp-common-white);}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {.mp-marque-slider p {  font-size: 85px; }}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.mp-marque-slider p {  font-size: 75px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.mp-marque-slider p {  font-size: 64px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.mp-marque-slider p {  font-size: 53px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.mp-marque-slider p {  font-size: 40px; }}
@media (max-width: 767px) {.mp-marque-slider p {  font-size: 16px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.mp-marque-slider p {  font-size: 30px; }}
.mp-marque-slider p span {background-clip: text; color: transparent; background-image: url("../img/blog/blog-thumb-07.jpg"); background-size: cover; -webkit-background-clip: text;}
@media (min-width: 1801px) and (max-width: 1880px) {.mp-marque-slider p {  font-size: 96px; }}
.mp-marque-slider .swiper-wrapper {-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.swiper--top.swiper-container {overflow: visible;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.platinamdell {  padding-top: 100px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.platinamdell {  padding-top: 80px; }}
@media (max-width: 767px) {.platinamdell {  padding-top: 0px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.platinamdell {  padding-top: 50px; }}

/*----------------------------------------*/
/*  00. 10. PORTFOLIO CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  11. BLOG CSS START
/*----------------------------------------*/
.blog-btn {font-size: 16px; font-weight: 600;}
@media (max-width: 767px) {.blog-btn {  font-size: 14px; }}
.blog-btn:hover {color: var(--tp-text-primary);}
.blog-btn:hover i {animation: iconarrow 0.4s linear;}
.blogitem:hover .blogitem__thumb img {transform: scale(1.1);}
.blogitem__thumb {border-radius: 6px;}
.blogitem__thumb img {-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; width: 100%;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {.blogitem__thumb img {  max-width: 100%; }}
.blogitem__content ul li {list-style: none; display: inline-block; margin-right: 35px; position: relative;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.blogitem__content ul li {  margin-right: 15px; }}
.blogitem__content ul li::before {position: absolute; content: ""; top: 50%; right: -19px; height: 15px; width: 2px; background: #ececec; transform: translateY(-50%);}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.blogitem__content ul li::before {  right: -10px; }}
.blogitem__content ul li:last-child::before {display: none;}
.blogitem__content ul li a {font-size: 14px; font-weight: 400; color: var(--tp-text-body);}
.blogitem__content ul li a:hover {color: var(--tp-text-primary);}
.blogitem__content ul li .date-color {color: var(--tp-text-secondary);}
.blogitem__title {font-size: 20px; font-weight: 600;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {.blogitem__title {  font-size: 16px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.blogitem__title {  font-size: 15px; }}
.blogitem__title a:hover {color: var(--tp-text-primary);}
.blogitem__btn a {font-size: 14px; font-weight: 600; color: #cbcbcb; background-image: linear-gradient(#339900, #339900), linear-gradient(#339900, #339900); display: inline; background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 90%; background-repeat: no-repeat; transition: background-size 0.4s linear; line-height: 1.4;}
.blogitem__btn a:hover {background-size: 0 1px, 100% 1px; color: var(--tp-text-primary);}
.tpblogborder {border-right: 1px solid var(--tp-theme-7);}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpblogborder {  border: none; }}
.blog-main-box {margin-right: -10px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.blog-main-box {  margin-right: 0; }}
.postbox__thumb img {border-radius: 10px; max-width: 100%;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.postbox__wrapper {  padding-right: 0; }}
.postbox__meta span {margin-right: 55px; color: #5b5757; font-weight: 600; font-size: 14px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.postbox__meta span {  margin-right: 18px; }}
@media (max-width: 767px) {.postbox__meta span {  margin-right: 15px;   font-size: 12px; }}
.postbox__meta span i {margin-right: 5px; color: var(--tp-text-primary);}
.postbox__meta span a {text-transform: uppercase; display: inline-block; color: #5b5757; font-weight: 600;}
.postbox__meta span a:hover {color: var(--tp-text-primary);}
.postbox__title {font-weight: 700; font-size: 36px; line-height: 1.25;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.postbox__title {  font-size: 30px; }}
@media (max-width: 767px) {.postbox__title {  font-size: 24px; }}
.postbox__title a:hover {color: var(--tp-text-primary);}
.postbox__text p {font-size: 16px;}
@media (max-width: 767px) {.postbox__text p {  font-size: 14px; }}
.postbox .play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 88px; width: 88px; background: var(--tp-common-white); text-align: center; line-height: 88px; border-radius: 50%; color: var(--tp-text-primary); animation: tp-pulse-2 1.5s infinite;}
.postbox .play-btn:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
.postbox__meta-img img {width: 100%; border-radius: 10px;}
.postbox__tag span {font-size: 20px; margin-right: 15px; font-weight: 700;}
.postbox__social-tag span {font-size: 20px; font-weight: 700; margin-right: 15px;}
.postbox__social-tag a {margin-right: 30px; font-size: 18px;}
.postbox__social-tag a:last-child {margin-right: 0;}
.postbox__tag-border {border-top: 1px solid var(--tp-border-1); border-bottom: 1px solid var(--tp-border-1); padding: 30px 0;}
.postbox__social-tag {text-align: end;}
.postbox__social-tag a:hover {color: var(--tp-text-primary);}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.postbox__social-tag {  margin-top: 15px;   text-align: start; }}
.postbox__content-area h4 {font-weight: 700; font-size: 36px; line-height: 1.25;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {.postbox__content-area h4 {  font-size: 30px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.postbox__content-area h4 {  font-size: 26px; }}
@media (max-width: 767px) {.postbox__content-area h4 {  font-size: 28px; }}
.postbox__content-area p {font-size: 16px; margin-bottom: 30px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.postbox__content-area p {  font-size: 15px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.postbox__content-area p br {  display: none; }}
.postbox__text-list ul li {font-size: 15px; font-weight: 500; margin-bottom: 5px; list-style: none;}
.postbox__text-list ul li:last-child {margin-bottom: 0;}
.postbox__text-list ul li i {margin-right: 20px; font-size: 18px; color: var(--tp-text-primary);}
.postbox__comment {border-bottom: 1px solid var(--tp-border-1);}
.postbox__comment ul li {margin-bottom: 10px; list-style: none;}
.postbox__comment ul li.children {margin-left: 100px; margin-bottom: 30px;}
@media (max-width: 767px) {.postbox__comment ul li.children {  margin-left: 0px; }}
.postbox__comment-form {margin-bottom: 20px;}
.postbox__comment-form-title {font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.postbox__comment-form p {color: var(--tp-text-secondary); font-size: 16px; margin-bottom: 60px;}
.postbox__comment-input {position: relative; margin-bottom: 30px; color: var(--tp-text-body);}
.postbox__comment-input span {font-weight: 600; color: var(--tp-common-black); margin-bottom: 12px; display: block;}
.postbox__comment-input input, .postbox__comment-input textarea {height: 60px; padding: 0 20px; width: 100%; font-size: 14px; color: var(--tp-text-body); outline: none; border: 1px solid var(--tp-border-1); -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {border: 1px solid var(--tp-text-primary);}
.postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {color: var(--tp-text-secondary);}
.postbox__comment-input input::placeholder:focus, .postbox__comment-input textarea::placeholder:focus {color: var(--tp-text-primary);}
.postbox__comment-input textarea {height: 175px; resize: none; padding-top: 20px; padding-bottom: 20px;}
.postbox__comment-title {font-size: 20px; font-weight: 600; margin-bottom: 35px;}
.postbox__comment-box {margin-bottom: 70px;}
.postbox__comment-avater img {width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.postbox__comment-name {margin-bottom: 15px;}
.postbox__comment-name h5 {font-size: 16px; line-height: 1; margin-bottom: 8px; font-weight: 500;}
.postbox__comment-name span {font-size: 14px; color: var(--tp-text-secondary);}
@media (max-width: 767px) {.postbox__comment-text {  margin-left: 0;   margin-top: 15px; }}
.postbox__comment-text p {font-size: 16px; color: var(--tp-text-secondary); margin-bottom: 15px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.postbox__comment-text p {  font-size: 15px; }}
@media (max-width: 767px) {.postbox__comment-text p {  font-size: 14px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.postbox__comment-text p br {  display: none; }}
.postbox__comment-reply {margin-top: 10px;}
.postbox__comment-reply a {display: inline-block; color: var(--tp-text-primary); background: var(--tp-common-white); line-height: 22px; padding: 4px 10px; font-weight: 500; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.postbox__comment-reply a:hover {color: var(--tp-common-white); background: var(--tp-text-primary);}
.postbox__comment-agree {padding-left: 5px;}
.postbox__comment-agree input {margin: 0; appearance: none; -moz-appearance: none; display: block; width: 14px; height: 14px; background: var(--tp-common-white); border: 1px solid #b9bac1; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; flex: 0 0 auto; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px);}
.postbox__comment-agree input:checked {position: relative; background-color: var(--tp-theme-1); border-color: transparent;}
.postbox__comment-agree input:checked::after {box-sizing: border-box; content: "\f00c"; position: absolute; font-family: var(--tp-ff-fontawesome); font-size: 10px; color: var(--tp-common-white); top: 46%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.postbox__comment-agree input:hover {cursor: pointer;}
.postbox__comment-agree label {padding-left: 8px; color: var(--tp-text-1); line-height: 1;}
.postbox__comment-agree label a {color: var(--tp-common-black); font-weight: 600; padding-left: 4px;}
.postbox__comment-agree label a:hover {color: var(--tp-theme-1);}
.postbox__comment-agree label:hover {cursor: pointer;}
.postbox-nav button {position: absolute; left: 0px; top: 50%; z-index: 1; transform: translateY(-50%);}
.postbox-nav button.postbox-slider-button-next {left: auto; right: 0px;}
.postbox-nav button i {height: 60px; width: 60px; line-height: 60px; background-color: var(--tp-common-white); color: var(--tp-text-body);}
@media (max-width: 767px) {.postbox-nav button i {  height: 40px;   width: 40px;   line-height: 40px; }}
.postbox-nav button i:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.sidebar__wrapper {  padding-left: 0; }}
.sidebar__widget {padding: 50px 30px 40px 30px; box-shadow: 0px 12px 10px rgba(238, 239, 240, 0.25); border: 1px solid var(--tp-border-1); border-radius: 6px;}
.sidebar__widget-content ul li {margin-bottom: 15px; list-style: none;}
.sidebar__widget-content ul li:last-child {margin-bottom: 0;}
.sidebar__widget-content ul li a {color: var(--tp-text-secondary); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #F2F5FA; padding: 9px 15px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.sidebar__widget-content ul li a:hover {color: var(--tp-text-primary);}
.sidebar__widget-content ul li a span {display: block; text-align: end;}
.sidebar__widget-title {font-size: 22px; font-weight: 600; color: var(--tp-text-body);}
.sidebar__search-input-2 input {height: 60px; width: 100%; padding: 10px 60px 10px 20px; border: none; background-color: var(--tp-grey-8);}
.sidebar__search-input-2 input::placeholder {font-weight: 500; font-size: 12px; color: var(--tp-text-secondary); background-color: var(--tp-grey-8); text-transform: uppercase; letter-spacing: 1px;}
.sidebar__search-input-2 button {position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 16px 25px;}
.rc__post-thumb {margin-right: 20px;}
.rc__post-thumb img {height: 100px; width: 100px; object-fit: cover;}
.rc__meta span {font-weight: 600; font-size: 13px; color: var(--tp-text-secondary); letter-spacing: 1px; display: block; margin-bottom: 5px;}
.rc__post-title {font-weight: 500; font-size: 16px; color: #141515; line-height: 1.5;}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.rc__post-title {  font-size: 15px; }}
.rc__post-title a {-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.rc__post-title a:hover {color: var(--tp-text-primary);}
.tagcloud a {font-weight: 600; font-size: 12px; text-transform: uppercase; color: var(--tp-text-secondary); border: 1px solid #F2F4F6; padding: 10px 26px; display: inline-block; line-height: 1; margin: 5px 10px 5px 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tagcloud a:hover {color: var(--tp-common-white); background-color: var(--tp-text-primary);}
/*----------------------------------------*/
/*  12. CTA CSS START
/*----------------------------------------*/
.tpcta {padding: 58px 60px; border-radius: 6px; margin-left: 30px; position: relative; z-index: 1;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpcta {  padding: 30px 20px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpcta {  padding: 20px 15px; }}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpcta {  margin-left: 0; }}
@media (max-width: 767px) {.tpcta {  padding: 40px 20px;   margin-left: 0; }}
.tpcta::before {position: absolute; content: ""; height: 75px; width: 75px; border-radius: 50%; background-color: var(--tp-common-white); z-index: -1; top: 40px; right: 135px;}
.tpcta p {color: #9a9387; font-size: 14px;}
.tpcta__subtitle {font-size: 20px; font-weight: 400; color: var(--tp-text-primary); margin-bottom: 5px;}
.tpcta__title {font-size: 26px; font-weight: 600;}
@media (max-width: 767px) {.tpcta__title {  font-size: 22px; }}
.tpcta__input-icon {position: absolute; top: 17px; left: 30px;}
.tpcta__input-icon i {font-size: 16px;}
.tpcta__input input {border: none; border-radius: 6PX; height: 60px; width: 100%; padding: 10px 30px 10px 52px;}
.tpcta__input input::placeholder {color: #b0b0b0; font-size: 16px;}
.tpcta__btn button {background-color: var(--tp-text-primary); color: var(--tp-common-white); font-size: 16px; font-weight: 700; width: 100%; padding: 17px 0; border-radius: 6px; margin-right: 15px;}
.tpcta__btn button:hover i {animation: iconarrow 0.4s linear;}
.tpcta__btn button span {margin-left: 15px;}
.tptrack__item-icon {flex: 0 0 auto; height: 50px; width: 50px; text-align: center; line-height: 50px; background-color: var(--tp-common-white); border-radius: 6px; margin-right: 20px;}
.tptrack__thumb img {border-radius: 8px 8px 0 0; width: 100%;}
.tptrack__content {padding: 50px; border-radius: 0 0 8px 8px;}
@media (max-width: 767px) {.tptrack__content {  padding: 20px 15px; }}
.tptrack__item-title {font-size: 18px; font-weight: 600; color: var(--tp-text-body);}
.tptrack__item-content p {font-size: 14px; color: var(--tp-text-secondary); line-height: 24px; margin-bottom: 0;}
.tptrack__id span, .tptrack__email span {position: absolute; top: 50%; transform: translateY(-50%); left: 30px; font-size: 16px;}
.tptrack__id, .tptrack__email {position: relative;}
.tptrack__id input, .tptrack__email input {width: 100%; height: 60px; border: none; background-color: var(--tp-common-white); padding: 10px 60px; border-radius: 6px;}
.tptrack__id input::placeholder, .tptrack__email input::placeholder {font-size: 14px; color: var(--tp-grey-9);}
.tptrack__submition {background: var(--tp-text-primary); border-radius: 6px; color: var(--tp-common-white); display: inline-block; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 0; padding: 22px 50px; text-align: center; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; width: 100%;}
.tptrack__submition i {margin-left: 20px;}
.tptrack__submition:hover {background-color: #b50c37;}
/*----------------------------------------*/
/*  13. SERVICES CSS START
/*----------------------------------------*/
.tpservicesitem {border: 1px solid var(--tp-border-6); padding: 28px 30px; border-radius: 6px; background-color: var(--tp-common-white); position: relative;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpservicesitem {  flex-direction: column;   text-align: center;   padding: 25px 15px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpservicesitem {  flex-direction: column;   text-align: center;   padding: 25px 5px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpservicesitem {  padding: 20px 10px; }}
.tpservicesitem::before {position: absolute; content: ""; height: 50%; width: 100%; background-color: var(--tp-text-primary); left: 0; bottom: 0; border-radius: 6px; z-index: -1;}
.tpservicesitem:hover {border: 1px solid var(--tp-text-primary);}
.tpservicesitem:hover::before {transform: rotate(3deg);}
.tpservicesitem:hover .tpservicesitem__icon svg {transform: translate3d(0, -5px, 0);}
.tpservicesitem__icon {flex: 0 0 auto;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {.tpservicesitem__icon {  margin-bottom: 15px;   margin-right: 0; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpservicesitem__icon {  margin-right: 11px; }}
.tpservicesitem__icon svg {transform: translate3d(0, 0, 0); transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); height: 30px; width: 30px;}
.tpservicesitem__content p {margin-bottom: 0; font-size: 14px;}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpservicesitem__content p {  font-size: 12px; }}
.tpservicesitem__title {font-size: 18px; font-weight: 700; color: var(--tp-text-body); line-height: 24px; margin-bottom: 0;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.services-gx-item {  --bs-gutter-x: 10px; }}

.tpservices-border {background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpservices-border .tpservicesitem__title {color: var(--tp-common-white); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpservices-border p {color: var(--tp-text-5);}
.tpservices-border:hover {background-color: var(--tp-common-white); border: 1px solid #fff;}
.tpservices-border:hover .tpservicesitem__title {color: var(--tp-common-black);}
/*----------------------------------------*/
/*  14. BRAND CSS START
/*----------------------------------------*/
.tpbrand .tpsection__title {color: var(--tp-common-white);}
.tpbrand .left-line::before {background-color: var(--tp-border-5);}
.tpbrand .right-line::after {background-color: var(--tp-border-5);}
.tpbrand .brand-items img {opacity: 0.5;}
.tpbrand .brand-items img:hover {opacity: 1;}
.brand-items .swiper-slide {text-align: center; text-transform:uppercase; font-size:16px}
.brand-items .swiper-slide img {  width:100%}
.brand-items .swiper-slide a { display:block; transition: 1s;    margin-bottom: 16px;}
.brand-items .swiper-slide:hover img{transform: scale(1.2);}
.brand-items .swiper-slide a:hover { color:#339900}
.project-item a{ display:block; transition: 1s; cursor: pointer}
.zoomimg {overflow:hidden;}
.brand-items .zoomimg {margin-bottom:12px;}
.project-item img { width:100%; }
.products-block .project-item img {    height: 400px; object-fit: cover;}
.video-active  { }
.video-active img { width:100%}
.video-active  .swiper-slide a { position:relative;    display: block; overflow:hidden}
.video-active  .swiper-slide a img {transition: 1.5s;}
.video-active  .swiper-slide a:hover img {transform: scale(1.2);}
.videoinfo { position:absolute; color:#fff; z-index:2;       height: 100%; top: 0px; right: 0px;    width: 100%;}
.videoinfo span { position:absolute}
.videoinfo span.videotime {top:20px; right:24px; width:max-content}
.videoinfo span.videolike {right: 24px;bottom:102px; text-align:center}
.videoinfo span.videocomm {right: 24px; bottom:20px;text-align:center}
.videoinfo span.videocomm svg, .videoinfo span.videolike svg {    display: block; margin:0 auto;margin-bottom:8px; }
.videoinfo div.videoname { bottom:20px; left:20px; right:64px; width:calc(100% - 84px);position:absolute; height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.video-active  .swiper-slide a:before {background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, 0) 100%); content:''; position:absolute; left:0; top:0; right:0; bottom:0; height:100%; width:auto; z-index:1; opacity:0.5}
.video-active  .swiper-slide a:after {content:''; position:absolute; width:52px; height:53px; z-index:2; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='52' height='53' viewBox='0 0 52 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='0.811035' width='52' height='52' rx='26' fill='%23339900'/%3e%3cpath d='M22.5 18.811V34.811L33.5 26.811L22.5 18.811Z' fill='white'/%3e%3c/svg%3e "); top:46%; left:46%; background-size:cover}
@media (max-width: 767px) {.black-bg-brand {  padding-top: 20px; }}

.tpabout__inner-title-area p {font-size: 18px; color: var(--tp-text-secondary); margin-bottom: 40px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpabout__inner-title-area p {  font-size: 16px;   margin-bottom: 15px; }}
@media (max-width: 767px) {.tpabout__inner-title-area p {  font-size: 16px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpabout__inner-title-area p {  font-size: 16px;   margin-bottom: 20px; }}
.tpabout__logo {position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; text-align: center;}
@media (max-width: 767px) {.tpabout__logo {  bottom: 30px; }}
.tpabout__logo img {max-width: 100%;}
.tpabout__inner-thumb img {border-radius: 6px; max-width: 100%;}
.tpabout__inner-title {font-size: 40px; color: var(--tp-text-body); font-weight: 600;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpabout__inner-title {  font-size: 30px; }}
.tpabout__inner-sub-title {font-size: 14px; margin-bottom: 5px; color: var(--tp-text-secondary);}
.tpabout__inner-story p {font-size: 18px; color: var(--tp-text-secondary); margin-bottom: 0; margin-right: -25px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpabout__inner-story p {  margin-right: 0px;   font-size: 16px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpabout__inner-story p {  margin-right: 0px;   font-size: 16px; }}
.tpabout__inner-story-2 p {font-size: 18px; color: var(--tp-text-secondary); margin-bottom: 0; margin-left: 75px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpabout__inner-story-2 p {  margin-left: 35px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpabout__inner-story-2 p {  margin-left: 0px;   font-size: 16px; }}
.tpabout__inner-list ul li {list-style: none; position: relative; padding-left: 45px; margin-bottom: 21px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpabout__inner-list ul li {  padding-left: 35px; }}
.tpabout__inner-list ul li:last-child {margin-bottom: 0;}
.tpabout__inner-list ul li a {font-size: 18px; font-weight: 400; color: var(--tp-text-body); background-image: linear-gradient(#040404, #040404), linear-gradient(#040404, #040404); display: inline; background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 90%; background-repeat: no-repeat; transition: background-size 0.4s linear; line-height: 1.4;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpabout__inner-list ul li a {  font-size: 15px; }}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpabout__inner-list ul li a {  font-size: 16px; }}
.tpabout__inner-list ul li a:hover {background-size: 0 1px, 100% 1px;}
.tpabout__inner-list ul li a i {position: absolute; top: 5px; left: 10px; color: var(--tp-text-secondary);}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.about-inner-content {  margin-left: 0;   margin-right: 0; }}

/*----------------------------------------*/
/*  15. PLATINAM-PRODUCT CSS START
/*----------------------------------------*/
.tpratingitem__title {font-size: 15px; color: var(--tp-text-secondary);}
.tpratingitem__title a:hover {color: var(--tp-text-primary);}
.tpratingitem__content span {color: var(--tp-text-body); font-size: 16px; font-weight: 600;}
.tpratingitem__star i {font-size: 12px; color: var(--tp-text-primary);}
.tpratingitem__star span {font-size: 12px; font-weight: 400;}
.tpratingitem__oldprice {color: #d3d2d2; font-weight: 600; font-style: 16px;}
.tpratingitem__available {margin: 0 40px;}
.tpratingitem__available .progress {height: 4px; background-color: #f0f0f0;}
.tpratingitem__available .progress .progress-bar {width: 40% !important; background-color: var(--tp-text-primary); border-radius: 6px;}
.tpratingitem__stock span {font-size: 14px; font-weight: 600;}
.tpratingitem__stock span i {font-style: normal; font-size: 14px; color: #999999;}
.tpratingitem__countdown span {display: inline-block; margin-bottom: 10px;}
.tpratingitem__countdown span.cdown {color: var(--tp-text-body); font-size: 14px; font-weight: 600; margin-right: 13px; margin-bottom: 0; padding-right: 16px; position: relative;}
.tpratingitem__countdown span.cdown::before {position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; height: 30px; width: 1px; background-color: #ededed;}
.tpratingitem__countdown span.cdown:last-child::before {display: none;}
.tpratingitem__countdown span.cdown p {margin-top: -15px; font-size: 16px; color: var(--tp-text-secondary);}
.tpratingitem__count {display: flex; justify-content: center; margin-left: 30px;}
.tpratingitem__count i {font-style: normal; font-size: 16px; margin-bottom: 0; padding-left: 13px; color: var(--tp-text-secondary);}
@media (max-width: 767px) {.tpplatiarrow {  justify-content: start !important;   margin-bottom: 20px; }}

.tpratingitem__thumb {overflow: hidden;}
.tpratingitem__thumb img {width: 100%;}
.tpratingitem__thumb img:hover {transform: scale(1.08);}
/*----------------------------------------*/
/*  16. FEATURES CSS START
/*----------------------------------------*/
.tpfeatures:hover .tpfeatures__icon img {transform: translate3d(0, -5px, 0);}
.tpfeatures__icon img {transform: translate3d(0, 0, 0); transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);}
.tpfeatures__icon {padding: 25px 24px; background-color: var(--tp-theme-13); display: inline-block; border-radius: 6px; width: 100px;}
.tpfeatures__title {font-size: 16px; font-weight: 600; color: var(--tp-text-9);}
.tpfeaturesborder {position: relative;}
.tpfeaturesborder::before {position: absolute; content: ""; left: 0; top: 10px; height: 150px; width: 1px; background-color: #f2f2f2; display: none;}
.tpfeaturesborder::after {position: absolute; content: ""; right: -15px; top: 10px; height: 150px; width: 1px; background-color: #f2f2f2;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpfeaturesborder::after {  display: none; }}

.fea-row .col-lg-2:last-child .tpfeaturesborder::after {right: 0px;}
.fea-row .col-lg-2:first-child .tpfeaturesborder::before {display: block;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.fea-row .col-lg-2:first-child .tpfeaturesborder::before {  display: none; }}

/*----------------------------------------*/
/*  17. TESTIMONIAL CSS START
/*----------------------------------------*/
.tptesti {background-color: #fcf6f4; padding: 40px 64px; border-radius: 6px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {.tptesti {  padding: 40px 30px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.tptesti {  padding: 30px 25px; }}
.tptesti__icon {height: 50px; width: 50px; line-height: 50px; display: inline-block; background: #fff; text-align: center; border-radius: 50%;}
.tptesti__content p {font-size: 20px; color: var(--tp-text-body); line-height: 1.6;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tptesti__content p {  font-size: 17px; }}
@media (max-width: 767px) {.tptesti__content p {  font-size: 16px; }}
.tptesti__avata-content-title {font-weight: 600; font-size: 18px; margin-bottom: 5px;}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tptesti__avata-content-title {  font-size: 14px; }}
.tptesti__avata-content p {margin-bottom: 0; font-size: 14px; color: var(--tp-text-secondary);}
@media (max-width: 767px) {.tptestiarrow {  justify-content: start !important;   margin-bottom: 15px; }}

.tpplatiarrow__prv, .tpplatiarrow__nxt,
.tptestiarrow__prv,
.tptestiarrow__nxt {font-size: 16px; font-weight: 600; color: #c0c0c0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpplatiarrow__prv:hover, .tpplatiarrow__nxt:hover,
.tptestiarrow__prv:hover,
.tptestiarrow__nxt:hover {color: var(--tp-text-body);}
.tpplatiarrow__nxt,
.tptestiarrow__nxt {margin-left: 20px;}
.tpplatiarrow__nxt i,
.tptestiarrow__nxt i {margin-left: 12px;}
.tpplatiarrow__prv i,
.tptestiarrow__prv i {margin-right: 12px;}
.tp-white-testimonial .tptesti {background-color: var(--tp-common-white);}
.tp-white-testimonial .tptesti__icon {background-color: var(--tp-text-primary);}
.tp-white-testimonial .tptesti__content p {color: var(--tp-text-secondary);}
.tp-white-testimonial .tptestiarrow__prv, .tp-white-testimonial .tptestiarrow__nxt {font-size: 14px; font-weight: 600; color: var(--tp-text-body); background-color: var(--tp-common-white); padding: 6px 14px; line-height: 1; margin-right: 10px; border-radius: 6px; transition: all 0.3s ease-out 0s;}
.tp-white-testimonial .tptestiarrow__prv:hover, .tp-white-testimonial .tptestiarrow__nxt:hover {color: var(--tp-common-white); background-color: var(--tp-text-primary);}
.tp-white-testimonial .tptestiarrow__nxt {margin-right: 0; margin-left: 0;}
.tpteam__thumb {position: relative;}
.tpteam__thumb::before {transition: all 0.4s ease-out 0s; position: absolute; content: ""; width: 100%; height: 100%; background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); left: 0px; right: 0; bottom: 0px; z-index: 1; opacity: 0.6; border-radius: 6px;}
.tpteam__thumb img {border-radius: 6px; width: 100%;}
.tpteam__position {font-size: 14px; color: var(--tp-common-white); margin-bottom: 7px;}
.tpteam__title {font-size: 24px; font-weight: 600; color: var(--tp-common-white); margin-bottom: 0;}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpteam__title {  font-size: 18px; }}
.tpteam__content {position: absolute; bottom: 35px; z-index: 9; left: 38px;}
.tpteam__btn {border: 1px solid var(--tp-border-1); font-size: 18px; font-weight: 600; color: var(--tp-text-body); padding: 16px 33px; border-radius: 6px; display: inline-block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {.tpteam__btn {  padding: 10px 33px;   font-size: 16px; }}
.tpteam__btn:hover {background-color: var(--tp-text-primary); border: 1px solid var(--tp-text-primary); color: var(--tp-common-white);}
.tpfeature__inner-thumb img {max-width: 100%;}
/*----------------------------------------*/
/*  18. SELECTPRODUCT CSS START
/*----------------------------------------*/
.tpselectproduct__heading {font-size: 20px; font-weight: 600;}
.tpselectproduct__thumb {flex: 0 0 auto;}
.tpselectproduct__thumb img {border-radius: 6px; width: 80px; height: 90px; object-fit: cover; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpselectproduct__rating {color: var(--tp-text-primary); font-size: 11px; margin-bottom: 3px;}
.tpselectproduct__rating .max-star {color: #e0e0e0;}
.tpselectproduct__title {font-size: 14px; font-weight: 400; color: var(--tp-text-secondary);}
.tpselectproduct__title a:hover {color: var(--tp-text-primary);}
.tpselectproduct__price {font-size: 16px; font-weight: 600; color: var(--tp-text-body);}
/*----------------------------------------*/
/*  19. PRODUCT-DETAILS CSS START
/*----------------------------------------*/
@media (max-width: 767px) {.tpproduct-details__nab {  padding-right: 0; }}
.tpproduct-details__nab .nav-link {padding: 0; border-color: transparent; margin-bottom: 20px;}
.tpproduct-details__nab .nav-link img {height: 80px; width: 70px; object-fit: cover; border-radius: 6px; border-color: transparent;}
.tpproduct-details__nab .nav-link.nav-link.active,
.tpproduct-details__nab .nav-link .nav-pills .show > .nav-link {color: #fff; background-color: transparent;}
.tpproduct-details__nab .tab-pane img {max-width: 100%; border-radius: 6px;}
.tpproduct-details__sticky {margin-left: -25px; position: sticky; top: 150px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpproduct-details__sticky {  margin-left: -50px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpproduct-details__sticky {  margin-left: 0px;   margin-top: 20px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpproduct-details__sticky {  margin-left: 0px;   margin-top: 20px; }}
.tpproduct-details__tag {display: inline-block; font-size: 14px; color: var(--tp-text-primary); font-weight: 600; line-height: 1; padding: 2px 8px 4px; background-color: rgba(213, 18, 67, 0.1); border-radius: 2px;}
.tpproduct-details__rating {margin-left: 20px;}
.tpproduct-details__rating a {font-size: 14px; color: var(--tp-common-yellow);}
.tpproduct-details__rating a i {margin-left: -3px;}
.tpproduct-details__reviewers {font-size: 14px; margin-left: 5px; color: var(--tp-text-secondary); cursor: pointer;}
.tpproduct-details__reviewers:hover {color: var(--tp-text-primary);}
.tpproduct-details__title {font-size: 26px; font-weight: 600; color: var(--tp-text-body); margin-right: 15px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpproduct-details__title {  font-size: 20px; }}
@media (max-width: 767px) {.tpproduct-details__title {  font-size: 23px; }}
.tpproduct-details__stock {font-size: 12px; font-weight: 600; color: var(--tp-text-primary); border: 1px solid var(--tp-border-1); border-radius: 2px; padding: 4px 9px; line-height: 1;}
.tpproduct-details__price del {font-size: 20px; color: var(--tp-grey-6); font-weight: 600;}
.tpproduct-details__price span {color: var(--tp-text-primary); font-weight: 600; font-size: 36px; margin-left: 7px;}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.tpproduct-details__price span {  font-size: 26px; }}
.tpproduct-details__pera p {font-size: 16px; color: var(--tp-text-secondary); margin-bottom: 23px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpproduct-details__pera p {  font-size: 12px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.tpproduct-details__pera p br {  display: none; }}
.tpproduct-details__quantity {border: 1px solid var(--tp-border-1); border-radius: 6px; display: inline-block; padding: 16px 28px;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.tpproduct-details__quantity {  padding: 11px 23px; }}
@media (max-width: 767px) {.tpproduct-details__quantity {  padding: 11px 10px; }}
.tpproduct-details__quantity input {border: none; width: 25px; text-align: center; font-size: 16px; font-weight: 600;}
.tpproduct-details__quantity .cart-minus, .tpproduct-details__quantity .cart-plus {color: var(--tp-grey-7); cursor: pointer;}
@media (max-width: 767px) {.tpproduct-details__cart {  margin-left: 10px; }}
.tpproduct-details__cart button {font-size: 16px; font-weight: 600; background-color: var(--tp-text-primary); color: var(--tp-common-white); display: inline-block; padding: 22px 36px; line-height: 1; border-radius: 6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tpproduct-details__cart button:hover {background-color: var(--tp-text-body);}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.tpproduct-details__cart button {  padding: 17px 20px; }}
@media (max-width: 767px) {.tpproduct-details__cart button {  padding: 18px 14px;   font-size: 13px; }}
.tpproduct-details__wishlist {height: 60px; width: 60px; text-align: center; border: 1px solid var(--tp-border-1); display: inline-block; line-height: 60px; color: var(--tp-grey-7); border-radius: 6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.tpproduct-details__wishlist {  height: 50px;   width: 50px;   line-height: 50px; }}
@media (max-width: 767px) {.tpproduct-details__wishlist {  height: 50px;   width: 50px;   line-height: 50px;   margin-left: 10px; }}
.tpproduct-details__wishlist:hover {color: var(--tp-common-white); background-color: var(--tp-text-primary); border: 1px solid var(--tp-text-primary);}
.tpproduct-details__wishlist a {display: block;}
.tpproduct-details__information p {margin-bottom: 0; font-size: 16px; font-weight: 600; color: var(--tp-text-body); display: inline-block; margin-right: 5px; margin-bottom: 5px;}
.tpproduct-details__information span {color: var(--tp-text-secondary); font-weight: 400; font-size: 16px;}
.tpproduct-details__information span a:hover {color: var(--tp-text-primary);}
.tpproduct-details__information a {color: var(--tp-text-secondary); margin-right: 12px; font-size: 16px;}
.tpproduct-details__information a:hover {color: var(--tp-text-primary);}
.tpproduct-details__condation {margin-left: -60px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.tpproduct-details__condation {  margin-left: 0px; }}
@media (max-width: 767px) {.tpproduct-details__condation {  margin-top: 40px;   margin-left: 0px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpproduct-details__condation {  margin-top: 40px;   margin-left: 0px; }}
.tpproduct-details__condation ul li {list-style: none; margin-bottom: 20px;}
.tpproduct-details__condation-item {border: 1px solid var(--tp-border-1); border-radius: 6px; padding: 11px 25px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpproduct-details__condation-item {  padding: 11px 8px; }}
.tpproduct-details__condation-item:hover .tpproduct-details__img-hover {transform: translate3d(0, -5px, 0);}
.tpproduct-details__img-hover {margin-right: 20px; flex: 0 0 auto; transform: translate3d(0, 0, 0); transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpproduct-details__img-hover {  margin-right: 10px; }}
.tpproduct-details__condation-text p {font-size: 14px; margin-bottom: 0; color: var(--tp-text-secondary);}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {.tpproduct-details__condation-text p br {  display: none; }}
.tpproduct-details__nav .nav-tabs {border-bottom: 1px solid var(--tp-border-1); display: flex; justify-content: center; padding-bottom: 15px;}
.tpproduct-details__nav .nav-tabs .nav-links {font-size: 16px; font-weight: 600; color: var(--tp-text-secondary); margin: 0 32px;}
@media (max-width: 767px) {.tpproduct-details__nav .nav-tabs .nav-links {  font-size: 14px;   margin: 0 12px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpproduct-details__nav .nav-tabs .nav-links {  margin: 0 15px; }}
.tpproduct-details__nav .nav-tabs .nav-links.active {color: var(--tp-text-body);}
.tpproduct-details__list-img {padding-right: 60px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpproduct-details__list-img {  padding-right: 0; }}
.tpproduct-details__list-img-item {margin-bottom: 10px;}
.tpproduct-details__list-img-item img {max-width: 100%; border-radius: 6px;}
.latest-comments ul li {list-style: none;}
.comments-box {margin-bottom: 50px;}
.user-rating ul li {display: inline-block; color: var(--tp-common-yellow);}
.comments-text span,
.comments-text p {color: var(--tp-text-secondary); font-size: 16px;}
.comment-title p {color: var(--tp-text-secondary); font-size: 16px;}
.comment-rating span {font-weight: 500; margin-right: 5px;}
.comment-rating ul li {display: inline-block; color: var(--tp-common-yellow);}
.comment-input textarea {width: 100%; height: 120px; margin-bottom: 20px; border: 1px solid #e7e7e7; padding: 20px;}
.comment-input textarea:focus-visible {outline: 0; border: 1px solid var(--tp-text-primary) !important;}
.comment-input input {width: 100%; height: 50px; resize: none; outline: 0; border: 1px solid #e7e7e7; padding: 8px 20px; margin-bottom: 30px;}
.comment-input input:focus {border: 1px solid var(--tp-text-primary);}
.comments-avatar {flex: 0 0 auto;}
.table .add-info {font-size: 18px; font-weight: 500;}
.table td {padding: 18px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.shop-left-right {  margin-left: 0;   margin-right: 0; }}

.tp-comments-title {font-size: 24px;}
@media (max-width: 767px) {.tp-comments-title {  font-size: 18px; }}

.tp-content-tab p {font-size: 16px; color: var(--tp-text-secondary);}
.pro-submit {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
@media (max-width: 767px) {.tprelated__arrow {  justify-content: start !important; }}
.tprelated__arrow i {height: 50px; width: 50px; line-height: 50px; text-align: center; background-color: var(--tp-grey-2); border-radius: 6px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.tprelated__arrow i:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white);}
.tprelated__prv {margin-right: 15px;}
.related-product-border {border-top: 1px solid var(--tp-border-1);}
.comments-text {width: 100%;}

.prod-list { margin-top:30px; }
.prod-list-item {    border-bottom: 1px solid rgba(0,0,0,0.08);margin-bottom:15px; padding-bottom:15px; padding-top:15px; display:flex;    justify-content: space-between;    align-items: center;}
.prod-list-item-num { width:40px; min-width:40px; max-width:40px;}
.prod-list-item-img {width:100px; min-width:100px; max-width:100px;}
.prod-list-item-img img{ width:100px; height:100px}
.prod-list-item-name{width:846px; min-width:846px; max-width:846px; padding-left:24px}
.prod-list-item-name:hover h3 { color:#9d9d9d}
.prod-list-item-name h3 { font-size:18px;}
.prod-list-item-sku{width:115px; min-width:115px; max-width:115px; }
.prod-list-item-stock{}
.prod-list-item-price{ width:115px; min-width:115px; max-width:115px;text-align:right;}
.prod-list-item-btns{width:230px; min-width:230px; max-width:230px;     display: flex; align-items: baseline; justify-content: end; gap: 24px;}
.prod-list-item-btns a.btn {    padding: 10px 30px; margin-right:5px;    color: #fff;}
.prod-list-item-names {display:flex;    justify-content: space-between;    align-items: center;}
.prod-list-item-names  .list-h { font-size:14px;  color:#999; font-weight:300;}
.prod-list-item-names  .prod-list-item-name { }
.prod-list-item-names .prod-list-item-img { padding-left:0;}
.tool-col img{ width:100%}

.cartpage input[type="text"], .cartpage select,
.cartpage input[type="email"]{position:relative;line-height:28px;display:inline-block;height:52px;width:100%;box-shadow:inherit;font-size:14px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;padding:13px 10px;color:#3A1B05;border:1px solid #b3a8a1; background:none; border-radius:10px; margin-right:4px; margin-bottom:8px;}
.cartpage input::placeholder,
.cartpage textarea::placeholder{color:#b3a8a1;font-size:14px;}
.cartpage select {color:#b3a8a1}
.cartpage .form-group { position: relative;}
.col-lg-4.cartright { padding-left:35px;}
.col-lg-8.cartleft { padding-right:27px;}
.cartpage .halfinput { width:49.7%;display: inline-block;position:relative;}
.cartpage .halfinput:last-child { margin-right:0;}
.errorcart { position: absolute; color: #FF0000; font-size: 8px;  bottom: 8px; left: 10px;}
.item-quantity {
    width: 96px;
    position: relative;
    display: flex;    margin: 0 auto;
    align-items: baseline;
    justify-content: space-around;
}
.quantity-box .item-quantity .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    max-width: 144px;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}
.quantity-box .item-quantity input {
    line-height: 16px;
    height: 16px;
    width: 16px !important;
    padding: 0px !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #182E39;
    border: none;
    border-radius: 0;    margin: 0;
    background: none !important;
}
.product-quantity .cart-plus, .product-quantity .cart-minus {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}
.count-revs { margin-left:16px; color:#fff; background:#DD7A25; padding:5px 8px; border-radius:8px;}
.cartpage .sec-title h1 {display: inline-block;margin-bottom: 10px;vertical-align: sub;}
.cart-act { margin-bottom:10px;}
.cart-act a{ font-size:16px; margin-left:32px; position:relative} 
.cart-act a:hover {    color: #BE4006;}
.cart-act a:before {content: ''; position: absolute; height: 20px;width: 1px; background: #EFF0F1; left: -16px; top: 0;}
.prod-link a:hover svg path{fill: #BE4006}
.cart-act .form-group,  .cart-act .check-box { display:inline-block;    vertical-align: top;}
.prod-del a:hover svg path {fill: #d9d9d9}
.brands-list.cart-check  .form-group .check-box label { padding:0}
.brands-list.cart-check .cart-act .form-group .check-box label { padding-left:24px;}
.brands-list.cart-check .cart-act .form-group .check-box label:after {top:7px;}
.brands-list.cart-check .form-group .check-box label:before {top:16px;}
.brands-list.cart-check .cart-act .form-group .check-box label:before {top:3px;}
.brands-list.cart-check .form-group { margin-bottom:0}
.tovaritem { position:relative; display:flex;    justify-content: space-between; align-items: flex-start; padding-top:16px; padding-bottom:16px; margin-bottom:8px;border-bottom: 1px solid #EFF0F1;}
.tovaritem .prod-image img { width:60px;border: 1px solid #EFF0F1; border-radius:2px;}
.tovaritem .price{position:relative; min-width:100px;margin-left:32px;}
.tovaritem .price span.oldprice{position:relative;color:#182E39;text-decoration:line-through;font-size:14px;opacity: 0.75;}
.tovaritem .price span.newprice { display:block; width:100%; font-weight:600; font-size:16px;}
.tovaritem .off-tag {
    position: absolute;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
    font-size: var(--font-14);
    color: #BE4006;
    line-height: 1.6em;
    margin-left: 6px;
}
.prod-link a {color:#182E39;}
.prod-link {min-width: 385px;}
.prod-link span { display:block; width:100%; margin-bottom:12px;}
.prod-image, .prod-link, .prod-model, .prod-del { margin-left:32px;}
.prod-model span { opacity:50%}
.prod-model { font-size:16px;}
.cartpage .sec-title h1 { display:inline-block;    margin-bottom: 10px; vertical-align: sub;}
.prod-link .item-quantity {    padding: 7px 12px 1px;}
.prod-link .quantity-box { display:inline-block;    vertical-align: -webkit-baseline-middle;   margin-left: 10px;}
.prod-link .quantity-box span.forone { display:inline-block;color:#3A1B05; opacity:50%; font-size:12px; font-weight:500;     width: auto; margin: 0;  vertical-align: top; margin-top: 5px; margin-left:10px;}
.cartitog .accordion-button { font-size:12px; font-weight:500;}
.cartitog .widget-content .accordion-item { padding-bottom:12px; margin-bottom:24px;border-bottom: 1px solid #EFF0F1}
.cartitog .accordion-body { margin-top:8px;}
.select-shipping .select-size-box .select-box input[type="radio"]{left:0px;top:0px;visibility:hidden;position:absolute;opacity:0;	}
.select-shipping  .select-size-box .select-box label{display:block;line-height:1;padding:24px;font-weight:500;cursor:pointer;border-radius:10px;font-size:14px;transition:all 500ms ease;color:#182E39;border: 1px solid #D9D9D9; background:#fff; text-transform:none; text-align:left; padding-left:80px; position:relative}
.select-shipping  .select-size-box .select-box input[type="radio"]:checked+label { background-color:#fff;border: 1px solid #DD7A25;color: #182E39;}
.select-shipping  .select-size-box .select-box {display:inline-block; width:49.1%;margin-right:4px;}
.select-shipping  .select-size-box .select-box:last-child { margin-right:0;}
.select-shipping .select-size-box .select-box label span { display:inline-block; border-radius:0; font-size:12px; width:auto; height:auto}
.select-shipping .select-size-box .select-box label span.price {color:#9B490D; font-weight:600; margin-right:8px; margin-top:4px;}
.select-shipping .select-size-box .select-box label span.time {font-weight:500;margin-top:4px;}
.select-shipping .select-size-box .select-box label span.addr {font-weight:400;margin-top:4px;} .select-shipping .select-size-box .select-box label span.addr a {color: #182E39;}
.select-shipping  .select-size-box .select-box:first-child label:before { content:''; position:absolute; left:24px; top:24px; width:40px; height:40px; background-size:cover; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35 13.3334V33.3334C35 33.7754 34.8244 34.1993 34.5118 34.5119C34.1993 34.8244 33.7754 35 33.3333 35H6.66667C6.22464 35 5.80072 34.8244 5.48816 34.5119C5.17559 34.1993 5 33.7754 5 33.3334V13.3334' stroke='%23DD7A25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5 13.3333L12.85 5.48333C13.1604 5.17543 13.5794 5.00184 14.0167 5H25.9833C26.4206 5.00184 26.8396 5.17543 27.15 5.48333L35 13.3333H5ZM25 13.3333H15V25L20 23.3333L25 25V13.3333Z' stroke='%23DD7A25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");}
.select-shipping  .select-size-box .select-box:last-child label:before {content:''; position:absolute; left:24px; top:24px; width:40px; height:40px; background-size:cover;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.6667 28.3333C16.6667 28.9926 16.4712 29.6371 16.1049 30.1852C15.7386 30.7334 15.218 31.1606 14.6089 31.4129C13.9999 31.6652 13.3296 31.7312 12.683 31.6026C12.0364 31.474 11.4425 31.1565 10.9763 30.6904C10.5101 30.2242 10.1927 29.6302 10.0641 28.9836C9.93543 28.337 10.0014 27.6668 10.2537 27.0577C10.506 26.4486 10.9333 25.928 11.4814 25.5618C12.0296 25.1955 12.6741 25 13.3333 25C14.2174 25 15.0652 25.3512 15.6904 25.9763C16.3155 26.6014 16.6667 27.4493 16.6667 28.3333ZM30 25C29.3407 25 28.6963 25.1955 28.1481 25.5618C27.5999 25.928 27.1727 26.4486 26.9204 27.0577C26.6681 27.6668 26.6021 28.337 26.7307 28.9836C26.8593 29.6302 27.1768 30.2242 27.643 30.6904C28.1092 31.1565 28.7031 31.474 29.3497 31.6026C29.9963 31.7312 30.6665 31.6652 31.2756 31.4129C31.8847 31.1606 32.4053 30.7334 32.7716 30.1852C33.1378 29.6371 33.3333 28.9926 33.3333 28.3333C33.3333 27.4493 32.9821 26.6014 32.357 25.9763C31.7319 25.3512 30.8841 25 30 25Z' stroke='%23DD7A25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M25 10V28.3334H16.6667C16.6667 27.4493 16.3155 26.6015 15.6904 25.9764C15.0652 25.3512 14.2174 25 13.3333 25C12.4493 25 11.6014 25.3512 10.9763 25.9764C10.3512 26.6015 10 27.4493 10 28.3334H6.66667C6.22464 28.3334 5.80072 28.1578 5.48816 27.8452C5.17559 27.5327 5 27.1087 5 26.6667V10C5 9.55801 5.17559 9.13409 5.48816 8.82153C5.80072 8.50897 6.22464 8.33337 6.66667 8.33337H23.3333C23.7754 8.33337 24.1993 8.50897 24.5118 8.82153C24.8244 9.13409 25 9.55801 25 10ZM34.7167 17.9167L32.1667 14.0834C32.0141 13.8518 31.8062 13.6619 31.5617 13.5309C31.3173 13.3999 31.044 13.332 30.7667 13.3334H25V28.3334H26.6667C26.6667 27.4493 27.0179 26.6015 27.643 25.9764C28.2681 25.3512 29.1159 25 30 25C30.8841 25 31.7319 25.3512 32.357 25.9764C32.9821 26.6015 33.3333 27.4493 33.3333 28.3334H35V18.8334C34.9974 18.5067 34.8989 18.1879 34.7167 17.9167Z' stroke='%23DD7A25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");}
.shipp-bl .h3, .info-bl .h3 { font-weight:700; text-transform:uppercase;color: #3A1B05; opacity:50%; margin-bottom:16px; font-size:14px;}
.shipp-bl, .tovar-bl { margin-bottom:40px;}
.cartitog {border: 1px solid #BE4006; padding:42px 40px; border-radius:4px;}
.itog-item { font-size:12px;    display: flex; justify-content: space-between; margin-bottom:10px;}
.itog-item span { font-size:16px; font-weight:500;}
.shipping-item { display: flex; font-size:12px;justify-content: space-between;border-bottom: 1px solid #EFF0F1;border-top: 1px solid #EFF0F1; padding-top:12px; padding-bottom:12px; margin-top:2px; margin-bottom:24px;}
.shipping-item span {font-size:16px; font-weight:500;}
.addritem { max-width:230px;}
.addritem b {  font-weight:500;}
.summ-item {font-size:24px;display: flex; justify-content: space-between; margin-bottom:24px;}
.summ-item span{  font-weight:600;}
.brands-list.cartpay { margin-bottom:24px;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label{border-color: #25a9e0;}
.brands-list.cartpay .form-group .form-group .check-box label { padding-left: 30px; padding-top: 1px; cursor: pointer;}
.brands-list.cartpay .form-group .check-box label:before{position: absolute;left: 0;top: 7px;height:12px;width: 12px;content: "";border-radius: 100px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border: 1px solid #D9D9D9}
.brands-list.cartpay .form-group .check-box label:after {position: absolute;left: 3px;top: 9.7px;content: "";height: 6px; width:6px;line-height: 12px;max-width: 0;font-size: 12px;color: var(--white-color);font-weight: 800;overflow: hidden;background: #fff;text-align: center;line-height:20px;display:block;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease; border-radius:100%}
.brands-list.cartpay .form-group .check-box input[type="radio"] {display: none;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label:before{background-color:#DD7A25;border-color:#DD7A25;}
.brands-list.cartpay .form-group .check-box input[type="radio"]:checked + label:after {max-width: 20px;opacity: 1;}
.brands-list.cartpay .form-group .check-box label { padding-left:20px;}
.infopvz .brands-list.cartpay .form-group .check-box label { font-size:18px;    display: block; padding-left:36px;}
.infopvz .brands-list.cartpay .form-group .check-box label span {color:#3A1B05; font-size:16px; display:block;}
.infopvz .brands-list.cartpay .form-group .check-box label:before { width:20px; height:20px;}
.infopvz .brands-list.cartpay { margin-top:24px;}
.infopvz .brands-list.cartpay .form-group .check-box label:after {height:12px;width: 12px;top: 11px; left:4px;}
.cartitog .theme-btn  { display:block; width:100%;background: #BE4006; color:#fff; padding:13px; border-radius:10px; margin-bottom:24px;}
.cartitog .theme-btn:hover { background:#DD7A25}
.agree-form.check-box{position:relative;}
.agree-form.check-box label{position: relative;cursor: pointer;margin-bottom: 0;font-weight: 400;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}
.agree-form.check-box input[type="checkbox"]:checked + label{border-color: var(--main-color);}
.agree-form.check-box label { padding-left: 24px;padding-top: 1px;cursor: pointer;font-size: 12px; line-height: 1.2;}
.agree-form.check-box label:before{position: absolute;left: 0;top: 4px;height:16px;width: 16px;background: none;content: "";border-radius: 2px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;border:1px solid #a8c2cf;}
.agree-form.check-box label:after {position: absolute;left: 0px;top: 0;height: 8px;line-height: 8px;max-width: 0;font-size: 14px;color: #ffffff;font-weight: 800;overflow: hidden;background: transparent;text-align: center;-webkit-transition: max-width 500ms ease;-moz-transition: max-width 500ms ease;-ms-transition: max-width 500ms ease;-o-transition: max-width 500ms ease;transition: max-width 500ms ease;}
.agree-form.check-box input[type="checkbox"] {display: none;}
.agree-form.check-box input[type="checkbox"]:checked + label:before{border: 5px solid #BE4006;background-color: var(--white-color);}
.agree-form.check-box input[type="checkbox"]:checked + label:after {max-width: 20px;opacity: 1;	}
#modal-addr, #modal-pvz {
    background-color: rgba(185, 198, 205, 0.55);
    position: fixed;
    top: 0;
    right: -100vw;
    width: 100vw;
    height: 100vh;
    transition: all .5s;
    z-index: 9999;
}
#modal-addr .modal-dialog {max-width: 640px;  margin: 0;    float: right;height: 100vh;}
#modal-pvz .modal-dialog {max-width: 100%; width:100%;margin: 0;    float: right;height: 100vh;}
#modal-addr .close-block, #modal-pvz .close-block {top:30px;}
#modal-pvz .modal-dialog .modal-content, #modal-addr .modal-dialog .modal-content {border:none; border-radius:0;height: 100vh; }
#modal-pvz .modal-body, #modal-addr .modal-body { padding:0;background:#fff}
.modal-addr-txt { padding:62px!important;}
.modal-addr-txt .h3{ font-size:32px;color:#3A1B05; margin-bottom:8px; font-weight:400;}
.modal-addr-txt .ship-price {color:#3A1B05; margin-bottom:40px;}
.modal-addr-txt .text-comm { }
.modal-addr-txt .text-comm textarea {    padding: 13px 10px;
    color: #3A1B05;
    border: 1px solid #b3a8a1;
    background: none;
    border-radius: 10px;
    margin-right: 4px;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 110px;
    padding-top: 23px;}
.modal-addr-txt .theme-btn {background: #BE4006; color:#fff; padding:16px 32px; border-radius:10px; margin-right:24px;}
.modal-addr-txt .theme-btn:hover {background:#DD7A25}
.modal-addr-txt .clear-addr { font-size:16px; color:#BE4006}
.modal-addr-txt .clear-addr:hover {color:#DD7A25}
.modal-addr-txt .threeinput input {width:32.8%;}
.modal-addr-txt .threeinput input:last-child { margin-right:0;}
.addr-btns { position: absolute; bottom:60px;}
.infopvz .addr-btns  { position:static}
#modal-pvz .modal-addr-txt { width:100%; padding:0!important}
.infopvz { padding:62px; width:640px; display:inline-block;vertical-align:top; float:right}
.mapbl {    display: inline-block; width: calc(100% - 650px); vertical-align: top; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.modal-addr-txt::-webkit-scrollbar { width: 3px; height: 3px;}
.modal-addr-txt::-webkit-scrollbar-button {  background-color: #f3f3f3; }
.modal-addr-txt::-webkit-scrollbar-track {  background-color: #999;}
.modal-addr-txt::-webkit-scrollbar-track-piece { background-color: #f3f3f3;}
.modal-addr-txt::-webkit-scrollbar-thumb { height: 50px; background-color: #d2d2d2; border-radius: 3px;}
.modal-addr-txt::-webkit-scrollbar-corner { background-color: #999;}
.modal-addr-txt::-webkit-resizer { background-color: #339900;}
.alerttxt { margin-top:-20px; margin-bottom:24px;border-left: 4px solid #FFCE50;background: #FCF6F0; border-radius:12px; padding:10px 16px; padding-left:48px; line-height:1.2; position:relative;}
.alerttxt a { color:#BE4006; display:block; margin-top:6px;}
.alerttxt a:hover {color:rgb(221,122,37);}
.alerttxt:before { content:''; position: absolute; width:18px; height:18px; left:17px;top:10px; background-size:cover;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.67057 9.00011C1.67057 4.95191 4.9517 1.67079 8.99989 1.67079C13.0473 1.67079 16.3292 4.95197 16.3292 9.00011C16.3292 13.0474 13.0472 16.3294 8.99989 16.3294C4.95176 16.3294 1.67057 13.0475 1.67057 9.00011ZM8.99989 0.00411987C4.03122 0.00411987 0.00390625 4.03144 0.00390625 9.00011C0.00390625 13.9678 4.03116 17.9961 8.99989 17.9961C13.9677 17.9961 17.9959 13.9679 17.9959 9.00011C17.9959 4.03138 13.9676 0.00411987 8.99989 0.00411987ZM9.83311 4.00004C9.83311 3.5398 9.46001 3.16671 8.99978 3.16671C8.53954 3.16671 8.16644 3.5398 8.16644 4.00004V9.83337C8.16644 10.2936 8.53954 10.6667 8.99978 10.6667C9.46001 10.6667 9.83311 10.2936 9.83311 9.83337V4.00004ZM8.99561 11.9167C8.53537 11.9167 8.16228 12.2898 8.16228 12.75C8.16228 13.2103 8.53537 13.5834 8.99561 13.5834H9.00394C9.46418 13.5834 9.83728 13.2103 9.83728 12.75C9.83728 12.2898 9.46418 11.9167 9.00394 11.9167H8.99561Z' fill='%23FFCE50'/%3e%3c/svg%3e");}
.btn-close {    position: absolute; z-index: 9; top: 30px; right: 30px;}

.country-select {margin-bottom: 30px; position: relative;}
.country-select select {width: 100%; background-color: transparent; border: 1px solid #eaedff; padding: 0 10px; height: 50px;}
.country-select label, .checkout-form-list label {color: #6f7172; display: block; margin: 0 0 5px;}
.country-select label span.required, .checkout-form-list label span.required {color: red;}
.country-select .nice-select {border: 1px solid #eaedff; height: 45px; padding-left: 10px; width: 100%; color: #6f7172; margin-bottom: 20px;}
.country-select .nice-select .list {width: 100%;}
.create-acc label {color: #6f7172; display: inline-block;}
.create-account {display: none;}
.ship-different-title h3 label {display: inline-block; margin-right: 20px; color: #6f7172;}
.order-notes textarea {border: 1px solid #eaedff; height: 120px; padding: 15px; width: 100%; outline: 0; resize: none;}
.order-notes textarea:focus {border-color: var(--tp-text-primary);}
.order-notes textarea::-moz-placeholder {color: #6f7172; opacity: 1;}
.order-notes textarea::placeholder {color: #6f7172; opacity: 1;}
#ship-box-info {display: none;}
.panel-group .panel {border-radius: 0;}
.panel-default > .panel-heading {border-radius: 0;}
.your-order {padding: 30px 40px 45px; border: 3px solid rgba(213, 18, 67, 0.3);}
@media (max-width: 767px) {.your-order {  padding: 15px; }}
.your-order h3 {border-bottom: 1px solid #eaedff; font-size: 30px; margin: 0 0 20px; padding-bottom: 10px; width: 100%;}
.your-order-table table {background: none; border: 0; width: 100%;}
.your-order-table table th, .your-order-table table td {border-bottom: 1px solid #eaedff; border-right: medium none; color: #6f7172; font-size: 14px; padding: 15px 0; text-align: left;}
@media (max-width: 767px) {.your-order-table table th, .your-order-table table td {  padding-right: 10px; }}
.your-order-table table th {border-top: medium none; color: #6f7172; font-weight: normal; text-align: left; vertical-align: middle; white-space: nowrap; width: 250px;}
.panel-body > p {color: #222;}
.your-order-table table .shipping ul li {list-style: none;}
.your-order-table table .shipping ul li input {position: relative; top: 2px;}
.your-order-table table .shipping ul li label {color: #6f7172;}
.your-order-table table .shipping th {vertical-align: top;}
.your-order-table table .order-total th {border-bottom: 0; font-size: 14px;}
.your-order-table table .order-total td {border-bottom: medium none;}
.your-order-table table tr.cart_item:hover {background: #F9F9F9;}
.your-order-table table tr.order-total td span {color: var(--tp-theme-primary); font-size: 18px; font-weight: 500;}
.payment-method {margin-top: 40px;}
.payment-method .accordion-item:last-of-type {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.payment-method .accordion-item {background-color: #fff; border: 0; border-bottom: 1px solid var(--tp-border-primary);}
.payment-method .accordion-button {font-size: 16px; font-weight: 500; color: var(--tp-theme-primary); padding: 23px 0; border: none;}
.payment-method .accordion-button:focus {-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.payment-method .accordion-button::after {position: absolute; content: "\f067"; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: var(--tp-ff-fontawesome); font-size: 16px; font-weight: 400; margin-left: 0; background-image: none;}
.payment-method .accordion-button:not(.collapsed) {color: var(--tp-theme-primary); background-color: var(--tp-common-white); box-shadow: none;}
.payment-method .accordion-button:not(.collapsed)::after {content: "\f068";}
.payment-method .accordion-body {padding: 8px 0; padding-bottom: 40px;}
.payment-method .accordion-collapse {border: none;}
.panel-title > a {display: block;}
.order-button-payment input {background: #232323 none repeat scroll 0 0; border: medium none; color: #fff; font-size: 15px; font-weight: 600; height: 40px; margin: 0px 0 0; padding: 0; text-transform: uppercase; transition: all 0.3s ease 0s; width: 100%;}
.order-button-payment input:hover {background: #3e976c none repeat scroll 0 0;}
.payment-method .btn-link {background: no-repeat; border: medium none; border-radius: 0; color: #444; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 1; margin-bottom: 0; padding: 3px 10px; text-align: center; text-transform: uppercase; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; text-decoration: none;}
.payment-method .card {background-color: #ffffff; border: 1px solid #eaedff; border-radius: 0; margin-bottom: 10px;}
.payment-method .accordion .card:first-of-type {border: 1px solid #eaedff;}
.card-header:first-child {border-radius: 0;}
.payment-method .card-header {background-color: #ffffff; border-bottom: 1px solid #eaedff;}
/*----------------------------------------*/
/*  21. LOCATION CSS START
/*----------------------------------------*/
.tpshop__location {border: 1px solid var(--tp-border-1); border-radius: 6px;}
@media (max-width: 767px) {.tpshop__location {  border-radius: 6px; }}
.tpshop__content {padding: 10px 50px;}
@media (max-width: 767px) {.tpshop__content {  padding: 20px 12px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {.tpshop__content {  padding: 5px 20px; }}
.tpshop__info ul li {list-style: none; position: relative; padding-left: 28px; margin-bottom: 15px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpshop__info ul li {  margin-bottom: 7px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpshop__info ul li {  margin-bottom: 10px; }}
.tpshop__info ul li:last-child {margin-bottom: 0;}
.tpshop__info ul li a {font-size: 16px; font-weight: 400; display: block; color: var(--tp-text-secondary); line-height: 26px;}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpshop__info ul li a {  font-size: 14px;   line-height: 24px; }}
.tpshop__info ul li a:hover {color: var(--tp-text-primary);}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpshop__info ul li a br {  display: none; }}
.tpshop__info ul li span {font-size: 16px; font-weight: 400; display: block; color: var(--tp-text-secondary);}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpshop__info ul li span {  font-size: 14px;   line-height: 24px; }}
.tpshop__info ul li i {position: absolute; top: 8px; left: 0; color: var(--tp-text-body); font-size: 14px;}
.tpshop__thumb img {width: 100%;}
.tpshop__title {font-size: 18px; font-weight: 600; color: var(--tp-text-body);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpshop__title {  font-size: 16px; }}
@media only screen and (min-width: 576px) and (max-width: 767px) {.tpshop__title {  font-size: 16px;   margin-bottom: 7px; }}
.tpshop__location-map {height: 500px;}
.tpshop__location-map iframe {width: 100%; height: 100%;}
.tpshop__search {position: relative;}
.tpshop__search form {position: relative;}
.tpshop__search form input {height: 60px; width: 100%; border: 1px solid var(--tp-border-1); border-radius: 6px; padding: 5px 240px 5px 30px;}
@media (max-width: 767px) {.tpshop__search form input {  font-size: 12px;   padding: 5px 150px 5px 15px;   height: 48px; }}
.tpshop__search form input::placeholder {font-size: 14px; color: var(--tp-grey-9);}
.tpshop__search button {position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; font-weight: 600; color: var(--tp-common-white); background-color: var(--tp-text-primary); border-radius: 0px 6px 6px 0px; padding: 17px 32px;}
@media (max-width: 767px) {.tpshop__search button {  font-size: 12px;   padding: 10px 10px; }}
.tpshop__search button i {margin-left: 10px;}
.tpcontact__right {margin-right: 75px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.tpcontact__right {  margin-right: 20px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {.tpcontact__right {  margin-right: 0px; }}
.tpcontact__shop {border: 1px solid var(--tp-border-1); border-radius: 6px; padding: 45px 35px 45px 35px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.tpcontact__shop {  padding: 45px 15px 45px 15px; }}
.tpcontact__shop .tpshop__title {font-size: 26px; font-weight: 600;}
.tpcontact__title {font-size: 26px; font-weight: 600; color: var(--tp-text-body); margin-bottom: 0;}
.tpcontact__info p {font-size: 14px; color: var(--tp-text-secondary);}
.tpcontact__input input, .tpcontact__input select, .tpcontact__input textarea {height: 60px; width: 100%; padding: 5px 20px; border: 1px solid var(--tp-border-1); border-radius: 6px;}
.tpcontact__input input:focus, .tpcontact__input textarea:focus {border: 1px solid var(--tp-text-primary); outline: 0;}
.tpcontact__input input::placeholder, .tpcontact__input textarea::placeholder {font-size: 16px; color: var(--tp-text-secondary);}
.tpcontact__input textarea {height: 240px; padding: 25px;}
.tpcontact__support a {display: block; font-weight: 600; font-size: 16px; border: 1px solid var(--tp-border-1); border-radius: 6px; padding: 16px 5px; text-align: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-bottom: 10px;}
.tpcontact__support a:hover {background-color: var(--tp-text-primary); color: var(--tp-common-white); border: 1px solid var(--tp-text-primary);}
.tpcontact__support a:hover i {color: var(--tp-common-white);}
.tpcontact__support a i {color: var(--tp-text-primary); margin-left: 14px;}
.tperror__title {font-size: 48px; font-weight: 600; color: var(--tp-text-body);}
.tperror__content p {font-size: 18px; font-weight: 400; color:#101010; }
.tp-error-btn i {margin-right: 15px;}
/*----------------------------------------*/
/*  22. SIGN CSS START
/*----------------------------------------*/
.tpsign__account {margin-bottom: 18px;}
.tpsign__account a {text-decoration: underline; font-size: 14px; font-weight: 400; color: var(--tp-text-body);}
.tpsign__account a:hover {color: var(--tp-text-primary);}
.tpsign__remember .form-check-input {border: none; background-color: var(--tp-common-white);}
.tpsign__remember .form-check-input:checked {background-color: var(--tp-text-primary); border-color: transparent;}
.tpsign__remember .form-check-input:focus {outline: 0; box-shadow: none;}
.tpsign__remember .form-check-input[type=checkbox] {border-radius: 0; height: 15px; width: 15px; transform: translateY(2px);}
.tpsign__remember .form-check-label {font-size: 14px; color: var(--tp-text-secondary);}
.tpsign__pass a {font-size: 14px; color: var(--tp-text-body); text-decoration: underline;}
.tpsign__reg {background-color: #f3eee7; color: var(--tp-common-black);}
.tpsign__reg:hover {color: var(--tp-common-white); background-color: var(--tp-text-body);}
/*----------------------------------------*/
/*  23. COMING-SOON CSS START
/*----------------------------------------*/
.tpcoming__bg {background-repeat: no-repeat;}
.tpcoming__area {padding-top: 80px; padding-bottom: 280px;}
.tpcoming__countdown {display: flex; align-items: center; justify-content: center;}
.tpcoming__countdown span.cdown {background-color: transparent; height: 100%; width: 60px; text-align: center; color: var(--tp-common-white); font-size: 48px; font-weight: 700; margin-right: 85px; margin-bottom: 40px;}
.tpcoming__countdown span p {margin-top: 10px; color: var(--tp-common-white);}
.tpcoming__content {padding-top: 280px;}
.tpcoming__content span {margin-bottom: 5px; display: inline-block; font-size: 18px; color: var(--tp-common-white);}
.tpcoming__title {font-weight: 600; color: var(--tp-common-white); font-size: 48px;}
.tpcoming__submit form {position: relative;}
.tpcoming__submit form input {height: 60px; width: 100%; border: none; padding: 5px 200px 5px 55px;}
.tpcoming__submit form input::placeholder {font-size: 14px; color: var(--tp-text-secondary);}
.tpcoming__submit span {position: absolute; top: 50%; transform: translateY(-50%); left: 30px;}
.tpcoming__submit button {position: absolute; font-size: 16px; color: var(--tp-common-white); font-weight: 600; right: -1px; top: 50%; transform: translateY(-50%); background: var(--tp-text-primary); padding: 17px 20px;}
.tpcoming__submit button i {margin-left: 11px;}
/*----------------------------------------*/
/*  24. FOOTER CSS START
/*----------------------------------------*/
.footer-content p {color: var(--tp-text-secondary); font-size: 16px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.footer-content p br {  display: none; }}
.footer-widget__title {text-decoration: underline; font-size: 16px; font-weight: 600;}
.footer-widget__links ul li {list-style: none; margin-bottom: 12px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.footer-widget__links ul li {  margin-bottom: 8px; }}
.footer-widget__links ul li:last-child {margin-bottom: 0;}
.footer-widget__links ul li a {font-size: 18px; font-weight: 400; color: var(--tp-text-secondary); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {.footer-widget__links ul li a {  font-size: 15px; }}
.footer-widget__links ul li a:hover {padding-left: 3px; color: var(--tp-text-primary);}
.footer-widget__links ul li a:hover i {color: var(--tp-text-primary);}
.footer-widget__links ul li a i {color: var(--tp-text-body); font-size: 18px; width: 35px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.footer-widget__links ul li a i {  font-size: 14px;   width: 25px; }}
.footer-widget__newsletter input {height: 50px; width: 370px; border: none; padding: 0 28px; margin-bottom: 10px; border-radius: 6px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {.footer-widget__newsletter input {  width: 320px; }}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.footer-widget__newsletter input {  width: 280px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {.footer-widget__newsletter input {  width: 100%; }}
.footer-widget__newsletter input::placeholder {font-size: 14px; font-weight: 400; color: #999999;}
.main-footer { color:#fff;}
footer { background:#101010; padding-top:42px}
.foot-menu { text-transform:uppercase;}
.foot-menu a:hover { color:#339900; border:none}
.foot-menu a:not(:last-child) { margin-right:24px}
.foot-social a:hover svg rect {fill:#339900 }
.foot-social a:hover svg path {fill:#fff }
.foot-social a:hover {border:none}
.foot-contacts {gap:24px}
.foot-contacts a {border-bottom:1px solid #D9D9D9}
.addr-foot span {border-bottom:1px solid #D9D9D9}
.addr-foot span.time { display:block; opacity:0.5; font-size:16px; border:none; margin-top:8px}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.footer-col-2 {  margin-left: 0; }}
.footer-col-4 {margin-left: -20px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.footer-col-4 {  margin-left: -8px; }}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.footer-col-4 {  margin-left: 0; }}
.footer-col-5 {margin-left: -30px;}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.footer-col-5 {  margin-left: 0; }}
.footer-col-5 p {font-size: 18px; color: var(--tp-text-secondary);}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.footer-col-5 p {  font-size: 15px; }}
.footer-cta__icon i {height: 50px; width: 50px; text-align: center; border-radius: 50%; line-height: 50px; background-color: var(--tp-common-white); font-size: 18px; display: block; margin-right: 15px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);}
.footer-cta__contact {display: flex; align-items: center;}
@media (max-width: 767px) {.footer-cta__contact {  margin-bottom: 25px; }}
.footer-cta__text a {display: block; font-size: 18px; font-weight: 700; line-height: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.footer-cta__text a {  font-size: 15px; }}
.footer-cta__text a:hover {color: var(--tp-text-primary);}
.footer-cta__text span {font-size: 14px; font-weight: 400; line-height: 1; color: var(--tp-text-secondary);}
.footer-cta__source {display: flex; align-items: center; justify-content: end;}
@media (max-width: 767px) {.footer-cta__source {  display: inherit; }}
.footer-cta__source-content {margin-right: 20px;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.footer-cta__source-content {  margin-right: 15px; }}
@media (max-width: 767px) {.footer-cta__source-content {  margin-right: 0px;   margin-bottom: 10px; }}
.footer-cta__source-content p {color: var(--tp-text-secondary); font-size: 14px; margin-bottom: 0; line-height: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.footer-cta__source-content p {  font-size: 12px; }}
.footer-cta__source-title {font-weight: 700; font-size: 18px; line-height: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px) {.footer-cta__source-title {  font-size: 16px; }}
.footer-cta__source-thumb a {margin-left: 4px;}
.footer-cta__source-thumb a:first-child {margin-left: 0;}
.footer-cta__source-thumb a img {border-radius: 6px;}
.footer-copyright {gap:32px; color:#8f8f8f; padding-bottom:24px;    margin-top: -50px;}
.footer-copyright__link { color:#fff;    border-bottom: 1px solid #D9D9D9;}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {.footer-copyright__brand {  text-align: center; }}
@media (max-width: 767px) {.footer-copyright__brand img {  max-width: 100%; }}
.secondary-footer .main-footer {border-bottom: 1px solid var(--tp-border-5);}
.secondary-footer p {color: var(--tp-text-4);}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {.secondary-footer p br {  display: none; }}
.secondary-footer .footer-widget__title {color: var(--tp-common-white);}
.secondary-footer .footer-widget__links ul li a {color: var(--tp-text-4);}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.secondary-footer .footer-widget__links ul li a {  font-size: 16px; }}
footer a:hover {color:#339900; border-bottom:1px solid #339900}
.secondary-footer .footer-widget__links ul li a i {color: var(--tp-common-white);}
.secondary-footer .footer-cta__icon i {background-color: var(--tp-text-body); color: var(--tp-common-white); border: 1px solid var(--tp-border-5);}
.secondary-footer .footer-cta__text {color: var(--tp-common-white);}
.secondary-footer .footer-cta__source-title {color: var(--tp-common-white);}
.secondary-footer .footer-copyright__content span {color: var(--tp-text-4);}
.secondary-footer .footer-copyright__content span a {color: var(--tp-common-white);}
.secondary-footer .footer-copyright__content span a:hover {color: var(--tp-text-primary);}
.secondary-footer .keyword a {color: var(--tp-text-4); padding-right: 18px; position: relative; font-size: 17px; margin-bottom: 10px; display: inline-block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {.secondary-footer .keyword a {  font-size: 16px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.secondary-footer .keyword a {  padding-right: 15px;   font-size: 15px;   margin-bottom: 2px; }}
.secondary-footer .keyword a:hover {color: var(--tp-common-white); text-decoration: underline;}
.secondary-footer .keyword a::before {position: absolute; content: ""; height: 18px; width: 1px; background-color: #303030; right: 5px; top: 50%; transform: translateY(-50%);}
.platinam-footer .keyword a {color: var(--tp-text-secondary); padding-right: 18px; position: relative; font-size: 18px; margin-bottom: 10px; display: inline-block; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.platinam-footer .keyword a:hover {color: var(--tp-text-body); text-decoration: underline;}
.platinam-footer .keyword a::before {position: absolute; content: ""; height: 18px; width: 1px; background-color: #303030; right: 5px; top: 50%; transform: translateY(-50%);}
@media (max-width: 767px) {.footer-cta {  margin-top: 10px;   margin-bottom: 10px; }}
@media only screen and (min-width: 992px) and (max-width: 1199px) {.footer-4-col-4 {  margin-left: 0; }}

.welcome-area { position:relative; text-align:center;    margin-bottom: 250px;}
.welcome-area img { width:100%;transition: 4.5s;}
.welcome-area.homepage img:hover { transform: scale(1.8) translateY(100px)}
.welcome-area.category-tmpl img { min-height:250px; object-fit:cover;}

.welcome-area h1 { position:absolute; bottom:-167px; color:#fff;    font-family: "Oswald", sans-serif; font-size:12rem; font-weight:700; text-transform:uppercase;    width: 100%; margin:0; line-height: 1;}
.welcome-area h1 span { display:block; color:#000;background:url(/assets/img/fon.jpeg) no-repeat bottom/cover;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color: transparent;    background-position-x: -200px!important;    margin-top: -35px;}
.catalog-area { margin-top:48px}

.welcome-area.category-tmpl { margin-bottom:25px}
.welcome-area.category-tmpl h1 {bottom:-8px; font-size:8vw;top: auto;}
.welcome-area.category-tmpl div.h1 img {position:absolute;width: auto; line-height: 1;bottom:-2px; height:140px;min-height: 20px;    left: 0; right: 0; margin: 0 auto; max-width:100%;}
.seo-category-txt .seotxt {max-width:75%; margin:0 auto; text-align:center }
.welcome-area.aboutpage img {max-width:70%; margin:0 auto;}
.welcome-area.aboutpage h1 {bottom:-8px; font-size:140px}
.welcome-area.aboutpage { margin-bottom:25px}
.aboutpagetxt {max-width:70%; margin:0 auto;}

.text-right { text-align: right !important;}
.padding0 { padding:0}
.about-area {}
.centerabouthome { background:#F3F3F3; padding:40px; display: flex; flex-wrap: wrap; height: 100%;    align-content: end; position:relative}
.centerabouthome .sec-title { text-align:left}
.about-txt { margin-bottom:32px;     padding-right: 65%;}
.aboutbtn { width:100%; text-align:center}
.aboutbtn a { background:#339900; color:#fff; padding:14px; display:block}
.aboutbtn a:hover, .resume a:hover { background:#246B00}
.aboutvideo {     position: absolute;
    top: auto;
    right: 40px;
    display: block;
    width: 480px;
    bottom: 125px; }
.aboutvideo:after {content:''; position:absolute; width:52px; height:52px; z-index:2; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='52' height='53' viewBox='0 0 52 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='0.811035' width='52' height='52' rx='26' fill='%23339900'/%3e%3cpath d='M22.5 18.811V34.811L33.5 26.811L22.5 18.811Z' fill='white'/%3e%3c/svg%3e "); top:44%; left:38%;background-size: cover;}
.aboutvideo:hover::after {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='52' height='52' rx='26' fill='%23246B00'/%3e%3cpath d='M22.5 18V34L33.5 26L22.5 18Z' fill='white'/%3e%3c/svg%3e");}
.aboutvideo img { width:100%; height:230px; object-fit:cover;}
.about-img img { width:100%;    height: 550px; object-fit: cover;}
.sec-title span { text-transform:uppercase; display:block; font-size:16px; margin-bottom:5px}
.social-area {}
.sec-title { text-align:center; margin-bottom:32px}
.sec-title h2{ margin:0; position:relative}
.sec-title a { position:absolute; color:#339900;font-family: "Oswald", sans-serif; font-size:16px; font-weight:400; text-transform:none; margin-left:13px; bottom:3px}
.sec-bl {margin-bottom:90px;}
.project-item h3{ font-size:14px; font-weight:500; margin-top:12px; margin-bottom:4px;     height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;}
.project-item:hover h3{ color:#339900}
.project-item span { display:block; font-size:16px; font-weight:400; color:#585858;}
.premsblock { max-width:75%; margin:0 auto}
.prembl { margin-bottom:4px}
.premitem { padding-top:20px; padding-bottom:20px; padding-right:40px;}
.premitem  h3 { margin-top:40px; font-size:16px; font-weight:500; margin-bottom:16px}
.whytop {max-width:75%; margin:0 auto; margin-bottom:32px}
.whyitem {    font-family: "Unbounded", sans-serif;    text-transform: uppercase;    font-weight: 500; font-size:16px;}
.whybl:first-child { padding-right:140px}
.whybl:last-child { padding-left:140px;}
.whybot { margin-top:32px; margin-bottom:16px}
.whynum {font-family: "Unbounded", sans-serif;    text-transform: uppercase;    font-weight: 500; font-size:32px; margin-bottom:4px;}
.whytxt {margin-bottom:16px}
.whynum span {font-size:16px;}
.swiper-pagination { position: static; margin-top:24px}
.swiper-pagination-bullet {border-radius:100%; background:#E8E8E8; opacity:1}
.swiper-pagination-bullet-active { background:#339900; width:36px; border-radius:30px}
.why-area .swiper-pagination { position:absolute; bottom:24px;}
.grid-content img{ width:100%}
.grid-irem {}
.grid-socials { display: grid;     grid-gap: 4px;grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));grid-auto-flow: dense;}
.tall-item { grid-column: span 2;}



.grid-content a { position:relative;    display: block; overflow:hidden;}
.grid-content a img {transition: 1.5s;   }
.social-area.sec-bl .grid-content a img  { height: 450px;  object-fit: cover;}
.grid-content a:hover img {transform: scale(1.2);}
.grid-content .videoinfo { position:absolute; color:#fff; z-index:2;       height: 100%; top: 0px; right: 0px;    width: 100%;    display: none;}
.grid-content .videoinfo span { position:absolute}
.grid-content .videoinfo span.videotime {top:20px; right:24px; width:max-content}
.square-item .grid-content .videoinfo span.videolike {left: 20px;bottom:20px;     text-align: left;}
.square-item .grid-content .videoinfo span.videocomm {left: 86px; bottom:20px;    text-align: left;}
.square-item .grid-content .videoinfo span.videocomm svg, .square-item .grid-content .videoinfo span.videolike svg {  margin-right:8px; display:inline;    margin-bottom: 0; vertical-align: bottom;}
.grid-content .videoinfo div.videoname { bottom:20px; left:20px; right:64px; width:calc(100% - 84px);position:absolute; height: 56px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.grid-content a:before {background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, 0) 100%); content:''; position:absolute; left:0; top:0; right:0; bottom:0; height:100%; width:auto; z-index:1; opacity:0.5}
.tall-item .grid-content a:after {content:''; position:absolute; width:52px; height:53px; z-index:2; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='52' height='53' viewBox='0 0 52 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect y='0.811035' width='52' height='52' rx='26' fill='%23339900'/%3e%3cpath d='M22.5 18.811V34.811L33.5 26.811L22.5 18.811Z' fill='white'/%3e%3c/svg%3e "); top:46%; left:46%;background-size: cover;}
a.square-item span.videolike {left: 20px;bottom:20px;     text-align: left;}
a.square-item span.videocomm{left: 86px; bottom:20px;    text-align: left;}
a.square-item span.videolike svg, a.square-item span.videocomm svg {  margin-right:8px; display:inline;    margin-bottom: 0; vertical-align: bottom;}

.sliderthree-active .zoomimg {}
.sliderthree-active .zoomimg img {transition: 1.5s;}
.sliderthree-active .zoomimg:hover img {transform: scale(1.2);}
.project-block {gap:4px}
.project-block .project-item {width:16.6%; min-width:16.6%;}
.project-block .project-item:first-child { }
.project-item span.newprice { margin-right:8px; font-size:12px; font-weight:500;font-family: "Unbounded", sans-serif;    color: #101010;}
.project-item span.oldprice { text-decoration:line-through;font-size:12px; font-weight:300;font-family: "Unbounded", sans-serif; }

.nameproject span.newprice { margin-right:8px; font-size:14px; font-weight:500;font-family: "Unbounded", sans-serif;    color: #101010; display:inline-block; vertical-align:top; margin-right:8px}
.nameproject span.oldprice { text-decoration:line-through;font-size:14px; font-weight:300;font-family: "Unbounded", sans-serif;display:inline-block; vertical-align:top; }
.tovarmodal {}
.cataloglist {    padding-top: 50px;}
.cataloglist a { color:#fff; display:block; margin-bottom:24px}
.cataloglist a:hover, .cataloglist a.active { color:#339900;}
.botlogo { width:100%}
.contact-info { background:#F3F3F3; padding:40px;    height: 642px; font-size:16px;} 
.contact-info h3 { font-size:14px; margin-bottom:12px;}
.contacts-img img { width:100%; height:385px; object-fit:cover;}
.contacts-img, .mail-conts { margin-bottom:12px}
.mail-conts a:hover, .phone-conts a:hover { color:#339900}
.addr-conts { margin-bottom:40px}
.addr-conts span { display:block; font-size:14px; color:#585858}
.phone-conts a:not(:last-child) { margin-right:40px}
.mapleft { width:60%}
.contactsright { width:40%}
.contactssocial .brand-items .swiper-slide a { margin-bottom:0; overflow:hidden}
.youtube-area .project-item h3 { font-size:12px}
.resume { background:#F3F3F3; text-align:center; padding:54px 14px;}
.resume a { margin-left:32px; background:#339900; color:#fff!important; padding:14px 24px; cursor:pointer}
.nav-tabs { border:none;     justify-content: center; gap:24px; margin-bottom:24px;}
.nav-tabs .nav-link {border:none; margin:0; color:#585858; padding:8px 0;    border-bottom: 2px solid #fff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#339900; border-bottom:2px solid;}
.nav-tabs .nav-link:hover {border-bottom:2px solid #339900;}
.menubtns { margin-bottom:30px;}
.menubtns a { display:block; margin-bottom:4px; background:#fff; color:#101010; padding:8px; text-align:center; font-weight:500;     width: 100%; position: static; height: auto; cursor:pointer}
.projectinfo { }
.grid-irem.tall-item .grid-content {    display: flex; height: 100%;}
.grid-irem.tall-item .grid-content a .zoomimg {    display: flex;height: calc(100% - 55px);}
.grid-socials.projectsgrid {    grid-template-columns: repeat(auto-fill, minmax(16.6%, 1fr)); margin-bottom:90px;    grid-gap: 12px 4px; }
.grid-socials.projectsgrid .tall-item { grid-column: span 2; grid-row: span 2;}
.grid-socials.projectsgrid .grid-content a:before { display:none}
.grid-socials.projectsgrid .grid-content a .zoomimg, .project-item a .zoomimg { position:relative}
.grid-socials.projectsgrid .grid-content a .project-desc, .project-item a .project-desc {position:absolute; opacity:0; visibility:hidden; color:#fff; font-size:16px; left:40px; width:80%;  height: 100%; top: 0; display: flex; align-content: center; flex-wrap: wrap;z-index:9; line-height:1.4;transition: 300ms linear all; transform: scale(1.2);}
.grid-socials.projectsgrid .grid-content a:hover .project-desc,  .project-item a:hover .project-desc {opacity:1; visibility:visible;transform: scale(1);}
.grid-socials.projectsgrid .grid-content a:hover .zoomimg:before, .project-item a:hover .zoomimg:before {background: var(--Brand-2-Color, #101010); opacity:0.6; content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
.grid-socials.projectsgrid .grid-content a:hover img { transform:none}
.dopphoto { color:#fff!important;position:absolute; opacity:0; visibility:hidden;font-size:16px; bottom:20px; right:20px;z-index:9;}
.dopphoto svg { margin-right:8px; vertical-align:bottom}
.grid-socials.projectsgrid .grid-content a:hover .dopphoto, .project-item a:hover .dopphoto {opacity:1; visibility:visible;}
.grid-socials.projectsgrid .grid-irem.tall-item a .dopphoto {opacity:1; visibility:visible;}


.grid-socials.projectsgrid .tall-item .grid-content a:after  { display:none}
.grid-socials.projectsgrid .tall-item img {height: auto;}
.grid-socials.projectsgrid .grid-irem.tall-item a .project-desc {opacity:1; visibility:visible; bottom:40px;transform: scale(1);    align-content: end;
    display: block;
    height: auto;}
.grid-socials.projectsgrid .grid-irem.tall-item a .zoomimg:after {background: linear-gradient(0deg, #101010 0%, rgba(16, 16, 16, 0) 100%);opacity:0.6; content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
.grid-socials.projectsgrid .grid-irem.tall-item a:hover .zoomimg:before { display:none}
.grid-socials.projectsgrid .grid-content a { cursor:pointer}
a#sortby { background:#F3F3F3; border:2px solid #F3F3F3; height:44px; padding:7px 20px; width:326px;color: rgba(16, 16, 16, 0.25); font-size:16px}
a#sortby:hover {border:2px solid #339900; background:#fff}
.dropdown-toggle::after { right:8px; top:12px; position:absolute; width:20px; height:20px; content:''; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7808 7.81289C15.4358 7.45351 14.8065 7.39524 14.3753 7.68275L9.99996 10.5996L5.62466 7.68275C5.1934 7.39524 4.5641 7.45351 4.21909 7.81289C3.87408 8.17228 3.94401 8.69669 4.37527 8.98419L9.37527 12.3175C9.74049 12.561 10.2594 12.561 10.6247 12.3175L15.6247 8.98419C16.0559 8.69669 16.1258 8.17228 15.7808 7.81289Z' fill='%23585858'/%3e%3c/svg%3e "); border:none; margin:0;}
a#sortby:hover::after  {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.7808 7.81278C15.4358 7.4534 14.8065 7.39513 14.3753 7.68264L9.99996 10.5995L5.62466 7.68264C5.1934 7.39513 4.5641 7.4534 4.21909 7.81279C3.87408 8.17217 3.94401 8.69658 4.37527 8.98409L9.37527 12.3174C9.74049 12.5609 10.2594 12.5609 10.6247 12.3174L15.6247 8.98409C16.0559 8.69658 16.1258 8.17217 15.7808 7.81278Z' fill='%23339900'/%3e%3c/svg%3e");}
.dropdown-menu { width:326px; border:none; border-radius:0; padding:20px}
.dropdown-menu li:not(:last-child) { margin-bottom:8px}
.dropdown-menu li:hover a { color:#339900}

#callback .modal-dialog, #feedback .modal-dialog, #askform .modal-dialog {max-width:560px;}
.modal-content { border:none; box-shadow:none; border-radius:0; background:#fff;}
#callback .modal-content, #askform .modal-content { padding:40px;}
#callback .modal-content h4, #feedback .modal-content h4, #askform .modal-content h4 { font-size:20px; margin-bottom:8px}
.formtxt { font-size:16px; margin-bottom:32px;    line-height: 1.4;}
.agree { font-size:12px; color:#585858; margin-top:16px; margin-bottom:40px;}
#callback .modal-content form button, #askform .modal-content form button { display:block; text-align:center; color:#fff; font-size:18px; line-height:1; padding:14px; background:#339900; width:100%; margin-bottom:16px;height:52px;}
#callback .modal-content form input, #feedback .modal-content form input, #askform .modal-content form input{ width:100%; background:#F3F3F3; height:52px; margin-bottom:4px; border:none; padding:16px 24px; line-height:1; color:#585858}
#askform .modal-content form textarea  {width:100%; background:#F3F3F3; height:150px; margin-bottom:4px; border:none; padding:16px 24px; line-height:1; color:#585858}
.socialsmodal { text-align:center;color:#585858}
.socialsmodal .header-meta__social { margin:0; margin-top:12px}
#feedback .modal-content .modalbody  { padding:40px}
#feedback .modal-content h4 { margin-bottom:32px}
.modalbtns { display:flex; gap:4px;}
.btn-primary {text-align:center; color:#fff; font-size:18px; line-height:1; padding:14px; background:#339900;    width: 100%;}
.btn-primary:hover { background:#246B00}
.btn-dark {text-align:center; color:#fff; font-size:18px; line-height:1; padding:14px; background:#101010;    width: 100%;}

.prod-btn { margin-top:16px; text-align:center}
.prod-btn a { display:block; width:100%;    background: #339900; color: #fff; padding: 14px;text-align:center}

.input-file {
	position: relative;
	 background:#F3F3F3; padding:24px; width:100%; height:108px
}
.input-file-btn {
	position: absolute;
	    right: 24px;
	cursor: pointer;
	outline: none;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file-text span { display:block; font-size:14px; color:#585858; margin-top:4px}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
.input-file input[type=file]:focus + .input-file-btn {}
.input-file:hover .input-file-btn {}
.input-file:active .input-file-btn {}
.input-file input[type=file]:disabled + .input-file-btn {}

.rightmodsl { height: 100vh; }
.rightmodsl .modal-dialog { width:560px; margin:0; float:right;    height: 100vh; background:#fff;   transition: all .2s;    overflow-y: auto;}
.rightmodsl .modal-content { height:100vh; overflow-y: auto;}
.rightmodsl .modal { transition: transform 0.5s ease;  transform: translateX(100%);}
.rightmodsl .modal.show { transform: translateX(0);}
.rightmodsl .modal-content { border:none; box-shadow:none; border-radius:0; background:#fff;}
#photometka .modal-content {border:none; box-shadow:none; border-radius:0; }
#photometka .modal-dialog { max-width: 800px;  margin: 5% auto;}

.imageproject { margin-bottom:40px}
.imageproject img { width:100%;    object-fit: cover;    max-height: 50vh; height:500px}
.nameproject {    font-family: "Unbounded", sans-serif; text-transform:uppercase; margin-bottom:24px; font-size:20px; font-weight:500; padding-left:40px; padding-right:40px;}
.nameproject span { display:block;font-family: "Oswald", sans-serif; font-size:16px; font-weight:400; text-transform:none; color:#585858;}
.descproject {padding-left:40px; padding-right:40px; padding-bottom:40px}
.imageproject .gallery-thumbs img { height:80px;object-fit: cover;}

.detalsale .project-block { display: grid!important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;}
.detalsale .project-block .project-item:first-child, .detalsale .project-block .project-item {    width: 100%; min-width: 100%; margin-bottom:8px}
.detalsale .project-block {flex-wrap: wrap;}
.detalsale .project-block img { height:350px; object-fit:cover;}
.sale-area .project-item a:hover .zoomimg:before { display:none}

.gallery-slider {
  margin-bottom: 8px;
}
.gallery-slider .swiper-slide img {
  display: block;
     width: 100%;
  height: 100%;
}
.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.gallery-thumbs .swiper-slide {
  width: 92px;
  height: 92px;
  overflow: hidden;
  opacity: 0.6;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
      margin: 0 2px;
}
.imageproject .gallery-thumbs .slick-slide { padding-left:2px; padding-right:2px; opacity:0.6; cursor:pointer}
.imageproject .gallery-thumbs .slick-slide.slick-current.slick-active {opacity:1;}
.brandlist {  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;}
.brandlist-category-more { position:absolute; right:8px; top:10px; opacity:0; visibility:collapse}
.brandlist-category-more a { background:#101010; color:#fff!important; font-size:16px; padding:10px 20px; height:40px; line-height:1;    display: block; cursor:pointer}
.brandlist-category-logo img { height:40px; background:#fff; padding:4px}
.brandlist-category-logo {right:118px;position:absolute;top:10px;opacity:0; visibility:collapse}
.brandlist-item { background:#F3F3F3; padding:10px 20px; position:relative; height:60px;    align-items: center;}
.brandlist-item:hover .brandlist-category-logo, .brandlist-item:hover .brandlist-category-more { opacity:1; visibility:visible}
.brandlist-name {    font-family: "Unbounded", sans-serif; font-size:12px; font-weight:500; text-transform:uppercase; margin-right:32px}
.brandlist-category-item { background:#fff; font-size:14px; padding:4px 8px; margin-right:4px}
.brands-cat-area .left-box form  {    background: #F3F3F3; border: 2px solid #F3F3F3; height: 44px; padding: 7px 20px; width: 326px; color: rgba(16, 16, 16, 0.25); font-size: 16px;}
.brands-cat-area .left-box form input{ border:none; background:none;padding: 0;color: #585858; font-size: 16px;}
.brands-cat-area .left-box form input::placeholder {color: #585858; }
.brands-cat-area .left-box form button { float:right; margin-top:-2px}
.brands-cat-area .left-box form:hover {background: #fff; border: 2px solid #339900;}
.brand-items .swiper-slide a.phtmetka, a.phtmetka { position:absolute; z-index:9; right:10%; top:10%; cursor:pointer; display:flex;    justify-content: center;}
.brand-items .swiper-slide:hover .pht-int img { transform:none;}
.pht-int { position:relative}
.phtmetka:hover svg  path {stroke:#339900}
.phtmetka:hover .metka-desc { visibility:visible; opacity:1;}
.pht-int .metka-desc { background:#fff;  height:56px; padding:12px; text-transform:none; text-align:left; margin-top:53px; position: absolute; width:max-content;visibility:hidden; opacity:0}
.pht-int .metka-desc:before { content:''; position:absolute; width:17px; height:9px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 8.5L16.5 8.5L9.20711 1.20711C8.81658 0.816583 8.18342 0.816582 7.79289 1.20711L0.5 8.5Z' fill='white'/%3e%3c/svg%3e "); top:-8px; left:45%}
.pht-int .metka-desc-name { font-size:14px;display:block;    line-height: 1; margin-bottom:6px; color:#101010}
.pht-int .metka-desc-txt { font-size:12px; color:#585858; display:block;    line-height: 1;}
.hist-content { display:flex; max-width:70%; margin:0 auto; gap:4px}
.hist-content-img { width:100%}
.hist-content-img img { width:100%}
.hist-content-txt { background:#F3F3F3; padding:40px;    width: 50%; min-width: 50%;align-content: flex-end;}
.date-h { font-family: "Unbounded", sans-serif; margin-bottom:32px; font-size:14px; font-weight:500; text-transform:uppercase}
.date-txt { font-size:16px}
.date-img { margin-bottom:32px}
.factsbl { background:#fff; padding:40px;    position: relative; min-height:326px}
.factmid .factsbl { background:#F3F3F3}
.fact-h { font-size:12px; font-weight:500;font-family: "Unbounded", sans-serif; text-transform:uppercase;  background:#fff;    z-index: 2; position: relative;    padding-bottom: 2px;    padding-right: 4px;}
.factmid .factsbl .fact-h { background:#F3F3F3}
.bordfact:after { content:''; position:absolute; left:0; bottom:5px; width:100%; height:2px;border-bottom: 2px dashed #585858;    z-index: 1;}
.bordfact {width:182px; position:relative; margin-right:4px;    min-width: 182px;}
.fact-item { display:flex; margin-bottom:10px; position:relative;    align-items: baseline;}
.fact-txt {}
.lastfact {font-size:20px; font-weight:500;font-family: "Unbounded", sans-serif; text-transform:uppercase;    position: absolute; bottom: 0;    margin-bottom: 0;}
.tperror__content { width:760px; margin:0 auto; text-align:center; padding-top:360px; padding-left:214px; padding-right:214px; color:#101010; background:url(/assets/img/404.png) center no-repeat; background-size:cover; height:582px; font-size:16px}
.tperror__content.thankspage {width:760px; margin:0 auto; text-align:center; padding-top:60px; color:#101010; background:url(/assets/img/thanks.png) center no-repeat; background-size:cover; height:450px; font-size:16px}
.errorbtns { margin-top: 60px;}
.errorbtns  a { padding:14px 24px; margin:0 2px}
.month-col {font-size:20px; font-weight:500;font-family: "Unbounded", sans-serif; text-transform:uppercase; }
.newsblock { height:400px;    justify-content: space-between; margin-bottom:8px}
.imgnewsleft img { width:100%; height:400px; object-fit:cover}
.imgnewsleft { position:relative; cursor:pointer;    width: 50%;}
.textnews { background:#F3F3F3; padding:40px;    width: 50%; position:relative}
.imgnewsleft .videoinfo span.videolike { bottom:20px; left:20px; text-align:left}
.imgnewsleft .videoinfo span.videocomm { bottom:20px; left:90px;text-align:left}
.imgnewsleft .videoinfo span.videocomm svg, .imgnewsleft .videoinfo span.videolike svg { display:inline-block; margin-bottom:0; margin-right:8px}
.newsdate { position:absolute; right:20px; bottom:24px; font-size:14px; color:#fff;}
.textnews p, .textnews { font-size:14px; line-height:1.4}
.textnews div { margin-bottom:15px}
.month-col { width:15%}
.news-col { width:85%}
.saleprice { margin-top:12px}
a.newsmore { color:#339900; font-size:16px;    position: absolute; bottom: 40px;cursor:pointer}
.vknewscontent {
    max-height: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12; /* Укажи нужное количество строк */
    -webkit-box-orient: vertical;
}
.descproject, .descproject p{ font-size:16px;line-height:1.4}
.descproject ul { margin-left:40px}
@media (max-width: 1750px) {
.brandlist-category-logo img {    max-width: 160px; object-fit: contain;        object-position: center;}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 400px;}
.video-area.sec-bl iframe{ height:700px!important}
.aboutvideo { width:430px}
}
@media (max-width: 1600px) {
.project-item h3, .whyitem { font-size:14px}
body { font-size:16px; line-height:1.4}
.whybl:first-child { padding-right: 60px;}
.videoinfo div.videoname, .grid-content .videoinfo div.videoname { height:45px}
.welcome-area.aboutpage img, .hist-content {    max-width: 75%;}
.mapleft { width:50%;}
.contactsright { width: 50%;}
.factsbl { min-height:355px;}
.lastfact { font-size:18px}
.textnews { width:60%}
.brandlist-category-logo img  {max-width: 120px; }
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 380px;}
.video-area.sec-bl iframe{ height:680px!important}
.aboutvideo { width:400px}
.detalsale .project-block img { height:320px}
}
@media (max-width: 1480px) {
.detalsale .project-block {    grid-template-columns: repeat(5, minmax(0, 1fr));}
.factsbl { min-height:355px; padding:32px}
.month-col { width: 12%;}
.news-col { width: 88%;}
.textnews { padding:32px}
a.newsmore {bottom:32px}
.brandlist-category-logo img  {max-width: 80px;}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 350px;}
.video-area.sec-bl iframe{ height:630px!important}
.aboutvideo { width:380px}
.info-block { padding:32px; padding-left:125px}
.detalsale .project-block img { height:280px}
}
@media (max-width: 1360px) {
.project-item h3, .whyitem { font-size:12px}
.project-item h3 {height: 13px;}
.whynum { font-size:28px;margin-bottom: 0;}
.brand-items .swiper-slide, .sec-title span, .whytxt, .whynum span, .premitem h3, .addr-foot span.time, .footer-copyright { font-size:14px;}
.sec-title h2 { font-size:20px}
.foot-menu a:not(:last-child) { margin-right: 20px;}
.foot-contacts { gap: 20px;}
.whybl:first-child { padding-right: 40px;}
.premsblock, .whytop, .seo-category-txt .seotxt, .aboutpagetxt {max-width:80%}
.whybl:first-child .whyitem br { display:none}
.footer-copyright { padding-bottom:20px; margin-top:-40px}
.centerabouthome { padding:24px}
.sec-bl { margin-bottom: 60px;}
.brandlist {    grid-template-columns: repeat(2, minmax(0, 1fr));}
.brandlist-category-logo img  {max-width: 150px;}
.welcome-area.aboutpage img,  .hist-content {    max-width: 80%;}
.welcome-area.aboutpage h1 {font-size: 10vw;}
.grid-socials.projectsgrid .grid-content a .project-desc, .project-item a .project-desc { font-size:14px; left:24px}
.factsbl { min-height:355px; padding:24px} 
.lastfact { font-size:16px}
.bordfact {min-width: 160px;    width: 160px;}
.hist-content-txt { padding:32px}
.hist-content-img img {    height: 100%; object-fit: cover;}
.month-col{font-size: 16px;}
.imgnewsleft img, .newsblock { height:300px}
.textnews { padding:24px}
.vknewscontent {max-height: 210px;    -webkit-line-clamp: 9;}
a.newsmore {bottom:24px; font-size:14px}
.imgnewsleft .videoinfo span.videolike {bottom:16px; left:16px;font-size: 14px;}
.imgnewsleft .videoinfo span.videocomm {bottom:16px; left:85px;font-size: 14px;}
.newsdate { right:16px; bottom:20px}
.descproject, .descproject p{ font-size:14px;}
.descproject { padding-left:32px; padding-right:32px; padding-bottom:32px}
.nameproject {padding-left:32px; padding-right:32px; margin-bottom:16px;}
.imageproject { margin-bottom: 32px;}
.welcome-area.category-tmpl div.h1 img { height:120px}
.welcome-area.homepage h1 {   font-size: 10rem;bottom: -141px;}
.welcome-area.homepage h1 span { margin-top:-27px}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 310px;}
.video-area.sec-bl iframe{ height:580px!important}
.aboutvideo { width:320px; right:24px; bottom:110px}
.info-block { padding:32px; padding-left:125px; left:24px; right:24px; top:24px}
.products-block .project-item img { height:320px}
.detalsale .project-block img { height:250px}
}

@media (max-width: 1199px) {
.premsblock, .whytop, .seo-category-txt .seotxt, .aboutpagetxt {max-width:90%}
.welcome-area h1 { font-size:9rem;bottom: -125px;}
.welcome-area h1 span {    margin-top: -30px;}
.header-meta__social { display:none}
.main-menu { width:200px}
.sec-bl {margin-bottom:60px;} 
.welcome-area { margin-bottom:190px}
.foot-menu { display:none}
.main-footer { margin-bottom:24px}
.footer-copyright { gap:20px; font-size: 12px; padding-bottom: 12px; margin-top: -32px;}
.welcome-area.aboutpage img, .hist-content {    max-width: 90%;}
.detalsale .project-block {    grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-socials.projectsgrid {    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));}
.fact-item {    flex-wrap: wrap;}
.bordfact { min-width: 100%; width: 100%;}
.factsbl {min-height: 435px; padding:20px}
.lastfact { font-size:14px}
.hist-content-txt { padding:24px}
.month-col { width: 100%; margin-bottom:16px}
.news-col { width: 100%; margin-bottom:32px}
.descproject { padding-left:24px; padding-right:24px; padding-bottom:24px}
.nameproject {padding-left:24px; padding-right:24px; margin-bottom:12px;}
.imageproject { margin-bottom: 24px;}
.descproject p { margin-bottom:10px}
.brandlist-category-logo img  {max-width: 100px;}
.welcome-area.category-tmpl div.h1 img { height:100px}
.welcome-area.homepage h1 {   font-size: 8rem;bottom: -115px;}
.welcome-area.homepage h1 span { margin-top:-20px}
.aboutvideo { width:250px}
.info-block { padding: 24px; padding-left: 110px; left: 24px; right: 24px; top: 24px; font-size: 12px; height: 98px;}
.info-block:before {    left: 12px; top: 12px; width: 75px; height: 75px;}
.aboutvideo:after { width:32px; height:32px;}
.about-img img { height:480px}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 260px;}
.video-area.sec-bl iframe{ height:475px!important}
}
@media (max-width: 991px) {
.welcome-area h1 { font-size:7rem;bottom: -97px;}
.welcome-area h1 span {    margin-top: -20px;}
.main-menu { width:160px}
.sec-bl {margin-bottom:50px;} 
.welcome-area { margin-bottom:140px}
.centerabouthome { min-height:400px}
.about-img img {    min-height: 400px; object-fit: cover;}
.aboutvideo { width:280px} 
.aboutvideo img { height:200px}
.rightabout { display:none}
.midabout { width:70%}
.leftabout { width:30%}
.sec-title { margin-bottom:24px}
.sec-title h2 { font-size:18px}
.whybl:last-child { padding-left: 20px;}
.whybl:first-child { padding-right: 20px;}
.premsblock, .whytop {max-width:100%}
.whytop { margin-bottom:24px}
.whybot { margin-top:24px;        gap: 24px;}
.whynum { font-size:24px;}
.whynum span { font-size:12px}
.videoinfo span.videolike, .videoinfo span.videotime, .videoinfo span.videocomm { right:20px}
.project-block {    flex-wrap: wrap;}
.project-block .project-item {width: 49.7%; min-width: 49.7%;}
.project-block .project-item:first-child {}
.project-item h3 { font-size:14px}
.detalsale .project-item h3 { font-size:12px}
.tall-item .grid-content a:after {left:40%}
.video-active .swiper-slide a:after {left:41%}
.videoinfo div.videoname, .grid-content .videoinfo div.videoname { height: 36px; font-size: 12px;}
.footer-copyright__content {    width: 100%; text-align: center; margin-bottom: -25px;}
.footer-copyright { flex-wrap: wrap; margin-top: -48px;}
.botlogo { margin-bottom:20px}
.topaddr, a.top-phone { display:none}
.grid-socials.projectsgrid .grid-content a .project-desc, .project-item a .project-desc { display:none}
.grid-socials.projectsgrid {    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));    margin-bottom: 60px;}
.grid-irem .project-item h3 { height:16px;        -webkit-line-clamp: 1; line-clamp: 1;margin-bottom: 0;}
.grid-socials.projectsgrid .grid-irem.tall-item a .project-desc { left:16px; bottom:16px; font-size:12px}
.welcome-area.homepage img:hover { transform:none}
.nav-tabs .left-box.d-flex { min-width: 100%; justify-content: center; width: 100%;}
.brands-cat-area .left-box form { width:100%}
a#sortby { width:100%}
.brandlist {    grid-template-columns: repeat(1, minmax(0, 1fr));}
.brandlist-category-logo img  {max-width: 180px;}
.welcome-area.aboutpage img, .hist-content {    max-width: 90%;}
.resume a { margin-left:0; margin-top:24px;         display: block; width: 30%;}
.resume .container {flex-wrap: wrap; display: flex;justify-content: center;}
.aboutpagetxt {    max-width: 100%; padding-left:8px; padding-right:8px;}
.contactsright { width: 100%; order:1}
.mapleft { width: 100%; order:2}
.contacts-img img { height:auto; max-height:350px}
.factleft, .factmid, .factright { width:100%}
.bordfact { min-width: 182px; width: 182px;}
.factsbl { min-height: 5px; padding: 40px;}
.fact-item {        flex-wrap: nowrap;}
.bordfact { min-width: 60%; width:60%;}
.lastfact { position:relative; margin-top:16px}
.date-h {margin-bottom: 24px; font-size: 12px;}
.breadcrumb__area { margin-top:32px; margin-bottom:24px}
.breadcrumb__area h1 { font-size:20px;}
.tp-breadcrumb__link span { font-size:14px}
.month-col { width: 15%; margin-bottom:0}
.news-col { width: 85%; margin-bottom:0}
.news-item { width:100%}
.vknewscontent { -webkit-line-clamp: 8;}
.textnews { width:65%}
.welcome-area.category-tmpl div.h1 img { height:80px}
.welcome-area.homepage h1 {   font-size: 6rem;bottom: -85px;}
.welcome-area.homepage h1 span { margin-top:-16px}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 200px;}
.video-area.sec-bl iframe{ height:425px!important}
.detalsale .project-block img {  height: 210px; }
}
.mobilephone { display:none}
.mobileabout { display:none}
.way-link { display:none}
@media (max-width: 767px) {
.welcome-area h1 { font-size:12vw; top: 232px;}
.welcome-area h1 span, .welcome-area.homepage h1 span {    margin-top: -14px;    background-position-x: -50px!important;}
.welcome-area img {min-height: 240px; object-fit: cover;}
.welcome-area { margin-bottom:110px}
.whybot {flex-wrap: wrap;    justify-content: center!important;}
.lefthead { width:0%;}
.midhead { width:calc(100% - 108px);        text-align: left !important;}
.midhead .logo { padding-left: 12px;}
.midhead .logo img { width:125px}
header { height:40px}
.header-meta__social {margin: 0; background:#101010;        align-items: center;display: flex; height: 40px; padding-left:4px; padding-right:4px}
.header-meta__social a svg { width:32px; height:32px;}
.righthead { width:104px;}
.main-menu { width: auto; margin: 0;}
.mobilemenu button, .main-menu button {        text-align: center; padding: 14px 20px;}
.mobilemenu, .main-menu { background:#339900;        position: fixed; bottom: 0; z-index:99}
.mobilemenu svg { margin-left:0}
.mobilemenu { font-size:0;  width: 20%; text-align: center; left: 40%;  margin: 0;    position: fixed;bottom: 0;}
.main-menu svg  { display:none}
.main-menu { width:42%; text-align:center;        font-size: 18px;     animation: none;}
.header-sticky {animation: none;}
.leftabout { width:40%}
.midabout { width:60%}
.rightabout { display:none}
.aboutvideo img { height:160px}
.aboutvideo { width:100px}
.centerabouthome { padding: 16px;}
.whybl:last-child { padding: 10px 20px;}
.whybl:first-child { padding: 10px 20px;}
.prembl { width:50%;}
.project-block .project-item {width: 49.3%; min-width: 49.3%;        margin-bottom: 12px;}
.project-block .project-item:first-child {}
.project-item h3 { font-size: 12px;height: 16px;-webkit-line-clamp: 1;line-clamp: 1;        margin-bottom: 0;}
.project-item span { font-size:12px}
.grid-socials { grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));    grid-gap: 2px;}
.grid-socials .grid-irem:nth-child(7) { display:none}
.whytxt { margin-bottom:0;        font-size: 12px;}
.main-footer {flex-wrap: wrap;}
.foot-social { display:none}
.welcome-area.category-tmpl img { min-height:200px}
.brandlist-name { min-width: 100%; width: 100%;}
.brandlist-item {flex-wrap: wrap; padding: 20px;}
.brandlist-category { }
.nav-tabs {gap: 6px 16px;    margin-bottom: 16px;}
#photometka .modal-dialog {    margin: 20% auto;}
.seo-category-txt .seotxt {max-width:100%;    padding-left: 8px; padding-right: 8px; text-align:left; font-size:14px; line-height:1.4}
.seo-category-txt .seotxt p { font-size:14px;line-height:1.4}
.seo-category-txt.sec-bl { margin-bottom:17px;}
.grid-socials.projectsgrid { margin-bottom:20px}
.welcome-area.aboutpage img, .hist-content {    max-width: 100%;}
.mobilephone { display:block; position:fixed; bottom:0;        right: 0; width: 40%;text-align: center; background: #339900; color: #fff; padding: 14px 24px; height: 52px;   z-index:99;     font-size: 18px;}
.foot-contacts { gap: 16px;}
footer { padding-top:32px;        padding-bottom: 70px; overflow-x:hidden;}
.addr-foot { margin-top:-6px}
.footer-copyright__brand { width:100%}
.footer-copyright__content { margin-bottom:0}
.footer-copyright {gap:12px;margin-top: 140px;}
.foot-contacts  {font-size: 14px;}
.addr-foot span.time {font-size: 12px;}
.botlogo { position: absolute; top:170px;        left: 0; right: 0; width: auto;}
footer { position:relative; }
.detalsale .project-block {    grid-template-columns: repeat(3, minmax(0, 1fr));}
.sec-bl {margin-bottom: 40px;}
.factsbl { padding:24px;}
.bordfact { min-width: 50%; width:50%;}
.welcome-area.aboutpage h1 { font-size: 60px; top: 76%;}
.hist-content-txt { padding: 12px;order:1; width:100%}
.hist-content-img {order:2;width:100%}
.hist-content {flex-wrap: wrap;}
.date-txt { font-size: 14px;}
.lastfact { margin-top:32px}
.month-col {  width: 100%; margin-bottom: 8px; padding-left: 12px;}
.news-col { width: 100%; margin-bottom:24px}
.descproject { padding-left:16px; padding-right:16px; padding-bottom:16px}
.nameproject {padding-left:16px; padding-right:16px; margin-bottom:8px;}
.imageproject { margin-bottom: 16px;}
.descproject p { margin-bottom:8px}
.nameproject { font-size:16px}
.cataloglist a { font-size:16px; margin-bottom:16px}
.brandlist-category-logo, .brandlist-category-more  {    opacity: 1; visibility: visible;}
.brandlist-category-logo img {filter: grayscale(1);max-width: 150px;}
.brandlist-category-more a {font-size: 14px; padding: 12px 20px;}
.brandlist-category-logo { right:110px}
.brandlist-name { margin-right:0}
.welcome-area.category-tmpl { margin-bottom: 12px;}
.why-area .swiper-pagination { position:static}
.welcome-area.category-tmpl div.h1 img { height:60px}
.welcome-area.homepage h1 { font-size: 70px; top: 73%;}
.botlogo {  top:148px;          left: -12px; width: 110%; max-width: 108%;  }
.main-footer { justify-content: center !important;}
.foot-social { margin-top:48px}
.foot-contacts {flex-wrap: wrap;justify-content: center !important;        text-align: center;        font-size: 12px;}
footer .mail-foot {    width: 100%; text-align: center; margin-top:-8px}
.menucontacts .addr-foot span.time { margin-top:8px}
.menucontacts .addr-foot a {border:none}
.factmid .factsbl { background:#fff; padding-top:0; padding-bottom:0}
.factmid .factsbl .fact-h { background:#fff;}
.fact-txt {font-size: 14px;}
.fact-h {font-size: 10px;}
.date-img {margin-bottom: 16px;}
.btn-close {opacity: 1; background-color: #fff; width: 24px; height: 24px; border-radius: 100%;}
.imageproject .slick-dots { display:none!important}
.imageproject .slick-track { margin-left:4px}
.imageproject .gallery-thumbs img { height:60px;}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 185px;}
.video-area.sec-bl iframe{ height:420px!important}
.leftabout, .midabout, .rightabout { display:none}
.aboutvideo:after { width: 32px; height: 32px; top:40%; left: 37%;}
.mobileabout { display:block}
.centerabouthome { min-height:10px; padding:20px; padding-left:8px;        height: auto;}
.about-txt { margin-bottom:0;    padding-right: 0; font-size:14px}
.centerabouthome .sec-title {padding-left: 0; margin-bottom: 12px;}
.ab-imgs {     display: grid !important;  grid-template-columns: repeat(3, minmax(0, 1fr)); gap:2px;        margin-top: 2px;}
.ab-imgs .aboutvideo {         position: relative; top: 0; left: 0;        width: 100%;}
.ab-imgs .aboutvideo img { height:100%}
.aboutbtn { margin-top:2px; width:100%}
.aboutbtn a { font-size:16px}
.info-block { position:relative; padding:12px; font-size:10px; height:auto;        min-height: 50px; display:flex; align-items:center;  width: 100%; padding-left: 60px; left:0; right:0; top:0px; margin-bottom:16px;}
.info-block:before {left: 8px;top: 6px;width: 40px;height: 40px;}
.way-link { display:block; color:#339900; margin-top:8px; margin-bottom:12px; }
.way-link a {border-bottom:1px solid;}
}
@media (max-width: 575px) {
body { font-size:12px}
p  { font-size:12px; line-height:1.4}
.brand-items .swiper-slide { font-size:10px}

.tall-item .grid-content a:after { width: 32px; height: 32px; top:37%; left: 45%;}
.video-active .swiper-slide a:after { width: 32px; height: 32px; top:37%; left: 45%;}
.grid-content .videoinfo span.videotime {left:8px; top:8px}
.whybotitem { width:45%; max-width:45%; min-width:45%}
.whynum { font-size: 14px;}

.prembl {width: 100%;}
.premitem { padding-right:8px; padding-left:72px; position:relative;        padding-top: 8px; padding-bottom: 8px;}
.premitem svg { width:52px; height:52px; position:absolute; left:8px;        top: 30%;}
.premitem h3 { font-size:12px; margin-bottom:4px; margin-top:0}
.prembl {margin-bottom: 12px;}
.prembl:last-child { margin-bottom:0}
.premtxt { margin-top:8px}
.whybot {justify-content: unset!important; gap: 16px; padding-left: 8px; margin-top:16px}
.whybl:last-child { padding: 10px 12px;}
.whybl:first-child { padding: 10px 12px;}
.sec-bl {overflow-x:hidden}
.botlogo {  top:148px;          left: -12px; width: 110%; max-width: 108%;  }
.main-footer { justify-content: center !important;}
.foot-social { margin-top:48px}
.foot-contacts {flex-wrap: wrap;justify-content: center !important;        text-align: center;        font-size: 12px;}
footer .mail-foot {    width: 100%; text-align: center; margin-top:-8px}
.footer-copyright { }
.rightmodsl .modal-dialog { width:98%}
.welcome-area h1 {top:84%;}
.welcome-area { margin-bottom: 80px;}
.welcome-area h1 span, .welcome-area.homepage h1 span { margin-top:-8px}
.swiper-pagination { margin-top:12px;        line-height: 0;}
.swiper-pagination-bullet { width:4px; height:4px;}
.swiper-pagination-bullet-active { width:24px;}
.square-item .grid-content .videoinfo span.videocomm svg, .square-item .grid-content .videoinfo span.videolike svg, .videoinfo span.videocomm svg, .videoinfo span.videolike svg { width:14px; height:14px;    margin-right: 4px;}
.square-item .grid-content .videoinfo span.videolike, .grid-content .videoinfo div.videoname { left: 8px; bottom: 8px;        font-size: 10px;}
.square-item .grid-content .videoinfo span.videocomm { left: 50px; bottom: 8px; font-size: 10px;}
.videoinfo span.videolike, .videoinfo span.videotime, .videoinfo span.videocomm { right:8px; font-size: 10px;}
.videoinfo span.videotime {top:8px}
.videoinfo div.videoname { display:none}
.videoinfo div.videoname, .grid-content .videoinfo div.videoname {    -webkit-line-clamp: 1;  line-clamp: 1;  height:15px;    width: calc(100% - 40px);}
.videoinfo span.videocomm {bottom:8px}
.video-area .videoinfo span.videocomm svg, .video-area .videoinfo span.videolike svg { margin-right:0; margin-bottom:4px}
.video-area .videoinfo span.videolike {bottom:50px}
.tall-item .videoinfo span.videolike svg, .tall-item .videoinfo span.videocomm svg { margin-right:0; margin-bottom:4px}
.tall-item  .videoinfo span.videolike {bottom:50px}
.grid-content .videoinfo { font-size:14px}
.contact-map iframe { height:450px}
.contact-info { padding:16px; height: auto; margin-bottom:8px}
.breadcrumb__area h1 { font-size:20px}
.breadcrumb__area { margin-top: 24px; margin-bottom: 16px; text-align: left; padding-left: 8px;}
.tp-breadcrumb__link.mb-10 { margin-bottom:6px}
.resume a { margin-left:0;         font-size: 16px; margin-top: 12px; display: block; width: 100%;}
.resume {padding: 16px 12px;font-size: 14px;}
.agree { font-size:10px; margin-bottom:24px}
.formtxt { font-size:14px; margin-bottom:16px}
#callback .modal-content, #askform .modal-content { padding: 16px;}
.socialsmodal .header-meta__social {    background: none;
    text-align: center;
    justify-content: center;
    gap: 4px;}
.btn-close {top:16px; right:16px}
.welcome-area.category-tmpl h1 {    bottom: 0; font-size: 12vw;}
.imageproject { margin-bottom: 32px;}
.nameproject {padding-left:24px; padding-right:24px;    margin-bottom: 16px;}
.descproject {padding-left: 24px; padding-right: 24px; padding-bottom: 40px;}
.detalsale .project-block {    grid-template-columns: repeat(2, minmax(0, 1fr));}
.brand-items .swiper-slide a { margin-bottom:0}
.brand-items .swiper-slide a span {    height: 16px; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.brand-items .zoomimg { margin-bottom: 8px;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left:4px; padding-right:4px;}
.sec-title { margin-bottom: 16px; text-align: left; padding-left: 8px;}
.sec-title h2 { font-size: 16px;}
.sec-title span { font-size:10px}
.sec-title a { font-size:14px; bottom:2px}
.sec-bl {margin-bottom: 32px;}
.whytop { padding-left:8px; padding-right:8px;  margin-bottom: 16px;}
.factsbl { padding:16px;} 
.date-txt { font-size: 12px;}
.date-h { margin-bottom:8px}
.nav-tabs .nav-link { padding:0; padding-bottom:4px}
.nav-tabs.rowtabs {justify-content: flex-end; padding-left:8px;flex-wrap: nowrap; overflow-x: auto; flex-direction: row-reverse;        padding-bottom: 0px;        padding-right: 8px;}
.nav-tabs.typetabs {        justify-content: flex-start;
        padding-left: 8px;
        padding-right: 8px;}
.nav-tabs.onlnselect { padding-left:0; padding-right:0; padding-bottom:0;margin-bottom: 8px;}
.nav-tabs::-webkit-scrollbar { width: 3px; height: 3px;}
.nav-tabs::-webkit-scrollbar-button {  background-color: #f3f3f3; }
.nav-tabs::-webkit-scrollbar-track {  background-color: #f3f3f3;}
.nav-tabs::-webkit-scrollbar-track-piece { background-color: #f3f3f3;}
.nav-tabs::-webkit-scrollbar-thumb { height: 20px; background-color: #339900; border-radius: 3px;}
.nav-tabs::-webkit-scrollbar-corner { background-color: #f3f3f3;}
.nav-tabs::-webkit-resizer { background-color: #f3f3f3;}
.tp-breadcrumb__link span { font-size: 12px;}
.breadcrumb__area h1 { font-size: 18px;}
.news-area.sec-bl { margin-bottom:8px}
.newsblock { margin-bottom:4px}
.textnews { padding:16px;}
.textnews p, .textnews { font-size:12px}
a.newsmore {bottom: 16px; font-size: 12px;}
.newsdate {top:16px; right:16px}
.imgnewsleft img, .newsblock { height: 220px;}
.vknewscontent { max-height: 150px;}
.descproject, .descproject p{ font-size:12px; } 
.nameproject span { font-size:12px}
.brandlist-item { height:auto;        padding: 16px;}
.brandlist-category-logo, .brandlist-category-more { right: auto;left: auto; top: auto;position: relative;}
.brandlist-category { display: flex; gap: 4px; margin-top: 8px;        justify-content: space-between; width: 100%;}
#feedback .modal-content .modalbody { padding: 16px;}
#callback .modal-content form input, #feedback .modal-content form input, #askform .modal-content form input { height:44px;    padding: 12px 16px;    margin-bottom: 2px;}
.input-file { padding:16px}
.input-file-text span {max-width:80%;} .input-file-text span br { display:none}
#callback .modal-content h4, #feedback .modal-content h4, #askform .modal-content h4 { font-size:16px; margin-bottom:16px}
.welcome-area.category-tmpl div.h1 img { height:40px; bottom:-2px}
.welcome-area.homepage h1 { font-size: 60px; top: 76.5%;}
.footer-copyright { margin-top:120px}
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe  { height: 160px;}
.video-area.sec-bl iframe{ height:550px!important}
.products-block .project-item img { height:280px}
.detalsale .project-block img { height:280px}
}

@media (max-width: 430px) {
.factsbl { padding: 0 8px;}
.bordfact { min-width: 160px; width:160px;}
.welcome-area.aboutpage h1 { font-size: 40px; top: 84%;}
.imgnewsleft img, .newsblock { height: auto;}
.newsblock { flex-wrap:wrap;}
.textnews { width: 100%;}
.vknewscontent {  -webkit-line-clamp: none; max-height: none;}
.newsdate {top:auto}
.welcome-area.category-tmpl div.h1 img { height:30px;bottom:0px}
.welcome-area.homepage h1 { font-size: 50px; top: 80%;}
.footer-copyright { margin-top:100px}
.nameproject {padding-left:12px; padding-right:12px;}
.descproject {padding-left: 12px; padding-right: 12px; }
.modal .slick-dotted.slick-slider { margin-bottom:12px}
.gallery-slider { margin-bottom: 4px;}
.imageproject {  margin-bottom: 12px; }
.social-area.sec-bl .grid-content a img, .social-area.sec-bl .grid-content iframe { height: 125px;}
.video-area.sec-bl iframe{ height:500px!important}
.products-block .project-item img { height:180px}
.detalsale .project-block img { height:180px}
}

html {
    scroll-behavior: smooth; /* Глобальный плавный скролл для всех якорей */
}