.container-fluid.section-slider {
overflow: hidden;
padding: 0;
margin-bottom: 0;
}
@media (width <= 568px) {
.container-fluid.section-slider,
body > div.main > div.container-fluid.section-slider {
display: none;
}
}
@media (width <= 480px) {
.container-fluid.section-slider,
body > div.main > div.container-fluid.section-slider {
display: none;
}
}
@media (width <= 1326px) {
.section-slider {
padding-top: 0;
}
} .main-slider {
position: relative;
} .main-slider .item {
height: 600px;
background-size: cover;
background-position: right center;
position: relative;
display: block;
overflow: hidden;
} .main-slider .container {
height: 100%;
display: flex;
align-items: center;
} .main-slider .text {
width: 42%;
min-width: 300px;
max-width: 600px;
padding: 2rem 2.5rem;
background: rgba(11,18,31,.55);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255,255,255,.08);
border-radius: 16px;
color: #fff;
box-sizing: border-box; } .main-slider .text.slide-id-16271 {
background: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: none;
border-radius: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
.main-slider .banner-title {
font-size: clamp(1.3rem, 2.2vw, 2rem);
line-height: 1.2;
font-weight: 700;
color: #fff;
margin-bottom: 1rem;
}
.main-slider .banner-description {
font-size: clamp(13px, 1.4vw, 15px);
color: rgba(255,255,255,.9);
margin-bottom: 1.5rem;
line-height: 1.6;
} .main-slider .button,
.main-slider .button.white {
display: inline-block;
padding: 10px 28px;
border: 2px solid #fff;
border-radius: 6px;
color: #fff !important;
text-decoration: none;
font-size: 14px;
font-weight: 600;
transition: background .2s, color .2s;
background: transparent;
}
.main-slider .button:hover,
.main-slider .button.white:hover {
background: rgba(255,255,255,.15);
} .main-slider .button::after,
.main-slider .button.white::after {
display: none !important;
} .main-slider .owl-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 20px;
z-index: 50;
width: fit-content;
display: flex !important;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
}
.main-slider .owl-dot span {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255,255,255,.4);
border: 2px solid transparent;
transition: .3s;
display: block;
padding: 0;
}
.main-slider .owl-dot.active span {
width: 28px;
border-radius: 5px;
background: var(--color-orange);
} .main-slider.owl-carousel .owl-nav.disabled {
display: block !important;
}
.main-slider.owl-carousel .owl-nav .owl-prev,
.main-slider.owl-carousel .owl-nav .owl-next {
position: absolute !important;
top: 50% !important;
bottom: auto !important;
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: rgba(236,98,31,.75) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
transition: background .2s !important;
}
.main-slider.owl-carousel .owl-nav .owl-prev:hover,
.main-slider.owl-carousel .owl-nav .owl-next:hover {
background: var(--color-orange) !important;
opacity: 1 !important;
} .main-slider.owl-carousel .owl-prev {
left: 20px !important;
transform: translateY(-50%) !important;
}
.main-slider.owl-carousel .owl-next {
right: 20px !important;
transform: translateY(-50%) !important;
} .main-slider.owl-carousel .owl-nav .owl-prev::before,
.main-slider.owl-carousel .owl-nav .owl-next::before,
.main-slider.owl-carousel .owl-nav .owl-prev::after,
.main-slider.owl-carousel .owl-nav .owl-next::after {
content: "" !important;
display: block !important;
width: 10px !important;
height: 10px !important;
border-top: 2px solid #fff !important;
border-right: 2px solid #fff !important;
background: none !important;
opacity: 1 !important;
position: static !important;
}
.main-slider.owl-carousel .owl-nav .owl-prev::before,
.main-slider.owl-carousel .owl-nav .owl-next::before {
display: none !important;
}
.main-slider.owl-carousel .owl-nav .owl-prev::after {
transform: rotate(-135deg) translateX(2px) !important;
}
.main-slider.owl-carousel .owl-nav .owl-next::after {
transform: rotate(45deg) translateX(-2px) !important;
}
@media (width <= 992px) {
.main-slider .text {
width: 55%;
}
}
@media (width <= 767px) {
.main-slider .item {
height: auto;
min-height: 480px;
background-position: 70% center !important;
}
.main-slider .container {
align-items: flex-start;
padding-top: 40px;
}
.main-slider .text {
width: 80%;
padding: 1.5rem;
}
.main-slider.owl-carousel .owl-nav .owl-prev,
.main-slider.owl-carousel .owl-nav .owl-next {
display: none !important;
}
} .slide-id-16271 .banner {
position: relative;
z-index: 5;
max-width: 650px;
margin-left: 80px;
padding: 45px;
background: rgba(11,18,31,.38);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255,255,255,.08);
border-radius: 24px;
box-shadow:
0 25px 60px rgba(0,0,0,.45),
inset 0 1px 0 rgba(255,255,255,.06);
}
.slide-id-16271 h1,
.slide-id-16271 h2 {
font-size: 36px;
margin-bottom: 12px;
color: #fff;
}
.slide-id-16271 .price {
font-size: 28px;
color: #ffc107;
margin-bottom: 20px;
font-weight: 700;
}
.slide-id-16271 .specs {
list-style: none;
padding: 0;
margin: 0 0 25px;
font-size: 17px;
line-height: 1.5;
color: #fff;
}
.slide-id-16271 .specs li {
margin-bottom: 6px;
}
.slide-id-16271 .buy,
.slide-id-16271 .button {
display: inline-block;
padding: 10px 35px;
background: var(--color-orange);
color: #fff;
text-decoration: none;
font-weight: 600;
border-radius: 6px;
transition: 0.3s ease;
text-align: center;
}
.slide-id-16271 .buy:hover,
.slide-id-16271 .button:hover {
background: var(--color-orange-dark);
}
@media screen and (width <= 1199px) {
.slide-id-16271 .banner {
margin-left: 60px;
}
.slide-id-16271 h1,
.slide-id-16271 h2 {
font-size: 30px;
}
.slide-id-16271 .price {
font-size: 24px;
}
}
@media screen and (width <= 767px) {
.slide-id-16271 .banner {
width: 85vw;
margin-left: 5vw;
margin-right: 5vw;
padding: 30px;
}
.slide-id-16271 h1,
.slide-id-16271 h2 {
font-size: 26px;
line-height: 1.3;
}
.slide-id-16271 .price {
font-size: 22px;
margin-bottom: 15px;
}
.slide-id-16271 .button {
width: 160px;
font-size: 16px;
}
}
@media screen and (width <= 480px) {
.slide-id-16271 h1,
.slide-id-16271 h2 {
font-size: 22px;
}
.slide-id-16271 .price {
font-size: 20px;
}
.slide-id-16271 .button {
width: 100%;
text-align: center;
box-sizing: border-box;
}
} .section1 {
margin: 100px auto;
}
.section1 .col-sm-6 img {
width: 100%;
}
.h1main {
font-size: var(--step-1);
line-height: 1.5;
overflow-x: hidden;
color: #333;
font-weight: 400;
}
.itemblock1,
.itemblock3 {
margin-bottom: 50px;
height: 160px;
}
.itemblock1 span,
.itemblock3 span {
color: var(--color-orange);
font-size: 38px;
}
@media (width <= 767px) {
.itemblock1 span {
font-size: 60px;
}
.itemblock1 p,
.itemblock3 p {
font-size: 20px;
}
}
@media (width <= 480px) {
.itemblock1 span {
font-size: 35px;
min-width: 50px;
}
.section1 .cars {
width: 300px;
height: auto;
}
}
@media (width <= 320px) {
.itemblock1,
.itemblock3 {
display: inline-table;
height: 50px;
margin-bottom: 0;
}
.itemblock1 p,
.itemblock3 p {
font-size: 14px;
text-align: left;
padding-left: 10px;
width: 100%;
line-height: 12px;
}
}
@media (width <= 568px) {
.section1 {
margin: 20px auto;
}
} .sec2-h .entry-title {
margin-bottom: 50px;
}
.sec2-h .entry-title span,
.section4 .entry-title span,
.section7 .entry-title span {
font-size: 32px;
}
.tabs-mb {
max-width: 1440px;
margin: 0 auto;
padding: 5px 20px;
overflow: hidden;
height: auto;
margin-bottom: 100px;
}
ul.i-tab {
list-style: none;
overflow: hidden;
height: auto;
padding: 5px;
border-bottom: 1px solid #e76029;
display: flex;
align-items: center;
justify-content: center;
}
ul.i-tab li {
padding: 2px 15px;
margin: 5px;
}
ul.i-tab li:hover {
cursor: pointer;
}
.i-tab img {
width: 100%;
}
.i-tab li {
filter: grayscale(1);
}
.i-tab .active,
.i-tab li:hover {
filter: grayscale(0);
}
.i-tab li img {
width: 100%;
}
p.hc-tab {
background: #bfbcbc4f;
padding: 20px 10px;
margin-top: 10px;
}
ul.tab-content {
list-style: none;
margin: 0 auto;
padding: 0 5px;
width: 100%;
}
ul.tab-content li {
padding: 0;
margin: 0;
display: none;
}
.tab-content .row {
display: flex;
flex-wrap: nowrap;
}
.tab-content .row img {
width: 100%;
min-width: 262px;
}
.tab-content .col-sm-2 {
max-width: 290px;
}
.tab-content .item-mr p {
font-size: 13px;
color: #333;
}
.item-mr {
border: 1px solid #e6e2e2;
min-height: 175px;
margin: 6px 3px 4px;
}
.smll { } @media (width <= 1620px) {
.tabs-mb {
width: 100%;
}
}
@media (width <= 1594px) {
ul.i-tab li {
padding: 0;
}
}
@media (width <= 1366px) {
.tab-content .row img {
min-width: auto;
}
}
@media (width <= 1200px) {
.item-mr {
max-width: 230px;
}
}
@media (width <= 992px) {
.item-mr {
min-height: 150px;
max-width: 189px;
align-content: center;
font-size: 12px;
}
.tabs-mb {
margin-bottom: 60px;
}
}
@media (width <= 767px) {
.tabs-mb,
.sec2-h {
display: none;
}
}
@media (width <= 500px) {
.sec2-h .entry-title {
margin-bottom: 10px;
}
.sec2-h .entry-title span,
.section4 .entry-title span,
.section7 .entry-title span {
font-size: 22px;
}
ul.i-tab li {
padding: 0;
border: solid 1px #aaa;
min-height: 70px;
}
body > div.sec2-h > div > ul.i-tab.text-center > li > p {
font-size: 13px;
margin: 0;
}
.smll {
min-height: 70px !important;
padding-top: 10px !important;
}
.tab-content .row img {
width: 35%;
height: auto;
}
.item-mr {
min-height: 60px;
max-width: 100%;
}
.tab-content .item-mr p {
font-size: 12px;
margin: 5px 0;
}
.tabs-mb {
margin-bottom: 40px;
}
div.sec2-h.desktp > div > ul.tab-content > li > div {
display: table !important;
width: 100%;
}
}
@media (width <= 480px) {
.tab-content .row {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
}
.item-mr {
width: 100%;
}
ul.i-tab {
display: inline-grid;
grid-template-columns: repeat(3, 1fr);
}
.i-tab li img {
width: 50px;
height: auto;
}
} .section4 .col-md-2 {
width: 280px;
border: 1px solid rgb(218 212 212 / 71%);
margin-left: 20px;
margin-bottom: 20px;
padding: 2px;
}
.section4 .col-md-2:hover {
padding: 0;
box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}
.section4 .col-md-2 img {
width: 100%;
height: auto;
}
@media (width <= 500px) {
body > div.container.section4 {
padding: 0 5px !important;
}
} .section5 {
background-repeat: no-repeat;
background-position: right center;
height: 709px;
background-size: cover;
display: flex;
align-items: center;
}
.section5 .top-block {
border-top: 10px solid red;
border-left: 10px solid red;
height: 100px;
}
.section5 .top-block .text-position {
font-size: 32px;
margin-top: 50px;
width: 130%;
margin-left: 50px;
}
.section5 .text-transform {
height: 200px;
display: flex;
align-items: center;
}
.section5 .text-transform p {
transform: rotate(90deg);
margin-left: -70px;
color: #fff;
font-weight: 700;
}
.section5 .bottom-block {
align-items: center;
display: flex;
border-bottom: 10px solid red;
border-left: 10px solid red;
height: 100px;
justify-content: center;
}
.section5 .bottom-block .btn {
background: red;
padding: 10px 30px;
color: #fff;
display: block;
}
@media (width <= 1326px) {
.section5 .top-block .text-position {
width: 100%;
}
} .section3 {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
height: 1000px;
margin-bottom: 100px;
position: relative;
overflow: hidden;
}
.section33 {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
margin-bottom: 50px;
position: relative;
overflow: hidden;
height: 880px;
}
.section10 {
background-repeat: no-repeat;
background-image: url(//spectechcom.ru/wp-content/themes/msn/css/img/dostavka-fon.jpg);
background-attachment: fixed;
background-position: center center;
background-size: cover;
height: 709px;
margin-bottom: 100px;
position: relative;
overflow: hidden;
} .section6 .row {
align-items: stretch;
}
.section6 .row .col-lg-6 {
display: flex;
flex-direction: column;
}
.section6 .row .left-block,
.section6 .row .right-block {
background-repeat: no-repeat;
padding: 33px 33px 50px;
min-height: 380px;
margin: 10px auto;
background-size: cover;
background-position: center;
color: #fff;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.section6 .row li {
text-indent: -1.5em;
padding-left: 2em;
list-style-type: none;
line-height: 30px;
}
.section6 .row li::before {
content: "\27A4";
font-family: fontello, sans-serif;
margin-right: 10px;
text-indent: -20em;
color: var(--color-orange);
}
.section6 .row .btn-section6 {
padding: 5px 20px;
border: 1px solid #fff;
color: #fff;
border-radius: 5px;
text-align: center;
display: block;
width: 200px;
margin: 21px auto;
text-decoration: none;
}
.section6 .row .btn-section6:hover {
background: rgba(255,255,255,.15);
}
@media (width >= 992px) {
div.container.section6 > div > div:nth-child(1) > div {
height: 405px;
}
}
@media (width >= 1200px) {
div.container.section6 > div > div:nth-child(1) > div {
height: 380px;
}
}
@media (width <= 992px) {
.left-block,
.right-block {
max-width: 500px;
}
}
@media (width <= 767px) {
.section6 .row li {
font-size: 13px;
line-height: 20px;
}
}
@media (width <= 576px) {
.section6 .row li,
.section6 .row ul {
padding-left: 0;
}
body > div.container.section6 > div > div:nth-child(2) > div > ul,
.left-block > ul:nth-child(2) {
padding: 0;
}
} .section7 {
margin-bottom: 100px;
}
.section7 img {
border: 1px solid rgb(224 219 219 / 70.2%);
}
.entry-title.v3 {
margin: 50px auto;
}
@media (width <= 500px) {
.section7 {
display: none;
}
} .section8 {
margin-top: 60px;
background-color: var(--color-gray-light);
padding: 60px 0;
}
.section8 .container { }
.section8 .entry-title {
margin-bottom: 40px;
} .stc-news-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
} .stc-news-card {
background: var(--color-white);
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
border: 1px solid rgba(0,0,0,.07);
transition: box-shadow .2s, transform .2s;
}
.stc-news-card:hover {
box-shadow: 0 8px 28px rgba(0,0,0,.10);
transform: translateY(-3px);
} .stc-news-card__img-wrap {
display: block;
overflow: hidden;
aspect-ratio: 16 / 9;
background: var(--color-gray-light);
flex-shrink: 0;
}
.stc-news-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .35s ease;
}
.stc-news-card:hover .stc-news-card__img-wrap img {
transform: scale(1.04);
} .stc-news-card__body {
padding: 16px 18px 20px;
display: flex;
flex-direction: column;
flex: 1;
gap: 8px;
} .stc-news-card__date {
font-size: 12px;
color: var(--color-gray);
font-weight: 400;
letter-spacing: .02em;
} .stc-news-card__title {
font-size: 13px;
font-weight: 700;
line-height: 1.3;
margin: 0;
}
.stc-news-card__title a {
color: var(--color-dark);
text-decoration: none;
transition: color .2s;
}
.stc-news-card__title a:hover {
color: var(--color-orange);
} .stc-news-card__excerpt {
font-size: 12px;
line-height: 1.55;
color: var(--color-gray);
flex: 1; display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.stc-news-card__excerpt p {
margin: 0;
} .stc-news-card__more {
display: inline-block;
margin-top: 4px;
font-size: 13px;
font-weight: 600;
color: var(--color-orange);
text-decoration: none;
transition: color .2s;
}
.stc-news-card__more:hover {
color: var(--color-orange-dark);
} @media (width <= 1024px) {
.stc-news-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (width <= 576px) {
.stc-news-grid {
grid-template-columns: 1fr;
}
.section8 {
padding: 40px 0;
}
}  body.home .container-fluid.section-slider,
body.front-page .container-fluid.section-slider,
.container-fluid.section-slider,
body > div.main > div.container-fluid.section-slider {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.main-slider,
.main-slider.owl-carousel,
.main-slider .owl-stage-outer,
.main-slider .owl-stage,
.main-slider .owl-item {
min-width: 0 !important;
}
.main-slider .item {
position: relative !important;
display: block !important;
height: clamp(430px, 42vw, 600px) !important;
min-height: 0 !important;
overflow: hidden !important;
background-size: cover !important;
background-position: right center !important;
}
.main-slider .item::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
pointer-events: none !important;
background:
linear-gradient(90deg, rgba(5,8,14,.70) 0%, rgba(5,8,14,.44) 34%, rgba(5,8,14,.12) 64%, rgba(5,8,14,0) 100%),
linear-gradient(0deg, rgba(5,8,14,.24) 0%, rgba(5,8,14,0) 50%) !important;
}
.main-slider .container {
position: relative !important;
z-index: 2 !important;
width: min(100%, var(--stc-mw, 1400px)) !important;
max-width: var(--stc-mw, 1400px) !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
padding-left: max(var(--stc-px, 40px), 40px) !important;
padding-right: max(var(--stc-px, 40px), 40px) !important;
box-sizing: border-box !important;
}
.main-slider .text,
.main-slider .text[class*="slide-id-"] {
width: min(620px, 48vw) !important;
min-width: 0 !important;
max-width: 620px !important;
margin: 0 !important;
padding: 0 clamp(24px, 3vw, 56px) !important;
color: #fff !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-sizing: border-box !important;
}
.main-slider .text .banner,
.slide-id-16271 .banner {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.main-slider .banner-title,
.main-slider .text h1,
.main-slider .text h2,
.slide-id-16271 h1,
.slide-id-16271 h2 {
max-width: 560px !important;
margin: 0 0 14px !important;
color: #fff !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: clamp(28px, 3vw, 40px) !important;
font-weight: 900 !important;
line-height: 1.08 !important;
letter-spacing: -.035em !important;
text-shadow: 0 4px 18px rgba(0,0,0,.42) !important;
}
.main-slider .price,
.slide-id-16271 .price {
margin: 0 0 18px !important;
color: #ffc107 !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: clamp(24px, 2.2vw, 34px) !important;
font-weight: 900 !important;
line-height: 1.1 !important;
text-shadow: 0 4px 16px rgba(0,0,0,.38) !important;
}
.main-slider .banner-description,
.main-slider .text p,
.slide-id-16271 .specs {
max-width: 520px !important;
margin: 0 0 22px !important;
color: rgba(255,255,255,.94) !important;
font-family: var(--font-body, Manrope, sans-serif) !important;
font-size: 16px !important;
line-height: 1.55 !important;
text-shadow: 0 3px 14px rgba(0,0,0,.42) !important;
}
.slide-id-16271 .specs {
padding: 0 !important;
list-style: none !important;
}
.main-slider .button,
.main-slider .button.white,
.main-slider .buy,
.slide-id-16271 .buy,
.slide-id-16271 .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 156px !important;
min-height: 48px !important;
padding: 0 28px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--color-orange, #ec621f) !important;
color: #fff !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
box-shadow: 0 16px 34px rgba(236,98,31,.32) !important;
}
.main-slider .button::after,
.main-slider .button.white::after,
.main-slider .buy::after,
.slide-id-16271 .button::after {
display: none !important;
}
.main-slider .owl-dots {
bottom: 18px !important;
z-index: 5 !important;
}
@media (max-width: 768px) {
.main-slider .item {
height: 360px !important;
background-position: 72% center !important;
}
.main-slider .item::before {
background:
linear-gradient(0deg, rgba(5,8,14,.78) 0%, rgba(5,8,14,.52) 42%, rgba(5,8,14,.10) 78%, rgba(5,8,14,0) 100%) !important;
}
.main-slider .container {
align-items: flex-end !important;
padding: 0 18px 48px !important;
}
.main-slider .text,
.main-slider .text[class*="slide-id-"] {
width: 100% !important;
max-width: 100% !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.main-slider .banner-title,
.main-slider .text h1,
.main-slider .text h2,
.slide-id-16271 h1,
.slide-id-16271 h2 {
max-width: 96% !important;
font-size: 24px !important;
line-height: 1.12 !important;
margin-bottom: 8px !important;
}
.main-slider .price,
.slide-id-16271 .price {
font-size: 20px !important;
margin-bottom: 8px !important;
}
.main-slider .banner-description,
.main-slider .text p,
.slide-id-16271 .specs {
max-width: 96% !important;
font-size: 14px !important;
line-height: 1.4 !important;
margin-bottom: 12px !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.main-slider .button,
.main-slider .button.white,
.main-slider .buy,
.slide-id-16271 .buy,
.slide-id-16271 .button {
min-height: 42px !important;
min-width: 132px !important;
padding: 0 20px !important;
font-size: 14px !important;
}
.main-slider.owl-carousel .owl-nav .owl-prev,
.main-slider.owl-carousel .owl-nav .owl-next {
display: none !important;
}
}
@media (max-width: 420px) {
.main-slider .item {
height: 340px !important;
}
.main-slider .container {
padding-bottom: 44px !important;
}
} .sec2-h,
.tabs-mb {
display: block !important;
}
.sec2-h {
padding: 44px 0 34px !important;
background: #fff !important;
overflow: hidden !important;
}
.sec2-h .entry-title {
margin: 0 0 24px !important;
}
.sec2-h .entry-title span {
font-size: clamp(28px, 2.6vw, 36px) !important;
font-weight: 900 !important;
line-height: 1.1 !important;
}
.tabs-mb {
width: 100% !important;
max-width: var(--stc-mw, 1400px) !important;
margin: 0 auto 48px !important;
padding: 0 var(--stc-px, 40px) !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.sec2-h ul.i-tab.text-center,
.sec2-h ul.i-tab {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
margin: 0 0 18px !important;
padding: 0 !important;
border: 0 !important;
overflow: visible !important;
list-style: none !important;
}
.sec2-h ul.i-tab > li,
.sec2-h ul.i-tab > li.smll {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
min-height: 104px !important;
margin: 0 !important;
padding: 9px 8px !important;
border: 1px solid rgba(0,0,0,.08) !important;
border-radius: 16px !important;
background: #fff !important;
filter: grayscale(1) !important;
cursor: pointer !important;
box-sizing: border-box !important;
transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.sec2-h ul.i-tab > li.active,
.sec2-h ul.i-tab > li:hover {
filter: grayscale(0) !important;
background: #fff7f2 !important;
border-color: rgba(236,98,31,.42) !important;
box-shadow: 0 12px 28px rgba(236,98,31,.10) !important;
}
.sec2-h ul.i-tab > li img {
width: 100% !important;
max-width: 112px !important;
height: 58px !important;
object-fit: contain !important;
margin: 0 0 8px !important;
}
.sec2-h ul.i-tab > li p {
margin: 0 !important;
color: #111827 !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
text-align: center !important;
text-transform: uppercase !important;
}
.sec2-h ul.tab-content {
width: 100% !important;
margin: 0 !important;
padding: 18px !important;
list-style: none !important;
background: #f6f7f9 !important;
border: 1px solid rgba(0,0,0,.07) !important;
border-radius: 22px !important;
box-sizing: border-box !important;
}
.sec2-h ul.tab-content > li {
padding: 0 !important;
margin: 0 !important;
}
.sec2-h ul.tab-content > li[style*="display: block"],
.sec2-h ul.tab-content > li[style*="display: list-item"],
.sec2-h ul.tab-content > li.active,
.sec2-h ul.tab-content > li.current {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: 12px !important;
width: 100% !important;
align-items: stretch !important;
}
.sec2-h .tab-content > li > .row {
display: contents !important;
}
.sec2-h .hc-tab {
grid-column: 1 / -1 !important;
margin: 0 0 6px !important;
padding: 16px 18px !important;
border-left: 4px solid var(--color-orange, #ec621f) !important;
border-radius: 16px !important;
background: #fff !important;
color: #2b2f36 !important;
font-size: 14px !important;
line-height: 1.55 !important;
text-align: left !important;
box-shadow: 0 6px 18px rgba(0,0,0,.035) !important;
}
.sec2-h .hc-tab b {
font-size: 16px !important;
font-weight: 900 !important;
color: #111827 !important;
}
.sec2-h .tab-content a {
display: block !important;
min-width: 0 !important;
color: inherit !important;
text-decoration: none !important;
}
.sec2-h .item-mr {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: none !important;
min-height: 102px !important;
height: 100% !important;
margin: 0 !important;
padding: 8px !important;
border: 1px solid rgba(0,0,0,.08) !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 6px 16px rgba(0,0,0,.04) !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.sec2-h .item-mr img,
.sec2-h .tab-content .row img {
display: block !important;
width: 100% !important;
max-width: 92px !important;
min-width: 0 !important;
height: 52px !important;
object-fit: contain !important;
margin: 0 auto 7px !important;
}
.sec2-h .item-mr p,
.sec2-h .tab-content .item-mr p {
margin: 0 !important;
color: #111827 !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.16 !important;
text-align: center !important;
text-transform: uppercase !important;
}
@media (max-width: 1180px) {
.sec2-h ul.i-tab.text-center,
.sec2-h ul.i-tab {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.sec2-h ul.tab-content > li[style*="display: block"],
.sec2-h ul.tab-content > li[style*="display: list-item"],
.sec2-h ul.tab-content > li.active,
.sec2-h ul.tab-content > li.current {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 768px) {
.sec2-h {
padding: 34px 0 28px !important;
}
.tabs-mb {
padding: 0 14px !important;
margin-bottom: 34px !important;
}
.sec2-h ul.i-tab.text-center,
.sec2-h ul.i-tab {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.sec2-h ul.i-tab > li,
.sec2-h ul.i-tab > li.smll {
min-height: 98px !important;
padding: 8px 6px !important;
}
.sec2-h ul.i-tab > li img {
max-width: 88px !important;
height: 50px !important;
}
.sec2-h ul.i-tab > li p {
font-size: 16px !important;
}
.sec2-h ul.tab-content {
padding: 12px !important;
border-radius: 18px !important;
}
.sec2-h ul.tab-content > li[style*="display: block"],
.sec2-h ul.tab-content > li[style*="display: list-item"],
.sec2-h ul.tab-content > li.active,
.sec2-h ul.tab-content > li.current {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.sec2-h .item-mr {
min-height: 104px !important;
}
.sec2-h .item-mr img,
.sec2-h .tab-content .row img {
max-width: 88px !important;
height: 52px !important;
}
}
@media (max-width: 380px) {
.sec2-h ul.i-tab.text-center,
.sec2-h ul.i-tab {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} .section4 {
max-width: var(--stc-mw, 1400px) !important;
margin: 0 auto 56px !important;
padding: 0 var(--stc-px, 40px) !important;
box-sizing: border-box !important;
}
.section4 > .row {
display: block !important;
margin: 0 !important;
}
.section4 .entry-title {
width: 100% !important;
margin: 0 0 28px !important;
text-align: center !important;
}
.section4 .entry-title span {
color: #05070b !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: clamp(30px, 3vw, 40px) !important;
font-weight: 900 !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
border-bottom: 4px solid var(--color-orange, #ec621f) !important;
}
.section4 .woocommerce,
.section4 .justify-content-md-center {
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
}
.section4 ul.products {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 22px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.section4 ul.products::before,
.section4 ul.products::after {
display: none !important;
content: none !important;
}
.section4 ul.products li.product,
.section4 li.stc-product-card {
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: #111827 !important;
}
.section4 li.stc-product-card,
.section4 ul.products li.product:not(.stc-product-card) {
display: block !important;
border-radius: 22px !important;
overflow: hidden !important;
background: #fff !important;
border: 1px solid rgba(0,0,0,.08) !important;
box-shadow: 0 10px 28px rgba(0,0,0,.055) !important;
}
.section4 .stc-card-inner,
.section4 ul.products li.product:not(.stc-product-card) a.woocommerce-LoopProduct-link {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
color: #111827 !important;
text-decoration: none !important;
}
.section4 .stc-card-img-wrap {
position: relative !important;
display: block !important;
width: 100% !important;
aspect-ratio: 16 / 9 !important;
min-height: 230px !important;
background: #f6f7f9 !important;
overflow: hidden !important;
}
.section4 .stc-card-img,
.section4 .stc-card-img-wrap img,
.section4 ul.products li.product:not(.stc-product-card) img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 230px !important;
max-height: none !important;
object-fit: contain !important;
object-position: center !important;
padding: 12px !important;
margin: 0 !important;
background: #f6f7f9 !important;
box-sizing: border-box !important;
}
.section4 .stc-card-badge {
position: absolute !important;
top: 14px !important;
left: 14px !important;
z-index: 2 !important;
display: inline-flex !important;
align-items: center !important;
height: 32px !important;
padding: 0 14px !important;
border-radius: 999px !important;
background: rgba(236,255,242,.96) !important;
color: #087a36 !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.section4 .stc-card-overlay {
display: none !important;
}
.section4 .stc-card-body,
.section4 ul.products li.product:not(.stc-product-card) a.woocommerce-LoopProduct-link {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
}
.section4 .stc-card-body {
gap: 14px !important;
padding: 22px 24px 24px !important;
}
.section4 .stc-card-title,
.section4 .woocommerce-loop-product__title {
margin: 0 !important;
min-height: auto !important;
color: #05070b !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: 24px !important;
font-weight: 900 !important;
line-height: 1.18 !important;
letter-spacing: -.02em !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.section4 .stc-card-specs {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.section4 .stc-card-spec {
display: block !important;
min-width: 0 !important;
padding: 12px 14px !important;
border: 0 !important;
border-radius: 10px !important;
background: #f0f1f4 !important;
box-sizing: border-box !important;
}
.section4 .stc-card-spec__label {
display: block !important;
margin: 0 0 5px !important;
color: #6b7280 !important;
font-size: 14px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
text-transform: uppercase !important;
}
.section4 .stc-card-spec__value {
display: block !important;
min-width: 0 !important;
color: #05070b !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1.18 !important;
overflow-wrap: anywhere !important;
}
.section4 .stc-card-price,
.section4 .price {
margin-top: 0 !important;
padding-top: 4px !important;
color: #05070b !important;
}
.section4 .price {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 4px !important;
}
.section4 .price del,
.section4 .stc-card-price del {
display: block !important;
color: #a7aab2 !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
text-decoration: line-through !important;
}
.section4 .price ins,
.section4 .stc-card-price ins {
display: block !important;
text-decoration: none !important;
}
.section4 .price ins .woocommerce-Price-amount,
.section4 .price > .woocommerce-Price-amount,
.section4 .stc-card-price ins .woocommerce-Price-amount,
.section4 .stc-card-price > .woocommerce-Price-amount {
color: #05070b !important;
font-family: var(--font-heading, Montserrat, sans-serif) !important;
font-size: 34px !important;
font-weight: 900 !important;
line-height: 1 !important;
}
.section4 .stc-card-cta,
.section4 ul.products li.product:not(.stc-product-card) .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: flex-start !important;
min-height: 46px !important;
margin: 4px 0 0 !important;
padding: 0 22px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--color-orange, #ec621f) !important;
color: #fff !important;
font-size: 16px !important;
font-weight: 900 !important;
line-height: 1 !important;
box-shadow: 0 10px 22px rgba(236,98,31,.18) !important;
text-decoration: none !important;
}
.section4 ul.products li.product:not(.stc-product-card) .button::after {
display: none !important;
}
@media (max-width: 768px) {
.section4 {
padding: 0 12px !important;
margin-bottom: 40px !important;
}
.section4 ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
.section4 .stc-card-img-wrap {
min-height: 145px !important;
aspect-ratio: 1 / .82 !important;
}
.section4 .stc-card-img,
.section4 .stc-card-img-wrap img,
.section4 ul.products li.product:not(.stc-product-card) img {
min-height: 145px !important;
padding: 7px !important;
}
.section4 .stc-card-body {
padding: 16px 14px 18px !important;
gap: 12px !important;
}
.section4 .stc-card-title,
.section4 .woocommerce-loop-product__title {
font-size: 20px !important;
line-height: 1.18 !important;
}
.section4 .stc-card-specs {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
.section4 .stc-card-spec {
padding: 9px 10px !important;
}
.section4 .price ins .woocommerce-Price-amount,
.section4 .price > .woocommerce-Price-amount,
.section4 .stc-card-price ins .woocommerce-Price-amount,
.section4 .stc-card-price > .woocommerce-Price-amount {
font-size: 26px !important;
}
.section4 .stc-card-badge {
height: 28px !important;
padding: 0 12px !important;
font-size: 14px !important;
}
.section4 .stc-card-cta,
.section4 ul.products li.product:not(.stc-product-card) .button {
min-height: 42px !important;
padding: 0 16px !important;
font-size: 14px !important;
}
}
@media (max-width: 380px) {
.section4 .stc-card-title,
.section4 .woocommerce-loop-product__title {
font-size: 18px !important;
}
.section4 .price ins .woocommerce-Price-amount,
.section4 .price > .woocommerce-Price-amount,
.section4 .stc-card-price ins .woocommerce-Price-amount,
.section4 .stc-card-price > .woocommerce-Price-amount {
font-size: 24px !important;
}
} .stc-news-card__date,
.stc-news-card__excerpt,
.stc-news-card__more {
font-size: 14px !important;
}
.stc-news-card__title {
font-size: 16px !important;
}  .sec2-h .item-mr p,
.sec2-h .tab-content .item-mr p {
margin: 0 !important;
color: #1d1d1f !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-transform: uppercase !important;
} @media (max-width: 480px) {
.sec2-h .item-mr p,
.sec2-h .tab-content .item-mr p {
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.22 !important;
}
} .section4 li.stc-product-card {
border-radius: 18px !important;
border: 1px solid rgba(0,0,0,.07) !important;
box-shadow: 0 8px 24px rgba(0,0,0,.04) !important;
background: #fff !important;
}
.section4 .stc-card-img-wrap {
background: #f7f8fa !important;
aspect-ratio: 16 / 10 !important;
}
.section4 .stc-card-img {
width: 100% !important;
height: 100% !important;
padding: 12px !important;
object-fit: contain !important;
object-position: center !important;
}
.section4 .stc-card-body {
gap: 10px !important;
padding: 16px 18px 18px !important;
} .section4 .stc-card-title,
.section4 .woocommerce-loop-product__title {
margin: 0 !important;
color: #111827 !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.24 !important;
letter-spacing: -.015em !important;
-webkit-line-clamp: 3 !important;
min-height: auto !important;
} .section4 .stc-card-specs {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0 !important;
margin: 2px 0 0 !important;
padding: 7px 0 !important;
border-top: 1px solid rgba(0,0,0,.06) !important;
border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
.section4 .stc-card-spec {
display: grid !important;
grid-template-columns: 86px minmax(0, 1fr) !important;
gap: 8px !important;
align-items: baseline !important;
min-width: 0 !important;
padding: 4px 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.section4 .stc-card-spec__label {
display: block !important;
margin: 0 !important;
color: #7b818c !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: .02em !important;
text-transform: uppercase !important;
}
.section4 .stc-card-spec__label::after {
content: ":" !important;
}
.section4 .stc-card-spec__value {
display: block !important;
min-width: 0 !important;
color: #111827 !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
overflow-wrap: anywhere !important;
} .section4 .stc-card-price,
.section4 .price {
margin-top: 0 !important;
padding-top: 2px !important;
}
.section4 .price del,
.section4 .stc-card-price del {
color: #a7aab2 !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
}
.section4 .price ins .woocommerce-Price-amount,
.section4 .price > .woocommerce-Price-amount,
.section4 .stc-card-price ins .woocommerce-Price-amount,
.section4 .stc-card-price > .woocommerce-Price-amount {
color: #05070b !important;
font-size: 24px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: -.02em !important;
} .section4 .stc-card-cta {
min-height: 38px !important;
padding: 0 18px !important;
border-radius: 999px !important;
font-size: 13px !important;
font-weight: 800 !important;
box-shadow: 0 8px 18px rgba(236,98,31,.16) !important;
} @media (max-width: 768px) {
.section4 .stc-card-body {
gap: 8px !important;
padding: 13px 14px 15px !important;
}
.section4 .stc-card-title,
.section4 .woocommerce-loop-product__title {
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.22 !important;
-webkit-line-clamp: 3 !important;
}
.section4 .stc-card-specs {
padding: 6px 0 !important;
}
.section4 .stc-card-spec {
grid-template-columns: 78px minmax(0, 1fr) !important;
gap: 6px !important;
padding: 3px 0 !important;
}
.section4 .stc-card-spec__label {
font-size: 10px !important;
font-weight: 700 !important;
}
.section4 .stc-card-spec__value {
font-size: 12px !important;
font-weight: 800 !important;
}
.section4 .price del,
.section4 .stc-card-price del {
font-size: 12px !important;
}
.section4 .price ins .woocommerce-Price-amount,
.section4 .price > .woocommerce-Price-amount,
.section4 .stc-card-price ins .woocommerce-Price-amount,
.section4 .stc-card-price > .woocommerce-Price-amount {
font-size: 22px !important;
}
.section4 .stc-card-cta {
min-height: 36px !important;
padding: 0 15px !important;
font-size: 12px !important;
}
}
@media (max-width: 380px) {
.section4 .stc-card-title,
.section4 .woocommerce-loop-product__title {
font-size: 15px !important;
}
.section4 .stc-card-spec {
grid-template-columns: 70px minmax(0, 1fr) !important;
}
.section4 .price ins .woocommerce-Price-amount,
.section4 .price > .woocommerce-Price-amount,
.section4 .stc-card-price ins .woocommerce-Price-amount,
.section4 .stc-card-price > .woocommerce-Price-amount {
font-size: 20px !important;
}
}
.der1{
height:80px !important;
}