/* styles */
.slider {
    position: relative;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
    border: 2px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.slides {
    display: flex;
    transition: transform 0.5s ease;
}

.slide {
    min-width: 100%;
    box-sizing: border-box;
}

img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.square-corners {
    border-radius: 0;
    /* Прямые углы */
}

.dots {
    text-align: center;
    margin-top: 10px;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
}

.active {
    background-color: #333333;
}

body {
    min-width: 480px;
    background: #ccc;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    cursor: default;
}

.main_wrapper {
    margin: 0 auto;
    width: 480px;
    background: #f6fdff;
}

img {
    max-width: 100%;
    height: auto;
}

b {
    font-weight: 700;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

h2.title {
    font-size: 27px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

h2.title>span {
    display: block;
    font-weight: 700;
    font-size: 30px;
    color: #f3852c;
}

.dark_bg h2.title {
    color: #fff;
}

section {
    padding: 30px 0 0;
}

section>img {
    display: block;
    margin: 0 auto;
}

section.dark_bg {
    background: #181b23;
}

/*  header   */
.offer_section {
    background: #2f3039;
    padding: 0;
    position: relative;
}

.main_title {
    background: #000000;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 16px 0;
    font-family: "Tenor Sans", serif;
}

.main_title>span {
    color: #f8f8f8;
}

.main_subtitle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 60px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    font-weight: 400;
    line-height: 60px;
    background: rgba(46, 55, 67, 0.8);
    padding: 0;
}

.main_subtitle span {
    color: #ffcd00;
}

/* Стили для адаптивной картинки titleRubchic.jpg */
.image-rubchik {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    /* Центрируем картинку по горизонтали */
    overflow: hidden;
}

.title-rubchic-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
}

.offer_image {
    position: relative;
}

.offer_image>img {
    display: block;
    border-radius: 0;
}

.offer_section .alert-info {
    position: absolute;
    left: 20px;
    bottom: 55px;
    width: 255px;
    height: 66px;
    background: rgba(46, 54, 65, 0.9);
    border-left: 3px solid #f67122;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    padding-left: 60px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.offer_section .alert-info b {
    font-size: 36px;
    position: absolute;
    left: 13px;
    top: 25px;
}

.offer_section .alert-info span {
    display: block;
    padding-top: 14px;
}

.offer_section .year {
    position: absolute;
    top: 161px;
    right: 72px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.sale {
    position: absolute;
    left: 355px;
    top: 348px;
    width: 110px;
    height: 110px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: red;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sale p {}

.sale b {
    display: block;
    font-size: 25px;
}

.sale span {
    display: block;
    font-size: 15px;
    padding-top: 4px;
}

.bull {
    background: #22232b;
    font-size: 0;
    padding: 25px 10px;
}

.bull li {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}

.bull li img {
    display: block;
    margin: 0 auto 10px;
}

.bull li span {
    color: #ffcd00;
}

.bull li p {
    padding: 0 10px
}

.ofr_bull {
    padding: 30px 0;
    background: #22232b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ofr_bull>li {
    width: 33.3%;
    text-align: center;
    padding: 0 10px;
    color: #fff;
}

.ofr_bull>li>p>span {
    color: #ffcd00;
    display: block;
}

.ofr_bull>li:before {
    content: '';
    width: 89px;
    height: 89px;
    background: url(../images/ofr_bull.png) 0% 50% no-repeat;
    display: block;
    margin: 0 auto 15px;
}

.ofr_bull>li:nth-child(2):before {
    background-position: -89px 50%;
}

.ofr_bull>li:nth-child(3):before {
    background-position: -178px 50%;
}


.price {
    position: relative;
    background: url("../images/web/price-bg.webp") 50% 0 no-repeat;
}

.price:before {
    display: block;
    content: '';
    width: 100%;
    height: 21px;
    background: url("../images/web/price_shadow.webp") center top no-repeat;
    position: absolute;
    bottom: -21px;
    left: 0;
}

.price>div {
    width: 50%;
    height: 66px;
    float: left;
    padding: 3px 0;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
}

.price>div>p {
    line-height: 14px;
    padding: 6px 0 0;
}

.price>div>span {
    font-size: 36px;
    line-height: 1.05em;
}

.price>div>small {
    font-size: 26px;
    text-transform: uppercase;
}





.price>div.new {
    color: #fff;
    position: relative;
}

.price>div.new>small,
.price>div.new>span {
    font-weight: 700;
}

.timer_block {
    margin: 0 0 25px;
    color: #fff;
    text-align: center;
}

.timer_block .fierst p {
    margin: 10px auto 15px;
    padding: 12px 0;
    width: 280px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    position: relative;
}

.timer_block .fierst p:before {
    content: '';
    width: 42px;
    height: 29px;
    background: url('../images/web/timer_block_arrow.webp') no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 5px;
    left: -35px;
}

.timer_block .second p {
    margin: 10px auto 15px;
    padding: 12px 0;
    width: 380px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
    position: relative;
    /* Изображение не добавляется здесь */
}

.offer_section .timer_item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.offer_section .timer_item .count {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    font-size: 44px;
    font-weight: 700;
    line-height: 44px;
}

.offer_section .timer_item .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
}

.main_form {
    width: 380px;
    margin: 15px auto 0;
}

.main_form input {
    width: 100%;
    display: block;
    font-family: 'Proxima Nova', sans-serif;
    border: none;
    font-size: 18px;
    padding: 0 40px;
    margin-bottom: 10px;
    height: 76px;
    border-radius: 38px;
    text-align: center;
    font-weight: 500;
    color: #222;
}

.main_form .button-m {
    margin-top: 0;
}

.main_form ::-webkit-input-placeholder {
    color: #666;
}

.main_form ::-moz-placeholder {
    color: #666;
}

.main_form :-moz-placeholder {
    color: #666;
}

.main_form :-ms-input-placeholder {
    color: #666;
}

.main_form :focus::-webkit-input-placeholder {
    color: transparent;
}

.main_form :focus::-moz-placeholder {
    color: transparent;
}

.main_form :focus:-moz-placeholder {
    color: transparent;
}

.main_form :focus:-ms-input-placeholder {
    color: transparent;
}

/* button */
.button-m {
    border: none;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #333;
    text-shadow: 0 2px 0 #ffe42c;
    letter-spacing: 0.6px;
    margin: 0 auto;
    text-transform: uppercase;
    height: 76px;
    width: 380px;
    background: #ffcd00;
    display: block;
    border-radius: 40px;
    line-height: 80px;
    text-align: center;
    -webkit-box-shadow: 0 5px 0 #ff9600;
    -moz-box-shadow: 0 5px 0 #ff9600;
    box-shadow: 0 5px 0 #ff9600;
    position: relative;
}

.button-m:active {
    top: 2px;
}

/* .reyt {
	background: #f7f8f9;
	padding: 12px 0 12px 30px;
	color: #a7a7a7;
}
.reyt .stars {
	display: inline-block;
	background: url(../images/stars.png) left 3px no-repeat;
	padding: 0 15px 0 116px;
	margin-right: 10px;
	line-height: 24px;
	border-right: 1px solid #dedfe0;
}
.reyt .stars b {
	font-size: 20px;
	color: #fa9535;
}
*/
.reyt {
    background: #f7f8f9;
    padding: 12px 30px;
    color: #a7a7a7;
    display: flex;
    border-radius: 12px;
    justify-content: center;
    /* Центрирование содержимого */
    align-items: center;
    /* Выравнивание по вертикали */
    gap: 20px;
    /* Расстояние между элементами */
}

.reyt .stars {
    display: flex;
    align-items: center;
    background: url(../images/web/stars.webp) left center no-repeat;
    padding-left: 116px;
    /* Сохранение отступа для изображения */
    font-size: 20px;
    color: #fa9535;
    border-right: 1px solid #dedfe0;
    padding-right: 20px;
    /* Добавлен отступ справа для разделения */
}

.reyt .orders {
    font-size: 18px;
    white-space: nowrap;
    /* Предотвращение переноса текста */
}

.offer_section .order-info {
    background: #fff;
    height: 66px;
    padding: 0 20px;
}

.offer_section .order-info li {
    float: left;
    height: 66px;
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0 0 57px;
}

.offer_section .order-info li:nth-child(1) {
    width: 235px;
    background: url("../images/web/order-icon-top1.webp") 0 50% no-repeat;
}

.offer_section .order-info li:nth-child(2) {
    background: url("../images/web/order-icon-top2.webp") 0 50% no-repeat;
}

.offer_section .order-info li span {
    display: block;
}

.offer_section .products_count {
    text-align: center;
    color: #fff;
    margin: 30px 0 0;
    height: 52px;
    line-height: 52px;
    background: #22232b;
}

.offer_section .products_count>span {
    width: 80px;
    height: 52px;
    background: url("../images/web/stock-num.webp") 0 0 no-repeat;
    font-weight: 700;
    margin: 0 0 0 8px;
    padding: 0 10px;
    display: inline-block;
    text-align: center;
    position: relative;
}

/*   description   */

.description h2.title {
    margin-bottom: 20px;
}

.description p.txt {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #444;
    padding: 0 20px 30px;
}

.description p.txt i {
    font-style: normal;
    background: #fbdabf;
    padding: 0 5px;
}

.description .image {
    margin-bottom: 25px;
}



@media (max-width: 768px) {
    .offer_video {
        padding-bottom: 177.78%;
        /* 9:16 aspect ratio */
    }
}

@media (max-width: 480px) {
    .offer_video {
        padding-bottom: 177.78%;
        /* 9:16 aspect ratio */
        box-shadow: none;
        /* Убираем тень для улучшения производительности на малых экранах */
    }
}

.offer_video {
    position: relative;
    width: 100%;
    padding-bottom: 177.78%;
    /* Соотношение сторон 9:16 (1080:1920) */
    height: 0;
    overflow: hidden;
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* Стили для самого видео */
.responsive-video-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.videoblock {
    padding: 35px 20px;
    /* Добавлен отступ по бокам */
}

.videoblock .title span {
    display: inline;
}

/* Стили для контейнера видео */
.video-container {
    position: relative;
    width: 100%;
    max-width: 450px;
    /* Ограничиваем максимальную ширину для больших экранов */
    margin: 0 auto 25px;
    padding-bottom: 177.78%;
    /* Соотношение сторон 9:16 (1080:1920) */
    height: 0;
    overflow: hidden;
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

/* Стили для самого видео */
.responsive-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* Стили для текста и изображений */
.videoblock>p {
    padding: 0 20px;
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.videoblock>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 25px;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 480px) {
    .video-container {
        width: 100%;
        max-width: 100%;
    }

    .videoblock {
        padding: 20px 15px;
    }

    .videoblock>p {
        font-size: 15px;
        padding: 0 10px;
    }
}

.sound-button {
    position: absolute;
    bottom: 20px;
    /* Отступ снизу */
    right: 20px;
    /* Отступ справа */
    background-color: rgba(0, 0, 0, 0.5);
    /* Полупрозрачный фон */
    border: none;
    border-radius: 50%;
    /* Круглая кнопка */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* Плавное изменение фона при наведении */
}

.sound-button:hover {
    background-color: rgba(0, 0, 0, 0.7);
    /* Более темный фон при наведении */
}

.sound-button i {
    color: white;
    font-size: 20px;
}

/* Общие стили для секции гарантии */
.warranty-section {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #f9f9f9;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Заголовок секции */
.warranty-title {
    font-size: 2rem;
    color: #0056b3;
    margin-bottom: 1.5rem;
    text-align: center;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 0.5rem;
}

/* Блоки с гарантиями */
.warranty-block {
    background-color: #ffffff;
    border-left: 4px solid #007bff;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Заголовки блоков */
.block-title {
    font-size: 1.5rem;
    color: #007bff;
    margin-bottom: 0.5rem;
}

/* Текст блоков */
.block-text {
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
}

/* Итоговый текст */
.warranty-summary {
    font-size: 1rem;
    color: #555;
    text-align: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

/* Стили для iframe и других встраиваемых элементов */
.video-container iframe,
.video-container object,
.video-container embed,
.video-container .youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}


.benef1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px;
}

.benef1>li {
    width: 50%;
    padding: 0 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
}

.benef1>li>img {
    width: 177px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 12px;
    border: 7px solid #e5e5e5;
}



/*   b1   */

.b1 {
    background: url("../images/b1-bg.jpg") 50% 0 no-repeat #22232b;
    padding-bottom: 10px;
}

.b1 h2.title {
    font-size: 26px;
    line-height: 36px;
    text-transform: inherit;
}

.b1 h2.title span {
    text-transform: uppercase;
}

.b1 h2.title,
.b1 h2.title span {
    color: #fff;
}

.b1 .gallery {
    margin-bottom: 35px;
}

/*   list-v1   */

.list-v1 {
    padding: 0 20px;
}

.list-v1 li {
    min-height: 125px;
    padding: 0 0 35px 105px;
    color: #fff;
}

.list-v1 h4 {
    color: #ffcd00;
    font-size: 18px;
    padding-bottom: 5px;
}

.list-v1 li:nth-child(1) {
    background: url("../images/b1-icon1.png") 0 0 no-repeat;
}

.list-v1 li:nth-child(2) {
    background: url("../images/b1-icon2.png") 0 0 no-repeat;
}

.list-v1 li:nth-child(3) {
    background: url("../images/b1-icon3.png") 0 0 no-repeat;
}

/*sect_1*/
.sect_1 {
    padding-bottom: 0;
}

.sect_1>img {
    display: block;
}

.sect_1 h2.title {
    margin-bottom: 15px;
}

.sect_1 p.txt {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 0 20px;
}

.list_4 {
    font-size: 0;
    letter-spacing: -1px;
    margin-top: 30px;
    padding: 0 10px 25px;
}

.list_4>li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}

.list_4>li .text {
    background: #f6f6f6;
    color: #222;
    width: 210px;
    margin: 0 auto;
    padding: 0 0 15px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.list_4>li h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.list_4>li p {
    padding: 0 20px;
}

.list_4>li .text img {
    display: block;
    margin: 0 auto 20px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.gallery .owl-prev,
.gallery .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -23px;
    width: 45px;
    height: 45px;
}

.gallery .owl-prev {
    background: #ffcd00 url(../images/gallery_arrow.png) 0% 50% no-repeat;
    border-radius: 0 6px 6px 0;
    left: 0;
}

.gallery .owl-next {
    background: #ffcd00 url(../images/gallery_arrow.png) 100% 50% no-repeat;
    border-radius: 6px 0 0 6px;
    right: 0;
}



/*sect_2*/
.sect_2 {
    background: #181b23 url(../images/garanty.png) 50% 0% no-repeat;
    color: #fff;
    padding: 35px 0;
}

.sect_2 .title {
    font-size: 28px;
    color: #fff;
}

.sect_2 .title span {
    display: inline;
}

.sect_2>p {
    font-size: 19px;
    text-align: center;
    margin-bottom: 30px;
}



/*sect_3*/
.sect_3 {
    padding: 35px 0;
}

.sect_3 .title span {
    color: #333;
}

.sect_3>img {
    display: block;
    margin: 0 auto 40px;
}

.char_list>li {
    position: relative;
    padding: 12px 30px 12px 48px;
}

.char_list>li:nth-child(2n) {
    background: #f6f6f6;
}

.char_list>li:before {
    content: '';
    width: 5px;
    height: 5px;
    box-shadow: 0 0 0 5px #181b23;
    position: absolute;
    top: 20px;
    left: 25px;
}

.sect_3 .button-m {
    margin-top: 30px;
}


.action_text {
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.action_text>span {
    color: #ffae00;
    font-size: 28px;
    line-height: 1.1em;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.action_text>p>span {
    color: #ffae00;
    font-weight: 700;
}

.action_text_conferm {
    text-align: center;
    color: #fff;
    /* Или другой цвет, который подходит для вашего дизайна */
    margin-bottom: 20px;
    /* Добавьте отступ снизу */
}

.action_text_conferm label {
    display: flex;
    /* Используем flexbox для выравнивания элементов */
    align-items: center;
    /* Выравниваем элементы по вертикали */
    cursor: pointer;
    /* Меняем курсор при наведении */
    font-size: 14px;
    /* Размер текста */
    margin: 10px auto 15px;
    padding: 12px 0;
    width: 400px;
    line-height: 15px;
    position: relative;
}

/* Скрываем стандартный чекбокс */
.action_text_conferm input[type="checkbox"] {
    display: none;
    /* Полностью скрываем стандартный чекбокс */
}

/* Кастомный чекбокс */
.action_text_conferm .checkbox-box {
    width: 28px;
    /* Размер кастомного чекбокса */
    height: 20px;
    border: 2px solid #ccc;
    /* Граница */
    border-radius: 4px;
    /* Угол можно закруглить (или оставить квадратным) */
    background-color: #fff;
    /* Цвет фона */
    position: relative;
    /* Для галочки внутри */
    display: inline-block;
    margin-right: 10px;
    /* Отступ между чекбоксом и текстом */
}

/* Галочка внутри кастомного чекбокса */
.action_text_conferm input[type="checkbox"]:checked+.checkbox-box::after {
    content: "";
    /* Создаём галочку */
    position: absolute;
    top: 1px;
    left: 7px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    /* Цвет галочки */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    /* Поворачиваем, чтобы получилась галочка */
}

/* Стили для активного состояния (при выборе) */
.action_text_conferm input[type="checkbox"]:checked+.checkbox-box {
    background-color: #4CAF50;
    /* Цвет заливки при выборе */
    border-color: #4CAF50;
    /* Цвет границы при выборе */
}

/* -------------------------------------------- */
/* Дополнительные стили для текста соглашения (опционально) */
.checkbox-text {
    margin-left: 5px;
}

/* Стили для отключенной кнопки */
.button-m:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/*sect_4*/
.sect_4.dark_bg {
    background: #2f3039;
    padding-bottom: 40px;
}

.sect_4 h2.title {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
}

.sect_4 h2.title span {
    display: block;
    color: #ffcd00;
}

.reviews {
    padding: 0 20px 10px;
}

.reviews .rev_item {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.reviews .rev_item>img {
    display: block;
    margin: 0 auto 20px;
    border-radius: 12px;
}

.reviews .rev_item .name {
    text-align: center;
    margin-bottom: 10px;
    padding-top: 5px;
}

.reviews .rev_item .name>span {
    font-weight: 800;
    font-size: 18px;
}

.reviews .rev_item .text {
    text-align: center;
    line-height: 1.8em;
}

.reviews .owl-prev,
.reviews .owl-next {
    position: absolute;
    width: 25px;
    height: 42px;
    top: 297px;
}

.reviews .owl-prev {
    left: 40px;
    background: url(../images/rev_arrow.png) 0% 50% no-repeat;
}

.reviews .owl-next {
    right: 40px;
    background: url(../images/rev_arrow.png) 100% 50% no-repeat;
}

.reviews .rev_item .author {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-top: 15px;
}

.reviews .rev_item .author:before {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/quote-icon.png") 0 0 no-repeat;
    width: 20px;
    height: 16px;
    margin-right: 10px;
    content: '';
}

.reviews .rev_item .author span {
    font-size: 18px;
    font-weight: 700;
}

.vc_mb {
    margin-bottom: 20px;
}

/*   table size   */

.table-size {
    padding: 35px 20px;
}

.table-size h2.title {
    font-weight: 700;
    margin-bottom: 25px;
}

.table-size h2.title:before {
    position: relative;
    top: -3px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/size-icon.png") 0 0 no-repeat;
    width: 52px;
    height: 52px;
    content: '';
    margin-right: 20px;
}

.table-size table {
    width: 100%;
    font-size: 18px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.table-size table th,
.table-size table td {
    padding: 10px;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.table-size table tr:last-child td {
    border-bottom: 0;
}

.table-size table tr th:first-child,
.table-size table tr td:first-child {
    border-left: 0;
}

.table-size table td b {
    color: #f3852c;
}

/*sect_5*/
.sect_5 {
    background: url("../images/web/sec5-bg.webp") 50% 0 no-repeat #323a3f;
    height: 446px;
}

.sect_5 h2.title {
    font-size: 24px;
    background: none;
    padding-bottom: 0;
}

.sect_5 h2.title span {
    color: #ffcd00;
}

.sect_5 .list {
    padding: 0 20px;
}

.sect_5 .list>li {
    margin-bottom: 25px;
    color: #fff;
}

.sect_5 .list>li>img {
    float: left;
    width: 220px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sect_5 .list>li .text {
    padding: 10px 0 0 240px;
}

.sect_5 .text h4 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
    color: #ffcd00;
}

.sect_5 .text p {
    font-size: 16px;
    color: #fff;
}

.sect_5 .list>li:nth-child(2n)>img {
    float: right;
}

.sect_5 .list>li:nth-child(2n) .text {
    padding: 20px 240px 0 0;
}

/*   b2   */

.b2 {
    padding: 35px 20px 0;
}

.b2 h2.title {
    margin-bottom: 40px;
}

.list-v2 {
    position: relative;
    padding-bottom: 10px;
}

.list-v2:before {
    display: block;
    position: absolute;
    left: 44px;
    top: 50px;
    bottom: 0;
    width: 4px;
    background: #f2f2f2;
    content: '';
}

.list-v2 li {
    position: relative;
    padding: 0 0 38px 110px;
    color: #4d4d4d;
    line-height: 24px;
}

.list-v2 li>b {
    display: block;
    font-size: 18px;
    padding-bottom: 2px;
}


.list-v2 li:before {
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    width: 90px;
    height: 88px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
}

.list-v2 li:nth-child(1):before {
    background: url("../images/b2-icon1.png") 0 0 no-repeat;
}

.list-v2 li:nth-child(2):before {
    background: url("../images/b2-icon2.png") 0 0 no-repeat;
}

.list-v2 li:nth-child(3):before {
    background: url("../images/b2-icon3.png") 0 0 no-repeat;
}

/* footer */
.footer_section {
    padding: 25px 0;
    background: #fff;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.footer_section img {
    display: block;
    margin: 0 auto 10px auto;
}

.footer_section a {
    color: #222;
    display: block;
}









.order-section {
    max-width: 1200px;
    margin: 60px auto;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.order-title {
    text-align: center;
    color: #333;
    font-size: 32px;
    margin-bottom: 40px;
    position: relative;
}

.order-title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #4a90e2;
}

.order-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.step-card {
    flex: 1;
    min-width: 220px;
    background: white;
    border-radius: 10px;
    padding: 25px 20px;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.step-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-icon img {
    max-width: 100%;
    max-height: 100%;
}

.step-name {
    color: #4a90e2;
    font-size: 20px;
    margin: 10px 0;
}

.step-description {
    color: #666;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .order-steps {
        flex-direction: column;
    }

    .step-card {
        margin-bottom: 15px;
    }
}

.fixed-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    z-index: 1000;
    border-top: 1px solid #e0e0e0;
  }
  
  .bottom-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .bottom-bar-prices {
    display: flex;
    flex-direction: column;
  }
  
  .bottom-bar-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 16px;
  }
  
  .bottom-bar-new-price {
    color: #e74c3c;
    font-weight: bold;
    font-size: 20px;
  }
  
  .bottom-bar-button {
    background-color: #4a90e2;
    color: white;
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
    text-align: center;
  }
  
  .bottom-bar-button:hover {
    background-color: #3a7bc8;
  }
  
  @media (max-width: 480px) {
    .bottom-bar-content {
      padding: 0 10px;
    }
    
    .bottom-bar-old-price {
      font-size: 14px;
    }
    
    .bottom-bar-new-price {
      font-size: 18px;
    }
    
    .bottom-bar-button {
      padding: 8px 20px;
    }
  }