/* roboto-regular - cyrillic_cyrillic-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-cyrillic_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-cyrillic_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - cyrillic_cyrillic-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-cyrillic_cyrillic-ext-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-cyrillic_cyrillic-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - cyrillic_cyrillic-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-cyrillic_cyrillic-ext-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-cyrillic_cyrillic-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-cyrillic_cyrillic-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

html {
    height: 100vh;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
a,
figure,
picture,
form,
ul,
ol,
li,
dl,
dt,
dd,
label,
fieldset,
input,
button,
table,
thead,
tbody,
tr,
td {
    margin: 0;
    padding: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

nav,
footer,
header,
aside {display: block}

img {
    display: block;
    border-style: none;
    max-width: 100%;
    border: 0;
}

h1 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 24px;
}

h2 {
    font-size: 32px;
    font-weight: 400;
    margin-top: 80px;
    margin-bottom: 24px;
}

h3 {
    font-size: 24px;
    font-weight: 400;
}

h4 {
    font-size: 16px;
    font-weight: 700;
}

h1,
h2,
h3,
h4 {
    max-width: 740px;
}

hr {
    border-width: 0.8px;
    border-color: #eeeeee;
    border-style: solid;
    margin: 16px 0 0 0;
}

p {
    max-width: 640px;
}

.button2 {
    padding: 16px 30px;
    margin-top: 40px;
    border-width: 2px;
    border-color: #f53013;
    border-style: solid;
    background-color: #d82c0b;
    text-align: center;
    color: #ffffff;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
}

.button2:hover {
	background-color: #f53013;
	color: #ffffff;
}

button {
    -webkit-appearance: none;
    padding: 16px 30px;
    margin-top: 40px;
    border-width: 2px;
    border-color: #f53013;
    border-style: solid;
    background-color: transparent;
    text-align: center;
    color: #f53013;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
}
button:hover {
    background-color: #f53013;
    color: #ffffff;
}
.button-filled {
    -webkit-appearance: none;
    padding: 16px 30px;
    margin-top: 40px;
    border-width: 2px;
    border-color: #f53013;
    border-style: solid;
    background-color: #f53013;
    text-align: center;
    color:  #ffffff;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
    width: 240px;
}
.button-filled:hover {
    background-color: #ff2100;
}
.button-download {
    padding: 16px 30px;
    border-width: 2px;
    border-color: #f53013;
    border-style: solid;
    background-color: transparent;
    text-align: center;
    color: #f53013;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
}

.button-download:hover {
    background-color: #f53013;
    color: #ffffff;
}

.button-link {
    -webkit-appearance: none;
    padding: 16px 30px;
    margin-top: 40px;
    border-width: 2px;
    border-color: #f53013;
    border-style: solid;
    background-color: transparent;
    text-align: center;
    color: #f53013;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
}

.button-link:hover {
    background-color: #f53013;
    color: #ffffff;
}

.add-to-cart-button {
    padding: 0;
    margin-top: 0;
    border-style: none;
    border-width: 0;
    font-size: 16px;
    font-weight: 400;
    color: #313131;
    cursor: pointer;
}

.add-to-cart-button:hover {
    background-color: transparent;
    color: #f53013;
}

.add-to-cart-button:before {
    content: '+ В корзину';
}

.remove-from-cart-button {
    padding: 0;
    margin-top: 0;
    border-style: none;
    border-width: 0;
    font-size: 16px;
    font-weight: 400;
    color: #313131;
    cursor: pointer;
}

.remove-from-cart-button:hover {
    background-color: transparent;
    color: #f53013;
}

.remove-from-cart-button:before {
    content: '× Убрать';
}

.in-reserve-text:before {
    content: 'В резерве';
}

.group-buttons-wrapper {
    display: flex;
    max-width: 640px;
    flex-wrap: wrap;
}

.group-buttons-wrapper button:first-child {
    margin-right: 40px;
}

.remove-from-cart-button-in-cart {
    position: absolute;
    right: 0;
    top: 40%;
    padding: 8px 0 8px 8px;
    margin-top: 0;
    border-style: none;
    border-width: 0;
    font-weight: 300;
    color: #313131;
    cursor: pointer;
}

.remove-from-cart-button-in-cart:hover {
    background-color: transparent;
    color: #f53013;
}

.remove-from-cart-button-in-cart:before {
    content: '×';
    font-size: 32px;
    line-height: 0.6;
}

body {

    display: flex;
    flex-direction: column;

    min-height: 100%;

    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    color: #313131;
}

a {
    text-decoration: none;
    color: #313131;
}

a:hover {
    color: #f53013
}

.underline-link {
    text-decoration-line: underline;
    color: inherit;
}

.base-ol {
    margin-left: 24px;
    margin-top: 16px;
    max-width: 640px;
}

.base-ol li {
    margin-top: 16px;
}


/* CONTAINERS TEMPLATES ======================================================== */

.container-base {
    max-width: 1200px;
    padding: 0 24px 0 24px;
    margin: 0 auto;
}

.container-base.top {
    margin-top: 40px;
}

.container-base.bottom {
    margin-bottom: 80px;
}

.container-base.relative {
    position: relative;
    max-width: 1200px;
    padding: 0 24px 0 24px;
    margin: 0 auto;
}


/* CLS ADAPTIVE WRAPPERS TEMPLATES ======================================================== */

.cls-adaptive-img-wrapper-1-1 {
    aspect-ratio: 1/1;
    position: relative;
    background-color: #f4f4f4;
}

.cls-adaptive-img-wrapper-3-2 {
    aspect-ratio: 3/2;
    position: relative;
    background-color: #f4f4f4;
}

.cls-adaptive-img-wrapper-4-3 {
    aspect-ratio: 4/3;
    position: relative;
    background-color: #f4f4f4;
}

.cls-adaptive-img-wrapper-16-9 {
    aspect-ratio: 16/9;
    position: relative;
    background-color: #f4f4f4;
}

.cls-adaptive-img-wrapper-inside-for-all {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}



/* PADDING TEMPLATES ======================================================== */

.padding-t40-b40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-b40 {
    padding-bottom: 40px;
}


/* MARGIN TEMPLATES ======================================================== */

.margin-t0 {
    margin-top: 0;
}

.margin-t16 {
    margin-top: 16px;
}

.margin-t24 {
    margin-top: 24px;
}

.margin-t40 {
    margin-top: 40px;
}

.margin-t80 {
    margin-top: 80px;
}

.margin-80-0-16-0 {
    margin: 80px 0 16px 0;
}

.margin-b0 {
    margin-bottom: 0;
}

.margin-b16 {
    margin-bottom: 16px;
}

.margin-b40 {
    margin-bottom: 40px;
}

.margin-b80 {
    margin-bottom: 80px;
}


/* FONTS PARAMETER TEMPLATES ======================================================== */

.fs-12 {
    font-size: 12px;
}

.fs-18 {
    font-size: 18px;
}

.fs-24 {
    font-size: 24px;
}

.fs-32 {
    font-size: 32px;
}

.fw-medium {
    font-weight: 500;
}

.fw-bold {
    font-weight: 700;
}

.btn-caption {
    margin-top: 24px;
    color: #a8a8a8;
}

.calc-promo-color-background {
    background-color: #f0f0f0;
}

.unique-product-promo {
    background-color: #f0f0f0;
    /*background-color: #ffffff;*/
}

.caption-base {
    display: block;
    color: #a8a8a8;
}


/* COLORS TEMPLATE ======================================================== */


.white {
    color: #ffffff;
}

.gray-1 {
    color: #c4c4c4;
}


/* HEADER ======================================================== */

header {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    height: 50px;
    width: 100%;
    background-color: #313131;
    z-index: 9991;
}

.space-under-header {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    background-color: transparent;
}

.container-header {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    z-index: 2;
    /*background-color: darkslategray;*/
}

.header-items-wrapper {
    display: inline-flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
    height: 50px;
}

.header-nav-links li {
    display: inline-block;
    list-style-type: none;
    padding: 0 4px;
}

.header-nav-links li a {
    color: #ffffff;
}

.header-nav-links li a:hover {
    color: #f53013;
}

.phone-number {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    color: #f53013;
    flex-shrink: 0;
}

/* Мобильная версия бургера */

#burger-toggle {
    position: relative;
    display: none;
}

.aningo-logo {
    display: block;
    width: 110px;
    margin-top: 14px;
    margin-bottom: 4px;

    order: -1;
}

.header-nav-menu {
    display: inline-flex;
    position: relative;
    align-items: center;
    z-index: 0;
}

.search-icon {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 13px;
    flex-shrink: 0;
    order: 0;
    fill: #cecece;

    /*background: darkslategray;*/
}

.search-icon:hover {
    fill: #f53013;

}

.search-icon-nohover {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 13px;
    flex-shrink: 0;
    order: 0;
    fill: #6f6f6f;
}

.input-field-search-compact {
    margin: 5px auto;
    height: 40px;
    font-size: 18px;
    padding-left: 8px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    color: white;
    flex-basis: 100%;
    min-width: 180px;
}

.search-compact {
    display: none;
    z-index: 9992;
}

.search-compact-nav-wrapper {
    position: fixed;
    width: 100%;
    z-index: 99;
}

.search-compact-nav-background {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    height: 50px;
    width: 100%;
    z-index: 1;
    background-color: #313131;
}

.search-compact-global-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
}

.search-compact-result-wrapper {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50px;
    z-index: 1;
}

.search-compact-quick-links-wrapper {
    display: block;
    padding: 24px 60px;
}

.search-compact-result-items-wrapper {
    display: block;
    padding: 24px 60px;
}

.search-compact-result-background {
    width: 100%;
    max-height: calc(100vh - 80px);

    overflow-x: hidden;
    overflow-y: auto;

    background-color: white;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2), 0 0 64px 0 rgba(0, 0, 0, 0.1);
}

.search-compact-result-heading {
    font-weight: 500;
    color: #d4d4d4;
}

.search-compact-results-list {
    list-style-type: none;
}

.search-compact-result-item {
    margin-top: 24px;
}

/* Мобильная версия иконки телефона */

.phone-icon {
    display: none;
    position: relative;
    width: 50px;
    height: 50px;
    padding: 12px;
    flex-shrink: 0;
    order: 1;
    fill: #f53013;
    /*background: darkslategray;*/
}

.cart-icon {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 12px 0 12px 16px;
    flex-shrink: 0;
    order: 2;
    fill: #cecece;
    /*background-color: darkslategray;*/
}

.cart-icon:hover {
    fill: #f53013;
}

.card-icon-items-wrapper {
    position: relative;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;

}

.card-product-amount {
    position: relative;
    top: -14.5px;
    left: 4px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 0;
}

.xmark-icon {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 16px;
    flex-shrink: 0;
    fill: #d4d4d4;
    order: 2;
}

.xmark-icon:hover {
    fill: #f53013;
}


/* BREADCRUMBS ======================================================== */

.breadcrumb {
    margin-bottom: 16px;
}

.breadcrumb-list {
    display: inline-flex;
    flex-wrap: wrap;
    list-style-type: none;
    font-size: 12px;
    line-height: 1.6;
}

.breadcrumb-list li + li:before {
    padding: 6px;
    color: black;
    content: "/";
}

.breadcrumb-list li:last-child:before {
    color: #bababa;
}

.breadcrumb-list li:last-child {
    color: #bababa;
}



/* BANNER ======================================================== */

.h1-general-page {
    color: #ffffff;
    text-align: center;
 text-shadow: 1px 1px 2px black;
}

.banner-overlay-color-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}

.h-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px;
}

.banner-slider {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    bottom: auto;
    height: 64vh;
    margin-top: auto;
    flex-direction: column;

    background-color: #000000;

}

.slider-nav {
    display: flex;
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    margin-bottom: 40px;
    justify-content: center;
    opacity: 0;

}

.banner-home {
    /*display: block;*/
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

#bh-1 {
    display: block;
    background-image: url("../images/banner-home-1.webp");
}

#bh-2 {
    display: none;
    background-image: url("../images/banner-home-2.webp");
}

#bh-3 {
    display: none;
    background-image: url("../images/banner-home-3.webp");
}

.nav-item {
    width: 16px;
    height: 16px;

    margin-right: 20px;
    margin-left: 20px;
    background: #ffffff;
    cursor: pointer;
}

.active-dot {
    opacity: 40%;
}

.banner-calc {
    display: flex;
    height: 100px;
    justify-content: center;
    align-items: center;
    background-color: #393939;
}

.banner-calc-items-wrapper {
    display: flex;
    align-items: center;
}

.banner-calc-items-wrapper:hover .calc-icon-obj {
    fill: #f53013;
}

.calc-icon-obj {
    fill: #cecece;
}

.banner-calc-items-wrapper:hover .hcalc {
    color: #f53013;
}

.calc-icon-obj {
    height: 40px;
}

.hcalc {
    font-size: 32px;
    margin-left: 16px;
    color: #cecece;
}

.ya-banners {
    display: flex;
    justify-content: center;
    height: auto;
    background-color: #fafafa;
}

.ya-banners-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 20px 24px;
    width: 100%;
}

.ya-banner-1,
.ya-banner-2,
.google-banner-3 {
    margin: 20px 24px;
}



/* PRODUCT CARD COMPACT ======================================================== */

.products-container-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /*grid-auto-columns: 1fr;*/
    grid-column-gap: 16px;
    grid-row-gap: 80px;
}

.product-card-compact-img-nolink {

}

.product-card-compact-border-for-img-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
}

.product-card-compact:hover .product-card-compact-border-for-img-hover{
    border-color: #f53013;
}


.product-card-compact-img {
    border: 2px solid transparent;
}

.product-card-compact:hover .product-card-compact-img {
    border-color: #f53013;
}


.product-card-compact:hover .product-card-compact-name {
    color: #f53013;
}

.product-card-compact:hover .product-card-compact-description {
    color: #f53013;
}

.product-card-compact:hover .product-card-compact-price {
    color: #f53013;
}

.product-card-compact-name {
    margin: 16px 2px 0 2px;
    color: #313131;
}

.product-card-compact-description {
    margin: 4px 2px 0 2px;
    font-size: 14px;
    color: #828282;
}

.product-card-compact-status {
    margin: 4px 2px 0 2px;
    font-size: 14px;
    color: #85d801;
}

.product-card-compact-price {
    margin: 4px 2px 0 2px;
    font-size: 24px;
    color: #313131;
}

.discounted-mark {
    background-color: #fff41a;
}

.our-work-carousel-name {
    max-width: 640px;
    margin-top: 24px;
    font-weight: 500;
}

.our-work-carousel-description {
    margin-top: 8px;
}

.b2b-img {
    width: 100%;
    min-height: 200px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 16, 74, 0.8)), url("../images/b2b/b2b-background-image.webp");
}

.b2b-info-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.b2b-info {
    color: #ffffff;
    max-width: 332px;
}

.clients-logo-wrapper-general {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 24px;

    margin-top: 8px;
    margin-bottom: 32px;
}

.holder-instagram {
    margin: 0 0 80px;
}


/* FOOTER ======================================================== */

.footer {
    margin: auto 0 0;
    background-color: #fafafa;
    /*background-color: olive;*/
}


.container-footer {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 24px 60px 24px;
}


.social-links-wrapper {
    display: flex;
    flex-wrap: wrap;
}


.footer-ya-banner-1,
.footer-ya-banner-2,
.footer-ya-banner-3,
.hot-line-wrapper,
.social-networks-wrapper {
    margin: 20px 40px 0 0;
}


.footer-phone-number {

    font-size: 40px;
    line-height: 1;
    color: #313131;
}


.footer-phone-caption {
    margin-top: 8px;
    color: #bababa;
}


.social-networks-wrapper {
    display: inline-flex;
}


.instagram-icon {
    width: 50px;
    height: 50px;
    margin-right: 24px;
    fill: #333333;
}


.instagram-icon:hover {
    fill: #f53013;
}


.youtube-icon {
    width: 50px;
    height: 50px;

    fill: #333333;
}


.youtube-icon:hover {
    fill: #f53013;
}


.footer-nav-menu {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;

}

.footer-nav-menu ul {
    list-style-type: none;
    color: #333333;
}

.footer-nav-menu ul li {
    margin-top: 16px;
}

.footer-nav-menu a {
    color: #333333;
}

.footer-nav-menu a:hover {
    color: #f53013;
}

.footer-nav-links-block-1 {
    width: 235px;
}

.footer-nav-links-block-2 {
    width: 235px;
}

.footer-nav-links-block-3 {
    width: 235px;
}

.footer-nav-links-block-4 {
    width: 235px;
}

.footer-other-info-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 80px 0 0 0;
}

.copiright {
    font-size: 11px;
    margin-top: 16px;
    margin-right: 16px;
    color: #bababa;
}

.footer-nav-links-legal {
    display: inline-flex;
    list-style-type: none;
    margin-top: 16px;
}

.footer-nav-links-legal a {
    margin-right: 16px;
    color: #828282;
}

.footer-nav-links-legal a:hover {
    color: #f53013;
}

.developer-wrapper {
    display: flex;
    align-items: baseline;
    margin-top: 16px;

}

.dev-caption {
    font-size: 11px;
    margin-right: 4px;
    line-height: 1;
    color: #828282;
}

.hurma-logo {

    width: 112px;
    -webkit-filter: grayscale(100%);
}

.hurma-logo:hover {
    -webkit-filter: grayscale(0%);
}


/* SERVICE ======================================================== */


.service-img {
    width: 640px;
    margin-top: 24px;
}

.service-table {
    table-layout: fixed;
    max-width: 640px;
    margin-top: 16px;
    width: 100%;
    border-collapse: collapse;
    /*border: 3px solid purple;*/
    text-align: left;
}

.service-table thead th {
    font-size: 12px;
    color: #d4d4d4;
    font-weight: normal;

}

.service-table thead th:nth-child(1) {
    width: 28px;
}

.service-table thead th:nth-child(2) {
    width: 100%;

}

.service-table thead th:nth-child(3) {
    width: 120px;
}

.service-table th, td {
    vertical-align: top;
}

.service-table td {
    padding: 32px 0 0 0;
}


.service-table td:nth-child(2) {
    padding-right: 8px;
}

.tr-first td {
    padding-top: 16px;
}

.ya-maps {
    max-width: 560px;
}

.car-img-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
}

.car-img {
    margin-right: 16px;
    margin-top: 16px
}

.car-img:last-child {
    margin-right: 0;
}


/* STONE CATALOG ======================================================== */

.stone-filter {
    display: block;
    margin-top: 50px;
    background-color: #ededed;
}

.container-base.filter {
    padding-top: 40px;
    padding-bottom: 40px;
}

.stone-filter-head-block {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /*padding-bottom: 40px;*/
}


.stone-filter-items {
    display: flex;
    margin-top: 40px;
}

.stone-filter-items ul li {
    list-style-position: inside;
    list-style-type: none;
}

.stone-filter-items ul li a {
    color: #333333;
}

.stone-filter-items ul li a:hover {
    color: #f53013;
}

.stone-filter-items ul li:first-child {
    color: #a8a8a8;
    margin-top: 0;
}

.stone-filter-links-block-1,
.stone-filter-links-block-2,
.stone-filter-links-block-3,
.stone-filter-links-block-4 {
    width: 162px;
    margin-right: 24px;
}

.stone-filter-items ul li {
    margin-top: 16px;
}

input.sf-checkbox[type="checkbox"] {
    display: none;
}

label.sf-checkbox {
    cursor: pointer;
}

label.sf-checkbox:hover {
    color: #f53013;
}

label.sf-checkbox:before {
    content: url("/images/check.svg");
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: -14px;
    transition: all 320ms ease-out;
    opacity: 0;
}

input.sf-checkbox:checked + label.sf-checkbox:before {
    display: inline-block;
    margin-right: 8px;
    margin-left: 0;
    opacity: 1;
}

input.sf-checkbox:checked + label.sf-checkbox {
    color: #f53013;
}

.stone-filter-btn {
    font-size: 12px;
    color: #333333;
    cursor: pointer;
}

.stone-filter-btn {
    display: block;
}


/* PRODUCT PAGE ======================================================== */

.product-page-promo-img-test {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.examples-carousel-wrapper {
    display: flex;
    margin-top: 24px;
    align-items: center;
}

.examples-carousel-track {
    overflow: hidden;
    max-width: 532px;
}

.examples-carousel-content {
    display: inline-flex;
}

.examples-img-link.splide__slide {
    margin-right: 8px;
    flex-shrink: 1;
}

.lightbox-video {
    aspect-ratio: 16/9;
    width: 100%;
}

.splide__sr {
    display: none;
}

@media screen and (max-width: 480px) {
    .lightbox-video {
        width: 100vw;
    }
}

.combo-product-description {
    margin-top: 16px;
    margin-left: 18px;
}

.combo-product-description li {
    margin-top: 16px;
}

.product-page-promo-img {
    display: block;
    width: 100%;
    height: 400px;
    background-image: url("../images/products-catalog/stone-catalog/teststone/paradiso-marquina-black-forest-polished/paradiso-marquina-black-forest-polished-promo.webp");
    background-position: center;
    background-size: cover;
}

.product-page-promo-img-example-for-test {
    display: block;
    width: 100%;
    height: 400px;
    background-image: url("../images/products-catalog/stone-catalog/teststone/bianco-annerito-сhipped/bianco-annerito-сhipped-promo.webp");
    background-position: center;
    background-size: cover;
}

.chevron-right-link {
    display: flex;
    width: 30px;
    height: 40px;
    cursor: pointer;
    align-items: center;
}

.chevron-right-icon {
    stroke: #d4d4d4;
}

.chevron-right-link:hover .chevron-right-icon {
    stroke: #f53013;
}

.examples-img {
    width: 100px;
    height: 100px;
    background-image: url("../images/products-catalog/examples-img.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.examples-img:hover {
    border: 2px solid #f53013;
    background-size: 184%;
}

.examples-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.modal-wrapper {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9992;
}

.img-in-modal,
.lightbox-video
{
    transition: all 0.3s;
}

.img-in-modal.pull-down,
.lightbox-video.pull-down {
    margin-top: 30px;
}

.img-in-modal.pull-left,
.lightbox-video.pull-left {
    margin-left: -30px;
}

.img-in-modal.pull-right,
.lightbox-video.pull-right {
    margin-left: 30px;
}

.form-wrapper {
    display: block;
    max-width: 530px;
    margin: 0 24px;
}

.form-wrapper form label:first-child {
    margin-top: 0;
}

.back-call-form {
    display: flex;
    flex-direction: column;
}

.back-call-form-step1 {
    display: block;
}

.successful-alert {
    display: none;
}

.input-field-fill-error {
    display: block;
    color: #FF6600;
    margin-left: 8px;
}

.examples-carousel-modal-media {
    display: grid;
    grid-template-columns: 1fr 18fr 1fr;
    /*display: flex;*/
    /*position: relative;*/
    /*max-width: 100%;*/
    /*height: 90%;*/
}

.lightbox-video-wrapper {
    /*position:relative;*/
    /*padding-bottom:56.25%;*/
    /*padding-top:25px;*/
    /*height:0;*/
}

.lightbox-video-wrapper iframe {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/

    /*min-width: 100%;*/
    /*min-height: 100%;*/
    /*max-width: 100%;*/
    /*max-height: 100%;*/
}


.arrows-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-left,
.arrow-right {
    align-self: center;
    justify-self: center;
    padding: 0 16px;
    /*display: flex;*/
    /*margin: auto;*/
    /*padding: 0 16px;*/
}

.arrow-left path,
.arrow-right path {
    transition: fill 0.75s;
}

.arrow-left:hover path,
.arrow-right:hover path {
    fill: #f53013;
}


.eye-icon {
    display: flex;
    fill: #333333;
}

.eye-icon:hover {
    fill: #f53013;
}

.eye-icon-no-image {
    display: flex;
    fill: #d4d4d4;
}

.product-img-preview {
    width: 27px;
    border-style: solid;
    border-width: 2px;
    border-color: #ffffff;
}

.product-img-preview:hover {
    border-style: solid;
    border-width: 2px;
    border-color: #f53013;
}

.hover-img-product-img-preview {
    display: none;
    position: absolute;
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
    width: 700px;
    height: auto;
    margin-bottom: 32px;
    border-style: solid;
    border-width: 2px;
    border-color: #f53013;
    background-color: #fff;
}


.product-img-preview:hover ~ .hover-img-product-img-preview {
    display: block;
}

.eye-icon:hover ~ .hover-eye-icon-product-card-promo-img-wrapper {
    display: block;
}

.column-product-img-preview-items-wrapper {
    position: relative;
}

.hover-eye-icon-product-card-promo-img-wrapper {
    position: absolute;
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
    display: none;
    width: 700px;
    height: auto;
    margin-bottom: 32px;
    border-style: solid;
    border-width: 2px;
    border-color: #f53013;
    background-color: #fff;

}

.hover-eye-icon-product-card-promo-img {
    width: 100%;
}

.product-options-table {
    table-layout: fixed;
    /*margin-top: 16px;*/
    /*width: 100%;*/
    border-collapse: separate;
    /*border: 1px solid purple;*/
    text-align: left;
    border-spacing: 0 24px;
}

.product-options-table thead th {
    font-size: 12px;
    color: #c4c4c4;
    font-weight: normal;
}

.product-options-table th, td {
    vertical-align: top;
}

.product-options-table td {
    /*padding: 24px 0 0 0;*/
    /*background-color: orange;*/
}

.table-row-selected {
    color: #f53013;
}

.table-row-selected a {
    color: inherit;
}

.table-row-in-reserve {
    color: #c4c4c4;
}

.table-column-button button {
    color: inherit;
}

.product-options-table td:nth-child(n) {
    padding-right: 40px;
}

.product-options-table td:nth-child(1) {
    width: 42px;
    padding-right: 20px;
}

.product-options-table td:nth-child(2) {
    width: 196px;
}

.product-options-table td:nth-child(3) {
    width: 104px;
}

.product-options-table td:nth-child(4) {
    width: 130px;
}

.product-options-table td:nth-child(5) {
    width: 156px;
}

.product-options-table td:nth-child(6) {
    width: 136px;
}

.product-options-table td:nth-child(7) {
    width: auto;
    padding-right: 0;
}


/* PRODUCT CARD PAGE ======================================================== */

.product-card-promo-img-wrapper {
    max-width: 1200px;
    padding: 0 24px 0 24px;
    margin: 0 auto;
}

.product-card-promo-img {
    height: 600px;
}

.dt-k {
    position: relative;
    overflow: hidden;
    color: #c8c8c8;
    padding-right: 16px;
}

dt:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 11px;
    width: 100%;
    background-image: linear-gradient(90deg,#dcdcdc 33%,transparent 0);
    background-size: 3px 1px;
    /*-webkit-flex-grow: 1;*/
    /*-ms-flex-grow: 1;*/
    /*flex-grow: 1;*/
    height: 1px;
    margin: 0 16px;
}

.dd-i {

    padding-left: 16px;
}


.product-characteristics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
    max-width: 550px;
}

.product-card-items-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    max-width: 550px;
    padding: 24px;
    box-shadow: 0 6px 16px rgba(0,26,52,.16),0 0 0 rgba(0,26,52,.05);
}

.product-card-head-items-wrapper {
    display: flex;
}

.product-card-head-items-price-wrapper {
    flex-grow: 1;
}

.product-card-status {
    color: #85d801;
}

.product-card-price {
    font-size: 32px;
    align-self: start;
}

.need-help-wrapper {

}

.need-help {
    font-size: 12px;
    cursor: pointer;
}

.need-help:hover {
    color: #f53013;
}

.product-card-info {

}

.product-card-info:before {
    content: ' ';
    background-image: url("/images/check.svg");
    background-repeat: no-repeat;
    padding-right: 20px;
}



/* PRODUCT CARD TYPE 3 ======================================================== */

.product-page-wide-promo-img-container {
    /*max-width: 1200px;*/
    /*padding: 0 24px 0 24px;*/
    margin: 0 auto;
}


.product-page-wide-promo-img {
    height: 960px;
    object-fit: cover;
}

.product-card-t3-img-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}


.promo-img-version {
    width: 600px;
}

.product-options-table-single-position {
    table-layout: fixed;
    margin-top: 16px;
    /*width: 100%;*/
    border-collapse: separate;
    /*border: 1px solid purple;*/
    text-align: left;
}

.product-options-table-single-position thead th {
    font-size: 12px;
    color: #d4d4d4;
    font-weight: normal;
}

.product-options-table-single-position th, td {
    vertical-align: top;
}

.product-options-table-single-position thead tr {
    height: 24px;
}

.product-options-table-single-position td:nth-child(n) {
    padding-right: 40px;
}

.product-options-table-single-position td:nth-child(1) {
    width: 180px;
}

.product-options-table-single-position td:nth-child(2) {
    width: 104px;
}

.product-options-table-single-position td:nth-child(3) {
    width: 120px;
}

.product-options-table-single-position td:nth-child(4) {
    width: 152px;
}

.product-options-table-single-position td:nth-child(5) {
    width: auto;
    padding-right: 0;
}

.product-options-navigation-wrapper {
}

.product-options-navigation-wrapper a:first-child {
    margin-right: 40px;
}


.other-sizes-icon-obj {
    height: 19px;
    padding-right: 8px;

    stroke: #333333;

}

.other-sizes-items-wrapper:hover .other-sizes-icon-obj {
    stroke: #f53013;
}

.other-sizes-items-wrapper:hover .hover-other-sizes-text {
    color: #f53013;
}

.other-sizes-items-wrapper {
    display: flex;
    align-items: center;
}


.order-in-one-click {
    display: flex;
    flex-direction: column;
    max-width: 220px;
}

.order-in-one-click input {
    margin-top: 16px;
    height: 40px;
    font-size: 18px;
    padding-left: 8px;
}

.order-in-one-click-background {
    background-color: #e0e0e0;
}

.order-in-one-click-error-massage {
    display: none;
    color: #FF6600;
}

.order-in-one-click-successful-sending {
    display: none;
}


/* OUR WORKS PAGE ======================================================== */

.our-work-img-info-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8);
    border-width: 2px;
    border-color: #f53013;
    border-style: solid;
    padding: 0 16px;
    -webkit-transition: opacity .3200s ease-in-out;
    -moz-transition: opacity .3200s ease-in-out;
    -o-transition: opacity .3200s ease-in-out;
    transition: opacity .3200s ease-in-out;
    opacity: 0;
    z-index: 2;
}

.hover-color-dark {
    display: flex;
    position: relative;
    height: 100%;
}

.hover-color-dark:hover {
    color: #313131;
}

.works-img-wrapper-type1,
.works-img-wrapper-type2 {
    display: flex;
}

.work-img-shorter {
    width: 45%;
    height: 480px;
    overflow: hidden;
}
.work-img-base {
    position: absolute;
    object-fit: cover;
    /*object-position: center;*/
    width: 100%;
    height: 100%;
}
.hover-color-dark:hover .our-work-img-info-wrapper {
    display: flex;
    opacity: 100%;
    cursor: pointer;
}

.work-img-longer {
    width: 55%;
    height: 480px;
    overflow: hidden;
}
/* TEMPLATE WORK PAGE ======================================================== */

.our-work-img-head-wrapper {
    width: 100vw;
    height: 880px;
    overflow: hidden;
}

.our-work-img-head {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* B2B PAGE ======================================================== */

.managers-contacts-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.manager-contact-item {
    display: flex;
    flex-direction: column;
    max-width: 288px;
}

.employee-photo {
    width: 200px;
}

.competence-list li {
    margin-left: 20px;
}
.clients-logo-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 80px;
	margin-bottom: 56px;
}
/* WEBCAMS PAGE ======================================================== */
.webcams-nav-menu {
    background-color: #4c4c4c;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.webcams-nav-menu::-webkit-scrollbar {
    display: none;
}

.webcams-nav-links-wrapper {
    display: inline-flex;
    align-items: center;
    height: 50px;
}

.webcams-nav-link {
    color: #cecece;
}

.webcams-nav-link.selected {
    color: #6f6f6f;
}

.webcams-nav-links li {
    display: inline-block;
    list-style-type: none;
    padding: 0 4px;
}

.webcam-demo-area img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
/* CART PAGE ======================================================== */

.total-price-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 32px;
}

.products-in-cart-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.products-in-cart-items-block-1 {
    display: flex;
}

.products-in-cart-items-block-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.products-in-cart-items-block-2,
.products-in-cart-items-block-3 {
    display: flex;
    flex-wrap: wrap;
}

.product-in-cart-preview {
    width: 96px;
    height: auto;
    margin-right: 16px;
    margin-top: 16px;
    flex-shrink: 0;
}

.product-in-cart-description {
    max-width: 320px;
    margin-right: 24px;
    margin-top: 16px;
}

.product-in-cart-art-wrapper,
.product-in-cart-price-wrapper,
.product-in-cart-order-quantity-wrapper,
.product-in-cart-sum-wrapper {
    display: flex;
    flex-direction: column;
}

.product-in-cart-item-header {
    font-size: 12px;
    color: #d4d4d4;
    font-weight: normal;
    margin-bottom: 8px;
}

.stepper-wrapper {
    display: flex;
    width: 100%;
}

.input-stepper {
    max-width: 46px;
    font-size: 24px;
    font-family: inherit;
    text-align: center;
}


.order-quantity {
    font-size: 24px;
    font-family: inherit;
    text-align: center;
}

.button-minus,
.button-plus {
    -webkit-appearance: none;
    padding: 8px 16px 8px 0;
    margin-top: 0;
    border-width: 2px;
    border-color: #f53013;
    border-style: none;
    background-color: transparent;
    text-align: center;
    color: #d4d4d4;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
}

.button-plus {
    padding: 8px 0 8px 16px;
}

.button-minus:hover {
    background-color: transparent;
    color: #f53013;
}

.button-plus:hover {
    background-color: transparent;
    color: #f53013;
}

.product-in-cart-art,
.product-in-cart-price {
    font-size: 24px;
}

.product-in-cart-art-wrapper {
    width: 97px;
    margin-right: 24px;
    margin-top: 16px;
}

.product-in-cart-price-wrapper {
    width: 168px;
    margin-right: 24px;
    margin-top: 16px;
}

.product-in-cart-order-quantity-wrapper {
    width: 99px;
    margin-right: 40px;
    margin-top: 16px;
}

.product-in-cart-sum-wrapper {
    width: 168px;
    /*margin-right: 24px;*/
    margin-top: 16px;
}

.customer-contacts-fields-wrapper {
    display: flex;
    flex-direction: column;
}

.input-field {
    margin-top: 16px;
    height: 40px;
    font-size: 18px;
    padding-left: 8px;
    background-color: #F8F8F8;
    border: none;
    border-radius: 0;
}

.input-field:focus {
    outline: 2px solid #f53013;
}

.textarea-field {
    margin: 0;
    padding: 8px;
    max-width: 100%;
    font-size: 18px;
    background-color: #F8F8F8;
    border: none;
    border-radius: 0;
    resize: none;
}

.textarea-field:focus {
    outline: 2px solid #f53013;
}

.input-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border-radius: 50%;
    width: 18px;
    height: 18px;

    border: 2px solid #313131;
    transition: 0.2s all linear;
    margin-right: 5px;

    position: relative;
    top: 1px;
}

.input-radio:checked {
    border: 6px solid #f53013;
}


/* SEARCH PAGE ======================================================== */

.input-field-search {
    margin-right: 16px;
    height: 57px;
    font-size: 18px;
    padding: 8px;
    background-color: transparent;
    border: solid 2px #bababa;
    border-radius: 0;
    outline: none;
    color: #313131;
    flex-basis: 100%;
    min-width: 180px;
}

.input-field-search:focus {
    border-color: #f53013;
}

.search-status-info {
    margin-top: 24px;
    color: #bababa;
}

.search-form-wrapper {
    display: flex;
    flex-basis: 100%;
}

.search-button {
    margin-top: 0;
}

.service-search-result-items {
    list-style-type: none;
}

.service-search-result-items li {
    margin-top: 16px;
}


/* CALCULATOR PAGE ======================================================== */
.whatsapp-btn {
    padding: 16px 32px;
    margin: 24px 60px 0 0;
    width: 216px;
    text-align: center;
    font-size: 18px;
    background-color: #02de72;
    color: #ffffff;
    border: none;
    cursor: pointer;
}

.whatsapp-btn:hover {
    background-color: #00E675;
    color: #ffffff;
}

/* FORMS COMMON ======================================================== */
.masked-field {
    color: #A9A9A9;
}
.masked-field.touched {
    color: #FF6600;
}

.masked-field:focus,
.masked-field.not-empty,
.masked-field.valid  {
    color: #313131;
}
/* MODALS COMMON ======================================================== */

/* Utility to prevent page scrolling when modal window is open */
html.is-locked,
html.is-locked body {
    /* want to fix the height to the window height */
    height: calc(var(--window-inner-height) - 1px);
    /* want to block all overflowing content */
    overflow: hidden;
    /* want to exclude padding from the height */
    box-sizing: border-box;
}

/* MEDIA ======================================================== */

@media screen and (max-width: 992px) {

    .search-icon {
        order: -1;
    }

    .aningo-logo {
        order: 0;
    }

    .phone-number {
        display: none;
    }

    .phone-icon {
        display: block;
    }

    .header-nav-menu {
        display: flex;
        position: absolute;
        align-items: flex-start;
        background: #212121;
        padding-top: 66px;
        margin-left: -24px;
        margin-top: -300px;
        width: 100vw;
        height: 0;
        z-index: 5;
        opacity: 0;
        transition: margin-top 0.4s cubic-bezier(0.4, 0.4, 0.12, 0.96);
    }
    .header-nav-links li {
        display: block;
        padding-top: 24px;
        padding-left: 24px;
    }
    .burger-btn {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        width: 34px;
        height: 50px;
        user-select: none;
        cursor: pointer;
        flex-shrink: 0;
        z-index: 6;
        order: -2;
        /*background-color: darkslategray;*/
    }

    /* Анимация иконки бургера */
    .burger-btn .burger-line-1 {
        display: block;
        position: relative;
        width: 24px;
        height: 2px;
        background: #cecece;
        transition: all .2s ease-out;
        bottom: 4px;
    }
    .burger-btn .burger-line-2 {
        display: block;
        position: relative;
        width: 24px;
        height: 2px;
        background: #cecece;
        transition: all .2s ease-out;
        top: 4px;
    }
    #burger-toggle:checked ~ .burger-btn .burger-line-1 {
        transform: rotate(45deg);
        bottom: 0;
    }
    #burger-toggle:checked ~ .burger-btn .burger-line-2 {
        transform: rotate(-45deg);
        top: -2px;
    }
    #burger-toggle:checked ~ .header-nav-menu {
        margin-top: 0;
        height: 100vh;
        opacity: 100%;
    }
    .service-img {
        width: auto;
        height: 360px;
        overflow: hidden;
        margin-left: -24px;
        margin-right: -24px;
    }
    .product-card-promo-img-wrapper {
        max-width: 1200px;
        padding: 0;
        margin: 0 auto;
    }

    .product-card-promo-img {
        width: 100%;
        height: auto;
    }

    .margin-minus {
        margin-left: -24px;
        margin-right: -24px;
    }

    .add-to-cart-button:before {
        content: '+';
        font-size: 24px;
        line-height: 0.6;

    }
    .remove-from-cart-button:before {
        content: '×';
        font-size: 24px;
        line-height: 0.6;
    }

    .in-reserve-text:before {
        content: '\2690';
        font-size: 24px;
        line-height: 0.6;
    }
}
@media screen and (max-width: 768px) {

    .container-header {
        padding: 0 16px;
    }

    .header-nav-menu {
        margin-left: -16px;
    }

    .products-container-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .container-base {
        padding: 0 16px 0 16px;
    }

    .container-base.padding-t40-b40 {
        padding: 40px 16px 40px 16px;
    }

    .container-base.padding-b40 {
        padding-bottom: 40px;
    }


    .container-footer {
        padding: 20px 16px 60px 16px;
    }

    .footer-nav-links-legal {
        flex-basis: 100%;
        order: -1;
    }

    .service-img {
        width: auto;
        height: 290px;
        margin-left: -16px;
        margin-right: -16px;
    }

    .hover-eye-icon-product-card-promo-img-wrapper {
        width: calc(100vw - 32px);
    }
    .hover-img-product-img-preview {
        width: calc(100vw - 32px);
    }


    .works-img-wrapper-type1,
    .works-img-wrapper-type2 {
        flex-direction: column;
    }

    .work-img-shorter {
        width: 100%;
    }

    .work-img-longer {
        width: 100%;
    }

    .margin-minus {
        margin-left: -16px;
        margin-right: -16px;
    }

    .clients-logo-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-in-cart-art-wrapper {
        margin-right: 16px;
    }

    .product-in-cart-order-quantity-wrapper {
        margin-right: 32px;
    }
    .clients-logo-wrapper-general {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-page-wide-promo-img {
        height: 480px;
    }
}
@media screen and (max-height: 560px) and (orientation: landscape) {

    .product-page-wide-promo-img {
        height: 320px;
    }
    .hover-img-product-img-preview {
        width: 400px;
    }
}
@media screen and (min-height: 560px) and (max-height: 1024px) and (orientation: landscape) {

    .product-page-wide-promo-img {
        height: 640px;
    }
}
@media screen and (max-width: 640px) {
    .table-column-code {
        display: none;
    }
    .table-column-product-price {
        display: none;
    }
    .product-in-cart-description {
        max-width: 100%;
        margin-right: 0;
        margin-top: 16px;
    }
    .products-in-cart-items-block-1 {
        display: block;
    }
    .remove-from-cart-button-in-cart {
        top: 0;
    }
    .products-in-cart-items-block-2,
    .products-in-cart-items-block-3 {
        width: 100%;
        max-width: 312px;
    }
    .product-in-cart-art-wrapper,
    .product-in-cart-order-quantity-wrapper {
        margin-right: auto;
    }
    .product-in-cart-price-wrapper {
        margin-right: 0;
    }
    .product-in-cart-preview {
        width: 320px;
    }
    .order-quantity {
        text-align: start;
    }
}
@media screen and (max-width: 536px) {

    .table-column-available {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .ya-banners-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .products-container-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-card-t3-img-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-left: -16px;
        margin-right: -16px;
    }
    .service-img {
        height: auto;
    }
    .stone-filter-links-block-2,
    .stone-filter-links-block-3 {
        display: none;
    }
    .product-options-table td:nth-child(n) {
        padding-right: 10px;
    }
    .product-options-table td:nth-child(6) {
        padding-right: 7px;
    }
    .product-options-table-single-position td:nth-child(n) {
        padding-right: 10px;
    }
    .product-options-table-single-position td:nth-child(5) {
        padding-right: 7px;
    }
    /*.products-in-cart-items-block-2,*/
    /*.products-in-cart-items-block-3 {*/
    /*    width: 100%;*/
    /*}*/
    .examples-carousel-modal-media {
        display: grid;
        grid-template-columns: 1fr;
    }
    .arrow-left,
    .arrow-right {
        display: none;
    }
    .button-filled {
        width: 100%;
    }
    .product-card-items-wrapper {
        margin: 0 -16px;
    }
    .product-card-items-wrapper {
        padding: 16px;
    }
    .need-help-wrapper {
        max-width: 80px;
    }
}
/*@media screen and (max-height: 450px) and (orientation: landscape) {*/

/*    .examples-carousel-modal-media {*/
/*        display: block;*/
/*        max-width: 1000px;*/
/*        padding: 102px;*/
/*    }*/

/*}*/
@media screen and (max-width: 414px) {
    .footer-ya-banner-1,
    .footer-ya-banner-2,
    .footer-ya-banner-3,
    .hot-line-wrapper,
    .social-networks-wrapper {
        margin: 20px 20px 0 0;
    }
    .search-form-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex-basis: 100%;
        justify-content: center;
    }
    .search-button {
        margin-top: 24px;
    }
    .search-status-info {
        margin-top: 24px;
        color: #d4d4d4;
        text-align: center;
    }
}
@media screen and (max-width: 360px) {
    .footer-phone-number {
        font-size: 38px;
    }
}
@media screen and (max-width: 320px) {

    .footer-phone-number {
        font-size: 30px;
    }

    .table-column-product-img-preview {
        display: none;
    }

    .group-buttons-wrapper button:first-child {
        margin-right: 0;
    }

    .product-in-cart-price-wrapper {
        margin-right: 0;
    }
}
#myVideo {
	height: 600px;
	object-fit:cover;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	z-index: -1;

}

.bg1 {
background: rgba(49, 60, 72, 0.45);
z-index: 1;
}

.content {
	text-align: center;
    top: 25%;
    flex-direction: column;
    justify-content: center; 
    position: absolute;
	z-index: 2;
    }