body.noscroll,
html.noscroll {
   overflow-y: hidden !important;
}

img {
   max-width: 100%;
}

textarea {
   resize: none;
}

.none {
   display: none !important;
}

.width100percent {
   width: 100% !important;
}

figure {
   margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   padding: 0;
}

ul,
ol {
   list-style: none;
}

* {
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -ms-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
   margin: 0;
   padding: 0;
   font-family: 'Inter';
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

*:hover {
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -ms-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
}

body {
   margin: 0;
   padding: 0;
   background-size: contain;
}

.ui-menu,
.ui-menu * {
   transition: 0s;
}

#sandwich {
   align-self: center;
   width: 30px;
   height: 38px;
   cursor: pointer;
   padding-top: 12px;
   display: none;
   margin-bottom: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.sw-topper {
   position: relative;
   top: 0px;
   width: 30px;
   margin: auto;
   height: 2px;
   background: #000000;
   border: none;
   border-radius: 4px 4px 4px 4px;
   transition: transform 0.5s, top 0.2s;
}

.sw-bottom {
   position: relative;
   width: 30px;
   height: 2px;
   top: 7px;
   margin: auto;
   background: #000000;
   border: none;
   border-radius: 4px 4px 4px 4px;
   transition: transform 0.5s, top 0.2s;
   transition-delay: 0.2s, 0s;
}

.sw-footer {
   position: relative;
   width: 30px;
   height: 2px;
   top: 15px;
   margin: auto;
   background: #000000;
   border: none;
   border-radius: 4px 4px 4px 4px;
   transition: all 0.5s;
   transition-delay: 0.1s;
}

#sandwich.active .sw-topper {
   top: 13px;
   transform: rotate(140deg);
}

#sandwich.active .sw-bottom {
   top: 11px;
   transform: rotate(-140deg);
}

#sandwich.active .sw-footer {
   opacity: 0;
   top: 0;
   transform: rotate(180deg);
}

.wrapper {
   max-width: 1170px;
   margin: auto;
}

.navigation-close {
   display: none;
}

.menu.topline {
   width: 100%;
   height: auto;
   background: rgba(235, 235, 235, 1);
   height: auto;
   display: table;
   padding: 10px 0;
}

.menu.topline ul {
   display: table;
}

.menu.topline ul li {
   float: left;
   display: table;
   margin-right: 15px;
}

.menu.topline ul li a {
   color: rgba(17, 17, 17, 0.8);
   font-size: 14px;
   font-weight: 300;
   line-height: 100%;
   padding-bottom: 4px;
   display: table;
   text-decoration: none;
}

.menu.topline ul li a:hover,
.menu.topline ul li a.active {
   color: rgba(17, 17, 17, 1);
}

header {
   width: 100%;
   height: auto;
   display: table;
   background: #fff;
   padding: 30px 0;
}

header .wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

header .logo {
   width: 272px;
   height: auto;
   display: table;
   text-decoration: none;
}

header .logo img {
   width: 100%;
}

header .logo h2 {
   color: rgba(0, 0, 0, 0.5);
   font-size: 15px;
   font-weight: 300;
   display: block;
   margin-top: 3px;
}

header .center {
   width: auto;
   height: auto;
}

header .center .menu {
   width: auto;
   height: auto;
   display: table;
}

header .center .menu ul li {
   float: left;
   margin-right: 30px;
}

header .center .menu a {
   text-decoration: none;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: rgba(65, 65, 65, 0.6);
}

header .center .menu a.active {
   color: #FF7979;
}

header .center form {
   width: 303px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: auto;
   margin-top: 24px;
   border-bottom: 1px solid rgba(148, 147, 147, 0.4);
}

header .center form input {
   width: 100%;
   height: 35px;
   display: table;
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: rgba(17, 17, 17, 0.6);
   background: url("../images/searchIcon.png") no-repeat center right;
   border: 0;
   outline: none;
}

header .center form button {
   opacity: 0;
}

header .contacts {
   width: 255px;
   height: auto;
   display: table;
}

header .contacts .timeWork {
   width: 100%;
   text-align: right;
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: rgba(17, 17, 17, 0.45);
   display: table;
}

header .contacts a.phone {
   text-decoration: none;
   width: 100%;
   display: block;
   text-align: right;
   font-weight: 600;
   font-size: 28px;
   line-height: 34px;
   color: #111111;
   margin-top: 5px;
   margin-bottom: 9px;
}

header .contacts a.callback {
   width: auto;
   height: auto;
   text-decoration: none;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 10px;
   float: right;
   gap: 8px;
}

header .contacts a.callback span {
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   text-decoration: underline;
   color: #FF7979;
}

header .contacts a.callback i {
   font-size: 18px;
   color: rgba(17, 17, 17, 0.45);
}

header .social {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 5px;
}

header .social a {
   overflow: hidden;
   border-radius: 255px;
   width: 30px;
   height: 30px;
   display: block;
}

header .social a img {
   width: 100%;
   height: 100%;
}

.posTopmenu {
   width: 100%;
   height: 50px;
   display: block;
}

#topmenu {
   width: 100%;
   height: 50px;
   background: #A08771;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#topmenu.fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 10;
}

#topmenu .wrapper {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#topmenu ul {
   display: table;
}

#topmenu ul li {
   float: left;
}

#topmenu ul li a.index {
   width: auto;
   line-height: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   font-weight: 500;
   font-size: 15px;
   /* 18px */
   color: #FFFFFF;
   padding-left: 7.5px;
   /* 15px */
   padding-right: 7.5px;
   /* 15px */
}

#topmenu ul li a .icon {
   margin-left: 5px;
   width: 8.7px;
   height: 5.61px;
   display: block;
   background: url("../images/iconRight.png") no-repeat center center;
}

#topmenu ul li:hover a.index {
   background: #FF7979;
}

#topmenu ul li .win {
   width: auto;
   max-width: 1170px;
   height: auto;
   display: none;
   background: #FFFFFF;
   position: absolute;
   z-index: 10;
   box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

#topmenu ul li:hover .win {
   display: table;
}

#topmenu ul li .win .title {
   background: #E9E9E7;
   width: 100%;
   height: 60px;
   display: table;
   background: #FF7979;
   color: #fff;
   font-size: 20px;
   font-weight: 500;
   line-height: 60px;
   padding: 0px 20px;
}

#topmenu ul li .win .menu {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0px 20px;
}

#topmenu ul li .win .menu .aLi {
   width: auto;
   height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 40px 0;
}

#topmenu ul li .win .menu .links {
   width: 285px;
   height: auto;
   display: table;
   border-right: 1px solid rgba(0, 0, 0, 0.17);
   margin-right: 50px;
   margin-bottom: 32px;
}

#topmenu ul li .win .menu .links:last-child {
   border-right: none;
}

#topmenu ul li .win .menu .links a {
   width: 100%;
   height: auto;
   display: table;
   color: rgba(17, 17, 17, 0.9);
   font-weight: 300;
   font-size: 16px;
   line-height: 32px;
   text-transform: uppercase;
   text-decoration: none;
}

#topmenu ul li .win .menu .links a:hover {
   color: #FF7979;
}

#topmenu .buttons-right {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0;
}

#topmenu .bLike {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-weight: 500;
   font-size: 26px;
   line-height: 19px;
   color: rgba(255, 255, 255, 0.8);
   text-decoration: none;
   padding: 8px;
   color: #fff;
   border-radius: 4px;
}

#topmenu .bLike i.mso {
   font-size: 26px;
}

#topmenu .bLike:hover {
   background: #fff;
   color: var(--brown);
}

#topmenu .bLike img {
   width: auto;
   height: auto;
   display: block;
   margin-right: 10px;
}

#slider {
   width: 100%;
   height: auto;
   display: block;
}

#slider picture {
   width: 100%;
   height: auto;
   display: table;
}

#slider picture img {
   object-fit: cover;
   height: 100%;
}

#slider .item-slider {
   position: relative;
}

#slider .info {
   position: absolute;
   top: 90px;
   left: 0;
   width: 100%;
   display: table;
}

#slider .info h1 {
   font-weight: 500;
   font-size: 55px;
   line-height: 67px;
   color: #414141;
   width: 672px;
}

#slider .info p {
   margin-top: 25px;
   margin-bottom: 60px;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
}

#slider .info .buttons {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

#slider .info .buttons a.button {
   text-decoration: none;
   border: 1px solid #414141;
   border-radius: 3px;
   padding: 19px 25px;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
}

#slider .info .buttons a.button:hover {
   border: 1px solid #FF7979;
   color: #FF7979;
}

#slider .info .buttons a.requestQuestion {
   margin-left: 30px;
   text-decoration: none;
}

#slider .info .buttons a.requestQuestion i {
   font-size: 18px;
   margin-right: 10px;
   color: rgba(65, 65, 65, 0.4);
}

#slider .info .buttons a.requestQuestion span {
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   text-decoration: underline;
   color: rgba(65, 65, 65, 0.6);
}

#slider .info .buttons a.requestQuestion:hover i {
   color: #FF7979;
}

#slider .info .buttons a.requestQuestion:hover span {
   color: #FF7979;
}

#slider .owl-nav {
   display: none;
}

#advantages {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #FFFFFF;
   box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   padding: 40px 45px;
   position: relative;
   top: -115px;
   z-index: 8;
}

#advantages .item {
   width: 33.33%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   border-right: 1.5px solid #DFDFDF;
}

#advantages.ur {
   flex-wrap: wrap;
   align-items: flex-start;
   padding-bottom: 10px;
}

#advantages.ur .item {
   width: 25%;
   flex-wrap: wrap;
   border-right: none;
   margin-bottom: 30px;
}

#advantages .item:last-child {
   border-right: 0px;
}

#advantages .item picture {
   width: auto;
   height: auto;
   display: block;
   width: 80px;
   height: 80px;
   border-radius: 255px;
   border: 2px solid #FF7979;
}

#advantages.ur .item picture {
   display: block;
   margin: 0 auto;
   width: 50px;
   height: 50px;
   margin-bottom: 10px;
}

#advantages .item picture img {
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 255px;
}

#advantages .item .info {
   width: 210px;
   height: auto;
   margin-left: 10px;
}

#advantages.ur .item .info {
   margin-left: 0px;
}

#advantages .item .info .title {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   display: table;
   color: #414141;
   margin-bottom: 5px;
   text-transform: uppercase;
}

#advantages.ur .item .info {
   width: 270px;
}

#advantages.ur .item .info .title {
   text-align: center;
   color: #414141;
   width: 100%;
}

#advantages .item .info .text {
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   display: table;
   color: rgba(65, 65, 65, 0.6);
}

#advantages.ur .item .info .text {
   width: 100%;
   text-align: center;
   padding: 0px 10px;
}

#sections {
   width: 100%;
   height: auto;
   display: block;
   background: url("../images/bg.webp") center center;
   background-size: contain;
   position: relative;
   padding-top: 210px;
   padding-bottom: 30px;
   top: -210px;
}

#sections .wrapper {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-between;
}

#sections .item {
   width: 49%;
   height: 366px;
   border-radius: 5px;
   display: flex;
   filter: drop-shadow(8px 8px 20px rgba(0, 0, 0, 0.12));
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
   /* background: url("../images/bgSection.webp") no-repeat center center; */
   background: #fff;
}

#sections .item .info {
   margin: 30px;
   padding: 10px;
   border-radius: 4px;
   min-width: 255px;
}

#sections .item .info a {
   text-decoration: none;
}

#sections .item:hover .info {
   background: #FFFFFF;
}

#sections .item .info .title {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #414141;
   display: table;
   text-transform: uppercase;
}

#sections .item .info .border {
   width: 44px;
   height: 1.5px;
   display: none;
   background: #DFDFDF;
   margin-top: 8px;
   margin-bottom: 12px;
}

#sections .item:hover .info .border {
   display: block;
}

#sections .item .links {
   width: auto;
   height: auto;
   display: none;
}

#sections .item:hover .links {
   display: table;
}

#sections .item .links a {
   width: auto;
   height: auto;
   display: block;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: rgba(17, 17, 17, 0.6);
   margin-bottom: 8px;
   text-decoration: none;
}

#sections .item .links a:hover {
   color: #FF7979;
}

#partners {
   width: 100%;
   height: auto;
   display: block;
   margin: 80px auto;
}

h1.title,
h2.title,
h3.title,
h4.title {
   width: 100%;
   height: auto;
   font-weight: 500;
   font-size: 35px;
   line-height: 54px;
   display: table;
   text-align: center;
   color: #414141;
   position: relative;
}

#partners a {
   width: auto;
   height: auto;
   display: table;
   margin: 0 auto;
}

#partnerSlider {
   width: 100%;
}

#partners .partner-slider {
   top: 30px;
}

#partners img {
   max-height: 80px;
}

#formFooter {
   width: 100%;
   height: auto;
   display: table;
   background: url("../images/formFooter.webp") no-repeat center center;
   background-size: cover;
}

#formFooter form {
   width: 480px;
   height: auto;
   margin-top: 50px;
   margin-bottom: 50px;
   background: #FFFFFF;
   box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   padding: 30px 50px;
}

#formFooter form .title {
   font-weight: 600;
   font-size: 30px;
   line-height: 110.52%;
   color: #414141;
   display: block;
   text-align: center;
}

#formFooter form .text {
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
   display: table;
   text-align: center;
   padding: 10px 0;
   margin-bottom: 15px;
}

#formFooter form input {
   width: 100%;
   height: 52px;
   border: 0;
   display: block;
   border-bottom: 1px solid #888888;
   font-weight: 200;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
   outline: none;
   margin-bottom: 10px;
}

#formFooter form input[type='file'] {
   height: 35px;
   margin-top: 18.5px;
}

#formFooter form textarea {
   width: 100%;
   height: 52px;
   border: 0;
   display: block;
   border-bottom: 1px solid #888888;
   font-weight: 200;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
   outline: none;
   margin-bottom: 35px;
   padding-top: 10px;
   resize: none;
}

#formFooter form button {
   width: auto;
   height: auto;
   display: table;
   padding: 16px 65px;
   background: #FF5A5A;
   border: 1px solid #FF7979;
   border-radius: 3px;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   margin: 0 auto;
}

#formFooter form button:hover {
   background: #FF2727;
}

footer {
   width: 100%;
   height: auto;
   display: table;
   padding: 35px 0;
   /* background: url("../images/footer.webp") no-repeat center center; */
   background: rgba(235, 235, 235, 1);
   background-size: cover;
}

footer .wrapper {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

footer .wrapper .item {
   width: 25%;
   height: auto;
   display: table;
}

footer .item .logo {
   width: 165px;
   height: auto;
   display: table;
   margin-bottom: 20px;
}

footer .item .logo img {
   width: 100%;
}

footer .item .tit {
   font-weight: 600;
   font-size: 18px;
   line-height: 22px;
   display: table;
   color: rgba(17, 17, 17, 1);
   margin-bottom: 20px;
}

footer .item .title {
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   color: rgba(17, 17, 17, 1);
   margin-bottom: 12px;
}

footer .item .reviews a {
   text-decoration: none;
   width: auto;
   height: auto;
   display: table;
   border: 1px solid rgba(17, 17, 17, 1);
   border-radius: 7px;
   padding: 7px 14px;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: rgba(17, 17, 17, 1);
   float: left;
   margin-bottom: 5px;
   margin-right: 5px;
}

footer .item .links {
   width: 100%;
   height: auto;
   display: table;
}

footer .item .links a {
   width: 100%;
   height: auto;
   display: table;
   text-decoration: none;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: rgba(17, 17, 17, 1);
   margin-bottom: 8px;
}

footer .contacts .timeWork {
   width: 100%;
   height: auto;
   text-align: left;
   color: rgba(17, 17, 17, 1);
   font-size: 14px;
   line-height: 17px;
   display: table;
   margin-bottom: 5px;
}

footer .contacts a.phone {
   text-decoration: none;
   width: 100%;
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   display: block;
   color: rgba(17, 17, 17, 1);
}

footer .contacts a.email {
   text-decoration: none;
   width: 100%;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   display: block;
   color: rgba(17, 17, 17, 1);
   margin-top: 5px;
   margin-bottom: 10px;
}

footer .contacts .social {
   width: 190px;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
}

footer .contacts .social a {
   overflow: hidden;
   border-radius: 255px;
   width: 30px;
   height: 30px;
   display: block;
}

footer .contacts .social a img {
   width: 100%;
   height: 100%;
}

.titleBlock {
   width: 100%;
   height: 240px;
   display: table;
   padding: 20px 0;
   background: url("../images/titleBlock.webp") no-repeat center center;
   background-size: cover;
   /*background-attachment: fixed;*/
}

.titleBlock.about {
   background: url("../images/titleBlockAbout.webp") no-repeat center center;
   background-size: cover;
   background-attachment: fixed;
}

.titleBlock.order {
   background: url("../images/titleBlockOrder.webp") no-repeat center center;
   background-size: cover;
   background-attachment: fixed;
}

.titleBlock .bread {
   width: 100%;
   height: auto;
   font-size: 16px;
   line-height: 22px;
   text-decoration: none;
   color: #A08771;
}

.titleBlock .bread a {
   display: inline-block;
   color: #A08771;
   text-decoration: none;
   margin-right: 5px;
}

.titleBlock h2 {
   margin-top: 40px;
   font-weight: 500;
   font-size: 50px;
   line-height: 61px;
   color: #A08771;
   text-transform: uppercase;
}

.titleBlock.about .bread,
.titleBlock.about .bread a,
.titleBlock.about h1 {
   color: #fff;
}

#catalog {
   padding-top: 50px;
   margin-bottom: 85px;
   width: 100%;
   display: table;
   background: url("../images/bg.webp") center center;
   background-size: contain;
}

#catalog .wrapper {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

#catalog .sections {
   width: 232px;
   height: auto;
   display: table;
   background: #F9F9F9;
   border: 1px solid #E8E8E8;
   border-radius: 5px;
}

#catalog .sections .title {
   width: 100%;
   height: auto;
   display: table;
   padding: 10px;
   font-weight: 400;
   font-size: 25px;
   line-height: 30px;
   text-transform: uppercase;
   color: #D7D4D4;
}

#catalog .sections .border {
   width: 210px;
   margin: 0px auto;
   height: 1px;
   background: #E8E8E8;
   display: table;
}

#catalog .sections ul {
   width: 100%;
   padding: 0;
   margin: 0;
}

#catalog .sections ul li {
   width: 100%;
   height: auto;
   display: table;
   padding: 5px 10px;
}

#catalog .sections ul li a.liTitle {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   text-decoration: none;
}

#catalog .sections ul li a.liTitle picture {
   width: 35px;
   height: 35px;
   display: block;
   margin-right: 5px;
   border-radius: 255px;
   background: rgba(215, 215, 215, 0.42);
   overflow: hidden;
}

#catalog .sections ul li a.liTitle picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#catalog .sections ul li a.liTitle span {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   text-transform: uppercase;
   color: #414141;
}

#catalog .sections ul li ul.subSection {
   width: 100%;
   display: none;
   padding-top: 5px;
   padding-bottom: 5px;
}

#catalog .sections ul li.active ul.subSection {
   display: block;
}

#catalog .sections ul li ul.subSection li {
   width: 100%;
   height: auto;
   display: table;
   padding: 5px 0px;
}

#catalog .sections ul li ul.subSection li a {
   width: 100%;
   display: table;
   text-decoration: none;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: rgba(17, 17, 17, 0.6);
}

#catalog .sections ul li ul.subSection li.active a {
   font-weight: 400;
}

#catalog .sections ul li ul.subSection li a:hover {
   color: #FF5A5A;
}

#catalog .sections ul li.active {
   background: #fff;
}

#catalog .sections ul li.active ul.subSection {
   display: block;
}

#catalog .sections ul li ul.subSection li ul.subSection {
   padding-left: 10px;
}

#catalog .sections ul li ul.subSection li ul.subSection li a {
   font-size: 16px;
}

#catalog .result {
   width: 920px;
   height: auto;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   background: #fff;
   padding: 20px;
}

#catalog .result .ajaxCatalog {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;
}

#catalog .result .ajaxCatalog.loading {
   height: 99999999px;
}

#catalog .result a.bView {
   width: auto;
   height: auto;
   display: table;
   margin: 30px auto 0;
   color: #FF5A5A;
   font-size: 18px;
   padding: 15px 45px;
   border: 1px solid rgba(0, 0, 0, 0);
}

#catalog .result a.bView:hover {
   border: 1px solid #FF5A5A;
}

.bgTovar {
   width: 230px;
   height: auto;
   position: absolute;
}

.tovar {
   width: 220px;
   height: auto;
   display: table;
   padding: 5px;
   border-radius: 3px;
   position: relative;
   border: 1px solid rgba(0, 0, 0, 0);
}

.tovar a {
   text-decoration: none;
}

.tovar picture {
   width: 100%;
   height: 200px;
   display: block;
   border-radius: 3px;
   overflow: hidden;
}

.tovar picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.tovar .position {
   position: absolute;
   top: 5px;
   width: 100%;
}

.tovar .position .plash {
   padding: 6px 10px;
   border-radius: 3px 0px 0px 0px;
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: #FFFFFF;
   width: auto;
   height: auto;
   display: table;
}

.tovar .position .plash.s1 {
   background: #A08771;
}

.tovar .position .plash.s2 {
   background: #EEEFEF;
   color: #414141;
}

.tovar .position .plash.s3 {
   background: #FF7979;
   color: #fff;
}

.like {
   width: 20px;
   height: 19px;
   display: block;
   background: url("../images/like.png") no-repeat center left;
}

.like.active {
   background-position: right center;
}

.frozen {
   width: 18px;
   height: 20px;
   display: block;
   position: absolute;
   top: 5px;
   right: 46px;
   background: url("../images/frozen.png") no-repeat center center;
}

.tovar .position .like {
   position: absolute;
   top: 5px;
   right: 20px;
}

.tovar .position .bFastView {
   width: auto;
   height: auto;
   display: none;
   background: rgba(255, 255, 255, 0.9);
   border-radius: 98px;
   padding: 10px 12px;
   font-weight: 400;
   font-size: 12px;
   line-height: 15px;
   color: #000000;
   margin: 63px auto;
   text-decoration: none;
}

.tovar .position .bFastView:hover {
   opacity: 0.8;
}

.tovar .info {
   width: 100%;
   height: auto;
   display: table;
   padding-top: 10px;
}

.tovar .info .titleTovar {
   width: 100%;
   height: auto;
   display: table;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
   margin-bottom: 5px;
   height: 60px;
   display: flex;
   align-items: center;
}

.tovar .info .desc {
   width: 100%;
   height: auto;
   display: table;
   font-weight: 300;
   font-size: 16px;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.7);
   margin-bottom: 5px;
}

.tovar .info .article {
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: rgba(113, 113, 113, 0.53);
   margin-bottom: 10px;
}

.tovar .info .flex {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.tovar .info .flex .quantity {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 82px;
   height: auto;
}

.tovar .info .flex .quantity .bInt {
   width: 25px;
   height: 25px;
   display: table;
   font-weight: 400;
   font-size: 16px;
   line-height: 25px;
   color: #575757;
   border-radius: 255px;
   background: #F0F0F0;
   text-align: center;
   cursor: pointer;
}

.tovar .info .flex .quantity .value {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   text-align: center;
   color: #575757;
}

.tovar .info .flex .quantity input.value {
   width: 35px;
   height: 25px;
   background: rgba(0, 0, 0, 0);
   border: 0;
   outline: none;
   -moz-appearance: textfield;
   -webkit-appearance: textfield;
   appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
   display: none;
}

.tovar .info .flex .quantity .bInt:hover {
   background: #FF7979;
   color: #fff;
}

.tovar .info .price {
   font-weight: 700;
   font-size: 16px;
   /* 18px */
   line-height: 22px;
   width: auto;
   height: auto;
   display: table;
   color: #414141;
}

.tovar .info .priceOld,
.tovarPage .conteiner .content .prices .item .tit b del {
   font-size: 12px;
   color: #000;
   text-decoration: line-through;
}

.tovar .info .price span {
   font-weight: 400;
   font-size: 13px;
   /* 16px */
   line-height: 19px;
   letter-spacing: 0.01em;
   color: rgba(65, 65, 65, 0.5);
}

.tovar .info .button {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 9px 0;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 3px;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   text-decoration: none;
   text-align: center;
   margin-top: 10px;
   border-radius: 3px;
   color: #FFFFFF;
   background: #FF5A5A;
}

.tovar .info .button:hover {
   background: #e04848;
}

.tovar .info .buttonOrder {
   border: 1px solid #A08771;
   background: #A08771;
   color: #fff;
   font-size: 16px;
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 9px 0;
   border-radius: 3px;
   font-weight: 400;
   line-height: 22px;
   text-decoration: none;
   text-align: center;
   margin-top: 10px;
   border-radius: 3px;
}

.tovar .info .buttonOrder:hover {
   opacity: 0.8;
}

.tovar .info .fastViewUr {
   margin-top: 5px;
   width: 100%;
   height: auto;
   display: table;
   border: 1px solid #FF5A5A;
   border-radius: 3px;
   padding: 10px 0;
   font-weight: 400;
   font-size: 12px;
   line-height: 15px;
   color: #FF5A5A;
   text-align: center;
   text-decoration: none;
   margin-bottom: 10px;
}

.tovar .info .fastViewUr:hover {
   background: #FF5A5A;
   color: #fff;
}

.tovar .info .button .icon {
   display: inline-block;
   width: 24px;
   height: 24px;
   margin-right: 8px;
   transition: 0s;
   background: url("../images/addBasketIcon.png") no-repeat center left;
   background-position: right center;
}

.tovar:hover {
   background: #FFFFFF;
   border: 1px solid #E3E3E3;
}

.tovar:hover .position .bFastView {
   display: table;
}

.tovar:hover .info .button .icon {
   background-position: right center;
   transition: 0s;
}

.tovar .prices {
   width: 100%;
   height: auto;
   display: table;
   background: #FFF7F8;
   border: 1.5px solid #FF7979;
   border-radius: 8px;
   padding: 10px 22px;
}

.tovar .prices .li {
   width: 100%;
   height: auto;
   display: table;
   background: url("../images/priceUrIcon.png") no-repeat left center;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.01em;
   color: rgba(65, 65, 65, 0.9);
   padding-left: 28px;
   margin-bottom: 7px;
}

.tovar .prices .li:last-child {
   margin-bottom: 0px;
}

.pageBlockAdvantages {
   width: 100%;
   height: auto;
   display: table;
   padding: 40px 0;
   background: url("../images/pageBlockAdvantages.jpg") no-repeat center center;
   background-size: cover;
   margin-bottom: 30px;
}

.pageBlockAdvantages #advantages,
.pageTovarBlockAdvantages #advantages {
   top: 0px;
}

.pageTovarBlockAdvantages {
   width: 100%;
   height: auto;
   display: table;
   padding: 40px 0;
   background: url("../images/pageTovarBlockAdvantages.jpg") no-repeat center center;
   background-size: cover;
}

.tovarPage {
   width: 100%;
   height: auto;
   display: table;
   padding-bottom: 50px;
   background: url("../images/bg.webp") center center;
   background-size: contain;
}

.bread {
   width: 100%;
   height: auto;
   display: table;
   color: var(--brown);
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   margin-top: 20px;
   margin-bottom: 40px;
}

.bread a {
   color: var(--brown);
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;
   text-decoration: none;
   margin-right: 5px;
}

.flex {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.flex.fs {
   justify-content: flex-start;
}

.tovarPage .flex {
   margin-bottom: 15px;
}

.tovarPage .article {
   width: auto;
   height: auto;
   display: table;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 0.01em;
   color: #ADADAD;
}

.tovarPage a.butReview {
   width: auto;
   height: auto;
   display: table;
   text-decoration: none;
   color: #FF5A5A;
   font-size: 16px;
}

.tovarPage a.butReview i {
   margin-right: 8px;
}

.tovarPage a.butReview:hover {
   color: #414141;
}

.tovarPage .left {
   float: left;
   width: 900px;
}

.tovarPage .conteiner {
   width: 100%;
   height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   background: #fff;
}

.tovarPage .conteiner .img {
   width: 394px;
   height: auto;
   display: block;
   margin-right: 30px;
}

.tovarPage .conteiner .img picture.index {
   width: 100%;
   height: 436px;
   display: block;
   overflow: hidden;
   border-radius: 2px;
}

.tovarPage .conteiner .img picture.index img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.tovarPage .conteiner .img .mini {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: 7px;
}

.tovarPage .conteiner .img .mini .item {
   margin-right: 6px;
   opacity: 0.9;
   width: auto;
   height: auto;
}

.tovarPage .conteiner .img .mini .item picture {
   width: 63px;
   height: 59px;
   display: block;
   overflow: hidden;
   border-radius: 2px;
}

.tovarPage .conteiner .img .mini .item picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.tovarPage .conteiner .content {
   width: 530px;
   height: auto;
   display: table;
   padding: 20px;
}

.tovarPage .conteiner .content.maxHeight {
   min-height: 436px;
}

.tovarPage .conteiner .content .topbar {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
   flex-wrap: wrap;
}

.tovarPage .conteiner .content .topbar h1 {
   font-weight: 500;
   font-size: 28px;
   line-height: 34px;
   color: #414141;
   display: table;
}

.tovarPage .conteiner .content .topbar .stringLike {
   width: auto;
   height: auto;
   display: flex;
   font-weight: 500;
   font-size: 16px;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.5);
   margin-right: 10px;
   text-decoration: none;
}

.tovarPage .conteiner .content .topbar .stringLike .like {
   margin-left: 10px;
   background: url("../images/likeCartTovar.png") no-repeat center left;
}

.tovarPage .conteiner .content .topbar .stringLike.active {
   color: #FF5A5A;
}

.tovarPage .conteiner .content .topbar .stringLike.active .like {
   background-position: center right;
}

.tovarPage .conteiner .content .prices {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.tovarPage .conteiner .content .titPrice {
   margin-bottom: 5px;
   font-weight: 500;
   font-size: 16px;
}

.tovarPage .conteiner .content .prices .item {
   width: 250px;
   /* 180px */
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-right: 25px;
}

.tovarPage .conteiner .content .prices .item img {
   margin-right: 15px;
}

.tovarPage .conteiner .content .prices .item .tit {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: #414141;
   margin-bottom: 2px;
}

.tovarPage .conteiner .content .prices .item .tit b {
   font-weight: 700;
}

.tovarPage .conteiner .content .prices .item .textPrice {
   font-weight: 300;
   font-size: 14px;
   line-height: 108.52%;
   color: #414141;
}

.tovarPage .conteiner .content .select {
   width: 480px;
   height: auto;
   display: block;
   margin-top: 30px;
}

.tovarPage .conteiner .content .select .titSelect {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 15px;
}

.tovarPage .conteiner .content .select .titSelect .tit {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #414141;
}

.tovarPage .conteiner .content .select .titSelect .button {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.6);
   text-decoration: none;
   padding-bottom: 2px;
   border-bottom: 1px dashed rgba(65, 65, 65, 0.6);
}

.tovarPage .conteiner .content .select .options,
.tovarPage .conteiner .content .select .fillings {
   width: 85%;
   margin: 0 auto;
}

.tovarPage .conteiner .content .select .option {
   width: 100%;
   min-width: 68px;
   height: 68px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #FFFFFF;
   border-radius: 4.67775px;
   border: 1px solid rgba(0, 0, 0, 0);
   position: relative;
}

.tovarPage .conteiner .content .select .option .tit {
   font-weight: 500;
   font-size: 16.8399px;
   line-height: 17px;
   width: 100%;
   text-align: center;
   color: rgba(65, 65, 65, 0.4);
}

.tovarPage .conteiner .content .select .option .tit span {
   display: none;
   font-weight: 400;
   font-size: 11.2266px;
   line-height: 99.02%;
   color: #888888;
}

.tovarPage .conteiner .content .select .option:hover,
.tovarPage .conteiner .content .select .option.active {
   cursor: pointer;
   border: 1px solid #FF7979;
}

.tovarPage .conteiner .content .select .option:hover .tit,
.tovarPage .conteiner .content .select .option.active .tit {
   font-weight: 500;
   font-size: 16.8399px;
   line-height: 17px;
   color: #414141;
   padding: 0px 5px;
}

.tovarPage .conteiner .content .select .option:hover .tit span,
.tovarPage .conteiner .content .select .option.active .tit span {
   display: block;
   margin-top: 3px;
}

.tovarPage .conteiner .content .select .option .icon {
   position: absolute;
   top: 3px;
   left: 3px;
   width: 12px;
   height: 12px;
   display: none;
   border-radius: 255px;
   background: url("../images/checkOption.png") no-repeat center center;
}

.tovarPage .conteiner .content .select .option .price {
   position: absolute;
   top: 0;
   right: 0;
   width: auto;
   height: auto;
   display: table;
   border-radius: 0px 4.67775px 0px 4.67775px;
   font-size: 10px;
   font-weight: 600;
   color: #fff;
   padding: 2px 6px;
   background: #FF7979;
}

.tovarPage .conteiner .content .select .option.active .icon {
   display: block;
}

.tovarPage .conteiner .content .select .option picture {
   width: 100%;
   height: 57px;
   display: block;
   border-radius: 5px 5px 0px 0px;
   overflow: hidden;
}

.tovarPage .conteiner .content .select .option picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.tovarPage .conteiner .content .select .option .button {
   margin: 5px auto;
   width: auto;
   height: auto;
   display: table;
   color: rgba(65, 65, 65, 0.6);
   font-size: 12px;
   border-bottom: 1px dashed rgba(65, 65, 65, 0.6);
   text-decoration: none;
}

.tovarPage .conteiner .content .select .option.active .button {
   color: #fff;
   border-bottom: 1px dashed #fff;
}

.tovarPage .conteiner .content .select .bNav {
   width: 30px;
   height: 68px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(239, 239, 239, 1);
   border-radius: 4.67775px;
   border: 1px solid rgba(0, 0, 0, 0);
   position: relative;
   cursor: pointer;
   color: #FF5A5A;
   margin-bottom: 5px;
}

.tovarPage .conteiner .content .select .bPrev {
   margin-right: 5px;
}

.tovarPage .conteiner .content .select i {
   font-size: 18px;
   width: 18px;
}

.tovarPage .conteiner .content .select .fillingsOld .bNav {
   height: 114px;
}

.tovarPage .conteiner .content .select .bNav:hover {
   background: #FF5A5A;
   color: #fff;
}

.tovarPage .conteiner .content .select .fillingsOld .option {
   display: table;
   width: 102px;
}

.tovarPage .conteiner .content .select .fillingsOld .option .tit {
   width: 100%;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 4px;
   margin-bottom: 6px;
   font-weight: 500;
   font-size: 12px;
   line-height: 97.52%;
   color: rgba(65, 65, 65, 0.83);
   padding: 0px 5px;
}

.tovarPage .conteiner .content .select .fillingsOld .option.active {
   background: #FF7979;
}

.tovarPage .conteiner .content .select .fillingsOld .option.active .tit {
   color: #fff;
}

.tovarPage .conteiner .content textarea {
   width: 100%;
   height: 45px;
   display: table;
   background: #FFFFFF;
   border-radius: 5px;
   resize: none;
   margin-top: 35px;
   border: 0;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: rgba(65, 65, 65, 1);
   padding: 11px 15px;
   outline: none;
}

.tovarPage .infoTovar {
   width: 212px;
   height: auto;
   display: table;
   float: right;
   background: #fff;
   padding: 16px;
}

.tovarPage .infoTovar .stringWeight {
   width: 100%;
   text-align: center;
   font-weight: 400;
   font-size: 13px;
   line-height: 114.52%;
   color: rgba(65, 65, 65, 0.64);
}

.tovarPage .infoTovar .price {
   width: 100%;
   text-align: center;
   margin: 5px 0;
   font-weight: 600;
   font-size: 35px;
   line-height: 42px;
   color: #414141;
}

.tovarPage .infoTovar .stringPrice {
   width: 100%;
   height: auto;
   text-align: center;
   font-size: 12px;
   color: #832525;
   margin-bottom: 15px;
}

.tovarPage .infoTovar .button1 {
   width: 100%;
   height: auto;
   display: table;
   text-decoration: none;
   padding: 15px 0;
   background: #FF5A5A;
   border-radius: 3px;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #FFFFFF;
   text-align: center;
   margin-bottom: 10px;
   border: 0;
}

.tovarPage .infoTovar .button2 {
   width: 100%;
   height: auto;
   display: table;
   border: 1px solid #FF5A5A;
   border-radius: 3px;
   padding: 15px 0;
   text-align: center;
   text-decoration: none;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #FF5A5A;
}

.tovarPage .infoTovar .button1:hover {
   background: #FF2727;
}

.tovarPage .infoTovar .button2:hover {
   background: #FF5A5A;
   color: #FFFFFF;
}

.tovarPage .infoTovar .buttonOrder {
   width: 100%;
   height: auto;
   display: table;
   border: 1px solid #FF5A5A;
   border-radius: 3px;
   padding: 15px 0;
   text-align: center;
   text-decoration: none;
   font-weight: 500;
   font-size: 17px;
   line-height: 24px;
   background: #FF5A5A;
   color: #FFFFFF;
}

.tovarPage .infoTovar .buttonOrder:hover {
   opacity: 0.8;
}

.bSale {
   width: 212px;
   text-align: center;
   height: auto;
   display: table;
   margin: 17px auto;
   padding-bottom: 2px;
   font-weight: 400;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.6);
   text-decoration: none;
}

.bSale span {
   border-bottom: 1px dashed rgba(65, 65, 65, 0.6);
   width: auto;
   height: auto;
   display: table;
   margin: 0 auto;
   font-size: 15px;
   cursor: pointer;
}

.bSale .win {
   width: 269px;
   height: auto;
   display: none;
   background: #fff;
   border-radius: 3px;
   position: absolute;
   margin-left: -30px;
   padding: 11px 9px;
   padding-top: 24px;
   z-index: 9;
   background: url("../images/winSale.png") no-repeat top center;
}

.bSale.active .win {
   display: table;
}

.bSale .win .tit {
   width: 100%;
   text-align: center;
   display: table;
   font-weight: 500;
   font-size: 16px;
   line-height: 103.52%;
   color: #414141;
   padding: 0px 17px;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bSale .win .item {
   padding: 10px 0;
   width: 100%;
   height: auto;
   display: table;
}

.bSale .win .item:last-child {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   margin-bottom: 15px;
}

.bSale .win .item .titSale {
   width: 100%;
   height: auto;
   font-weight: 500;
   font-size: 16px;
   line-height: 103.52%;
   color: #414141;
   text-align: center;
}

.bSale .win .item .titSale span {
   color: #FF5A5A;
}

.bSale .win .item .textSale {
   width: 100%;
   text-align: center;
   font-weight: 400;
   font-size: 14px;
   line-height: 103.52%;
   color: rgba(65, 65, 65, 0.6);
   padding: 0px 17px;
}

.bSale .win p {
   font-weight: 500;
   font-size: 16px;
   line-height: 116.52%;
   text-align: center;
   color: #414141;
   margin-bottom: 8px;
}

.bSale .win p:last-child {
   margin-bottom: 0px;
}

.tovarPage .infoTovar .menu {
   width: 100%;
   height: auto;
   display: table;
   margin-top: 30px;
}

.tovarPage .infoTovar .menu .item {
   border-top: 1px solid rgba(65, 65, 65, 0.4);
   padding: 15px 0;
}

.tovarPage .infoTovar .menu .item:last-child {
   border-bottom: 1px solid rgba(65, 65, 65, 0.4);
}

.tovarPage .infoTovar .menu .item .top {
   display: flex;
   width: 100%;
   height: auto;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}

.tovarPage .infoTovar .menu .item .top img {
   width: 25px;
   height: auto;
   display: table;
}

.tovarPage .infoTovar .menu .item .top .tit {
   font-weight: 400;
   font-size: 16px;
   line-height: 114.52%;
   color: #414141;
   width: 160px;
}

.tovarPage .infoTovar .menu .item .top .strel {
   width: 11px;
   height: 8px;
   display: block;
   background: url("../images/strel.png") no-repeat center center;
}

.tovarPage .infoTovar .menu .item .bottom {
   font-weight: 300;
   font-size: 14px;
   line-height: 108.52%;
   color: #414141;
   margin-top: 10px;
   display: none;
}

.tovarPage .infoTovar .menu .item.active .bottom {
   display: block;
}

.tovarPage .infoTovar .menu .item.active .top .strel {
   transform: rotate(-180deg);
}

.tovarPage .infoTovar .menu .item .steps {
   width: 100%;
   height: auto;
   display: table;
}

.tovarPage .infoTovar .menu .item .steps .step {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   position: relative;
   margin-bottom: 15px;
}

.tovarPage .infoTovar .menu .item .steps .step picture {
   width: 60px;
   height: 60px;
   background: rgba(160, 135, 113, 0.2);
   border-radius: 255px;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
}

.tovarPage .infoTovar .menu .item .steps .step picture img {
   width: auto;
   height: auto;
   display: table;
}

.tovarPage .infoTovar .menu .item .steps .tit {
   font-weight: 500;
   font-size: 14px;
   line-height: 114.52%;
   text-transform: uppercase;
   color: #414141;
   width: 130px;
   margin-left: 10px;
}

.tovarPage .infoTovar .menu .item .steps .step .border {
   width: 1px;
   height: 15px;
   display: block;
   background: #C2B3A6;
   position: absolute;
   top: 60px;
   left: 30px;
}

.tovarPage .infoTovar .menu .item .steps .step:last-child {
   margin-bottom: 0px;
}

.tovarPage .infoTovar .menu .item .steps .step:last-child .border {
   display: none;
}

.dopTovars {
   width: 100%;
   height: auto;
   display: block;
   margin-top: 50px;
   margin-bottom: 50px;
}

.dopTovars .tovars {
   width: auto;
   height: auto;
}

.dopTovars .title {
   font-weight: 500;
   font-size: 30px;
   color: #414141;
   display: table;
   width: 100%;
   margin-bottom: 30px;
}

#charsText {
   width: 100%;
   height: auto;
   display: table;
   background: url("../images/charsText.jpg") no-repeat center center;
   background-size: cover;
   padding: 50px 0;
}

#charsText .wrapper {
   width: 100%;
   height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 10%;
}

#charsText .chars {
   width: auto;
   height: auto;
   display: table;
   max-width: 40%;
}

#charsText .chars .title {
   font-weight: 500;
   font-size: 28px;
   line-height: 34px;
   width: 100%;
   display: table;
   color: #FFFFFF;
   margin-bottom: 15px;
}

#charsText .chars ul {
   width: 100%;
   height: auto;
   display: table;
}

#charsText .chars ul li {
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: rgba(255, 255, 255, 0.6);
   margin-bottom: 10px;
   width: auto;
   height: auto;
   display: table;
}

#charsText .chars ul li span {
   margin-left: 15px;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: rgba(255, 255, 255, 0.9);
}

#charsText .text {
   width: 776px;
   height: auto;
   display: table;
   background: #EEEEEE;
   border-radius: 5px;
   padding: 25px 30px;
}

#charsText .text .title {
   font-weight: 400;
   font-size: 28px;
   line-height: 34px;
   width: 100%;
   height: auto;
   display: table;
   color: rgba(65, 65, 65, 0.4);
   margin-bottom: 15px;
}

#charsText .text .title span {
   color: #A08771;
   font-weight: 600;
}

#charsText .text .menu {
   width: 100%;
   height: auto;
   display: table;
}

#charsText .text .menu a {
   width: auto;
   height: auto;
   display: table;
   text-decoration: none;
   color: #000;
   font-size: 18px;
   padding: 5px 15px;
   border-right: 1px solid #EEEEEE;
   float: left;
   border-radius: 5px 5px 0px 0px;
}

#charsText .text .menu a.active,
#charsText .text .menu a:hover {
   background: #A08771;
   color: #fff;
}

#charsText .text .blocks {
   background: #A08771;
   padding: 15px;
   border-radius: 0px 5px 5px 5px;
}

#charsText .text .blocks .block {
   display: none;
}

#charsText .text .blocks .block.active {
   display: table;
}

#charsText p {
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   color: #fff;
}

#menuAbout {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 50px auto;
   padding: 33px 0;
   background: url("../images/menuAbout.jpg") no-repeat center center;
   border-radius: 5px;
}

#menuAbout a {
   width: auto;
   height: auto;
   display: table;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   text-decoration: underline;
   color: #FFFFFF;
   margin: 0px 30px;
}

#menuAbout a:hover {
   color: #414141;
}

#menuAbout a.active {
   font-weight: 700;
   color: #414141;
}

#description {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 80px;
}

#description h2 {
   width: 100%;
   height: auto;
   display: table;
   font-weight: 500;
   font-size: 30px;
   line-height: 36px;
   letter-spacing: 0.01em;
   color: #414141;
   margin-bottom: 20px;
}

#description p {
   width: 100%;
   font-weight: 300;
   font-size: 20px;
   line-height: 140%;
   letter-spacing: 0.01em;
   display: table;
   color: #414141;
   margin-bottom: 10px;
}

#description ol,
#description ul {
   padding-left: 30px;
   list-style: symbols;
   margin-bottom: 10px;
}

#description ol li,
#description ul li {
   width: 100%;
   font-weight: 300;
   font-size: 20px;
   line-height: 140%;
   letter-spacing: 0.01em;
   display: list-item;
   color: #414141;
   margin-bottom: 5px;
}

#description img.pay {
   height: 70px;
   float: left;
   margin-right: 30px;
   margin-bottom: 30px;
   display: table;
}

#order {
   width: 100%;
   height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding-top: 40px;
   padding-bottom: 55px;
}

#order .title {
   font-weight: 500;
   font-size: 30px;
   line-height: 36px;
   letter-spacing: 0.01em;
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   gap: 15px;
   color: #414141;
   margin-bottom: 30px;
}

#order .left-bar {
   width: 530px;
   height: auto;
   display: table;
}

#order form.my {
   width: 70%;
}

#order .select {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 30px;
   margin-top: 30px;
}

#order .select .option {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 10px;
}

#order .select .option input:checked {
   background: red;
}

#order .select .option input[type=radio] {
   display: none;
}

#order .select .option label {
   display: inline-block;
   cursor: pointer;
   position: relative;
   padding-left: 35px;
   margin-right: 0;
   font-weight: 400;
   font-size: 17px;
   line-height: 24px;
   color: #414141;
   user-select: none;
}

#order .select .option label:before {
   content: "";
   display: inline-block;
   width: 24px;
   height: 24px;
   position: absolute;
   left: 0;
   top: 1px;
   background: url("../images/radio.png") 0 0 no-repeat;
}

/* Checked */
#order .select .option input[type=radio]:checked+label:before {
   background: url("../images/radioActive.png") 0 0 no-repeat;
}

/* Hover */
#order .select .option label:hover:before {
   filter: brightness(120%);
}

/* Disabled */
#order .select .option input[type=radio]:disabled+label:before {
   filter: grayscale(100%);
}

#order .input {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 20px;
}

#order .input .notif {
   width: 100%;
   height: auto;
   display: table;
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: #EC3C37;
   margin-bottom: 5px;
}

#order .input input {
   width: 100%;
   height: 60px;
   display: block;
   border: 0;
   background: #FFFFFF;
   border: 1px solid rgba(65, 65, 65, 0.3);
   border-radius: 3px;
   outline: none;
   padding-left: 20px;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: rgba(65, 65, 65, 1);
}

#order .input input[type='file'] {
   padding: 15px;
   height: auto;
   margin-bottom: 10px;
   width: 49%;
}

#order .itogo {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   padding: 20px;
   background: rgba(0, 0, 0, 0.05);
   margin-bottom: 20px;
}

#order .itogo .cal {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   color: #000;
   font-size: 18px;
}

#order .itogo .cal span {
   font-weight: 300;
}

#order .itogo .cal b {
   font-weight: 600;
}

#order .itogo {}

#order .itogo {}

#order .itogo {}

#order .flex {
   flex-wrap: wrap;
}

#order .input select {
   width: 100%;
   height: 60px;
   display: block;
   border: 0;
   background: #FFFFFF;
   border: 1px solid rgba(65, 65, 65, 0.3);
   border-radius: 3px;
   outline: none;
   padding-left: 20px;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: rgba(65, 65, 65, 1);
}

#order textarea {
   margin-top: 10px;
   width: 100%;
   height: 67px;
   display: block;
   resize: none;
   background: #FFFFFF;
   border: 1px solid rgba(65, 65, 65, 0.3);
   border-radius: 3px;
   padding: 19px 20px;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: rgba(65, 65, 65, 1);
   outline: none;
}

#order .date {
   width: 100%;
   height: auto;
   display: table;
   margin-top: 40px;
}

#order .input .tit {
   width: 100%;
   height: auto;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   display: table;
   color: rgba(65, 65, 65, 0.8);
   margin-bottom: 8px;
}

.margin-top-50 {
   margin-top: 50px;
}

#order .date .items {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
}

#order .date .items .item {
   margin-right: 6px;
   margin-bottom: 6px;
}

#order .date .items .item input[type=radio] {
   display: none;
}

#order .date .items .item label {
   display: block;
   width: 100px;
   height: auto;
   padding: 12px 0;
   cursor: pointer;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 6px;
   user-select: none;
   background: #FFFFFF;
   border-radius: 5px;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.5);
   text-align: center;
}

#order .date .items .item label span {
   display: block;
   font-weight: 300;
   font-size: 13px;
   line-height: 16px;
   color: rgba(65, 65, 65, 0.5);
   margin-top: 2px;
}

/* Checked */
#order .date .items .item input[type=radio]:checked+label {
   border: 1px solid #FF7979;
}

#order .date .items .item input[type=radio]:checked+label,
#order .date .items .item input[type=radio]:checked+label span {
   color: #414141;
}

/* Disabled */
#order .date .items .item input[type=radio]:disabled+label {
   background: #efefef;
   color: #666;
}

#order button {
   width: auto;
   height: auto;
   display: table;
   padding: 18px 56px;
   background: #FF5A5A;
   border-radius: 3px;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #FFFFFF;
   border: 0;
   margin-top: 34px;
}

#order button:hover {
   background: #FF2727;
}

.politics {
   margin-top: 23px;
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: rgba(65, 65, 65, 0.74);
}

.politics img {
   margin-right: 10px;
}

.politics a {
   font-weight: 400;
   font-size: 14px;
   line-height: 17px;
   color: rgba(65, 65, 65, 0.74);
}

#order .basket {
   width: 585px;
   height: auto;
   display: table;
   background: #EFEFEF;
}

#order .basket .title {
   padding: 40px 50px 20px 50px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#order .basket .items {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 20px;
}

#order .basket .items .item {
   width: 100%;
   height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 15px 50px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#order .basket .items .item picture {
   width: 131px;
   height: 123px;
   display: block;
   margin-right: 15px;
}

#order .basket .items .item picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#order .basket .items .item .info {
   width: 50%;
}

#order .basket .items .item .info .tit {
   font-weight: 500;
   font-size: 20px;
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 10px;
   color: #414141;
}

#order .basket .items .item .info .char {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   width: auto;
   height: auto;
   display: table;
   margin-bottom: 10px;
   color: #868686;
}

#order .basket .items .item .info .char span {
   color: #414141;
}

#order .basket .items .item .info .quantity {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 14px;
   width: 72px;
   height: auto;
}

#order .basket .items .item .info .quantity .bInt {
   width: 25px;
   height: 25px;
   display: table;
   font-weight: 400;
   font-size: 16px;
   line-height: 25px;
   color: #575757;
   border-radius: 255px;
   background: #E2E2E2;
   text-align: center;
   cursor: pointer;
}

#order .basket .items .item .info .quantity .value {
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   text-align: center;
   color: #575757;
}

#order .basket .items .item .info .quantity .bInt:hover {
   background: #FF7979;
   color: #fff;
}

#order .basket .items .item .price {
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
}

#order .basket .items .item .price span {
   float: right;
   display: block;
}

#order .basket .items .item .delete {
   width: 30px;
   height: 30px;
   color: var(--red);
   opacity: 0.8;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   border-radius: 8px;
   float: right;
   margin-top: 10px;
}

#order .basket .items .item .delete:hover {
   background: var(--red);
   color: #fff;
}

.order-summary {
   max-width: 500px;
   margin: 20px auto;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.order-row {
   display: flex;
   justify-content: space-between;
   padding: 12px 0;
   border-bottom: 1px solid #f0f0f0;
}

.order-row:last-child {
   border-bottom: none;
}

.order-row:last-child {
   border-bottom: none;
   margin-top: 10px;
   padding-top: 20px;
   border-top: 2px solid #f0f0f0;
   font-weight: bold;
   font-size: 1.2em;
}

.bonus {
   color: #2ecc71;
}

.order-label {
   color: #333;
}

.order-price {
   font-weight: 500;
}

@media (max-width: 480px) {
   .order-summary {
      padding: 15px;
      margin: 10px;
   }

   .order-row {
      padding: 10px 0;
   }
}

.comment-bonus {
   margin: 20px 0;
   color: rgba(0, 0, 0, 0.5);
   font-size: 14px;
}

.itogo {
   margin-top: 20px;
}

.bonus-container {
   display: flex;
   align-items: center;
   background-color: white;
   padding: 10px 15px;
   border-radius: 8px;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   font-family: Arial, sans-serif;
}

.bonus-icon {
   background-color: var(--green);
   color: white;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   display: flex !important;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   margin-right: 10px;
}

.bonus-icon i {
   font-size: 15px;
}

.bonus-text {
   flex-grow: 1;
   color: var(--black);
   font-size: 16px;
}

.toggle-switch {
   position: relative;
   width: 50px;
   height: 24px;
}

.toggle-input {
   display: none;
}

.toggle-label {
   position: absolute;
   top: 0;
   left: 0;
   width: 50px;
   height: 24px;
   background-color: #ccc;
   border-radius: 34px;
   cursor: pointer;
   transition: background-color 0.3s;
}

.toggle-label:before {
   content: '';
   position: absolute;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   top: 2px;
   left: 2px;
   background-color: white;
   transition: transform 0.3s;
}

.toggle-input:checked+.toggle-label {
   background-color: var(--green);
}

.toggle-input:checked+.toggle-label:before {
   transform: translateX(26px);
}

@media (max-width: 480px) {
   .bonus-container {
      flex-direction: column;
      align-items: flex-start;
   }

   .toggle-switch {
      align-self: flex-end;
      margin-top: 10px;
   }
}

#order .basket .padding {
   padding: 0 50px;
   padding-bottom: 40px;
}

#order .basket .delivery {
   padding: 0px 50px;
   margin-top: 5px;
   text-align: right;
   width: 100%;
   color: rgba(65, 65, 65, 0.5);
}

#order .basket .delivery span {
   font-weight: 700;
}

#order .basket .amount {
   width: 100%;
   height: auto;
   padding: 10px 50px;
   margin-bottom: 25px;
   text-align: right;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   color: rgba(65, 65, 65, 0.5);
}

#order .basket .amount span {
   font-weight: 700;
   font-size: 25px;
   line-height: 30px;
   color: #414141;
}

#saleBlock {
   width: 100%;
   height: auto;
   display: table;
   padding: 31px 40px;
   margin-bottom: 80px;
   border-radius: 5px;
   background: url("../images/saleBlock.jpg") no-repeat center center;
}

#saleBlock .title {
   width: 100%;
   height: auto;
   display: table;
   font-weight: 700;
   font-size: 30px;
   line-height: 36px;
   text-transform: uppercase;
   color: rgba(65, 65, 65, 0.9);
}

#saleBlock p {
   width: 512px;
   height: auto;
   display: table;
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   color: rgba(65, 65, 65, 0.8);
   padding: 15px 0;
}

#saleBlock a.button {
   width: auto;
   height: auto;
   display: table;
   background: #FFFFFF;
   padding: 18px 38px;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #414141;
   text-decoration: none;
   border: 1px solid rgba(0, 0, 0, 0);
}

#saleBlock a.button:hover {
   border: 1px solid #000000;
}

#contacts {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 80px;
}

#contacts .title {
   font-weight: 500;
   font-size: 30px;
   letter-spacing: 0.01em;
   width: 100%;
   height: auto;
   display: table;
   color: #414141;
   margin-bottom: 50px;
}

#contacts .left {
   width: 45%;
   float: left;
}

#contacts .left .contact {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 15px;
   font-weight: 300;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: rgba(65, 65, 65, 0.42);
}

#contacts .left .contact span {
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #414141;
   margin-left: 11px;
}

#contacts .left .social {
   width: 160px;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#contacts .left .social a {
   overflow: hidden;
   border-radius: 255px;
   width: 30px;
   height: 30px;
   display: block;
}

#contacts .left .social a img {
   width: 100%;
   height: 100%;
}

#contacts .right {
   width: 600px;
   height: 365px;
   display: block;
   float: right;
}

#contacts .right img {
   width: 100%;
   height: 100%;
}

#success {
   margin: 105px auto;
}

#success img {
   width: auto;
   height: auto;
   display: table;
   margin: 0 auto 40px;
}

#success h1 {
   width: 100%;
   height: auto;
   display: table;
   text-align: center;
   font-weight: 600;
   font-size: 35px;
   line-height: 42px;
   margin-bottom: 15px;
   color: #5EC386;
}

#success p {
   width: 515px;
   height: auto;
   display: table;
   margin: 0 auto 40px;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   text-align: center;
   color: rgba(65, 65, 65, 0.7);
}

#success a.button {
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   color: rgba(65, 65, 65, 0.5);
   width: auto;
   height: auto;
   display: table;
   width: auto;
   height: auto;
   padding: 20px 36px;
   border: 1px solid rgba(65, 65, 65, 0.5);
   border-radius: 7px;
   text-decoration: none;
   margin: 0 auto;
}

#success a.button:hover {
   color: #FF2727;
   border: 1px solid #FF2727;
}

#reviews {
   width: 100%;
   height: auto;
   display: table;
}

#reviews .topbar {
   display: flex;
   width: 100%;
   height: auto;
   align-items: center;
   justify-content: space-between;
}

#reviews .topbar .title {
   display: inline-block;
   font-weight: 500;
   font-size: 30px;
   line-height: 36px;
   letter-spacing: 0.01em;
   color: #414141;
}

#reviews .topbar .ref {
   display: inline-block;
   margin-left: 15px;
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   color: #FFA450;
}

#reviews .topbar .ref img {
   margin-right: 5px;
}

#reviews .topbar p {
   display: inline-block;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   color: #414141;
   margin-left: 15px;
}

#reviews .topbar .buttons {
   width: 100%;
   height: auto;
   display: block;
   margin-top: 15px;
}

#reviews .topbar .buttons a {
   width: auto;
   height: auto;
   display: table;
   padding: 7px 15px;
   border: 1px solid #BFBFBF;
   border-radius: 7px;
   font-weight: 400;
   font-size: 16px;
   line-height: 19px;
   color: #414141;
   text-decoration: none;
   float: left;
   margin-right: 10px;
}

#reviews .topbar .button {
   width: auto;
   height: auto;
   display: table;
   padding: 14px 39px;
   background: #FF5A5A;
   border-radius: 3px;
   font-weight: 400;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   text-decoration: none;
}

#reviews .topbar .button:hover {
   background: #FF2727;
}

#reviews .items {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 50px;
   margin-bottom: 50px;
}

#reviews .items .review {
   width: 570px;
   height: auto;
   display: table;
   box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   margin-bottom: 30px;
   background: url("../images/reviewBg.jpg") no-repeat center center;
   background-size: cover;
}

#reviews .items .review .name {
   margin: 30px 30px 0px 30px;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF;
   width: auto;
   height: auto;
   display: table;
   padding-bottom: 5px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

#reviews .items .review .text {
   padding: 15px 30px;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   display: flex;
   align-items: center;
   color: #FFFFFF;
}

#reviews .items .review .plash {
   width: 100%;
   height: auto;
   display: table;
   background: url("../images/reivewPlash.png") no-repeat top center;
   padding: 34px 30px 20px 30px;
}

#reviews .items .review .plash .tit {
   width: auto;
   height: auto;
   display: table;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #414141;
   padding-bottom: 5px;
   border-bottom: 1px solid rgba(65, 65, 65, 0.5);
}

#reviews .items .review .plash .textAdmin {
   padding: 15px 0;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   width: 100%;
   color: #414141;
}

#reviews .items .review .plash .date {
   font-weight: 500;
   font-size: 14px;
   line-height: 17px;
   color: rgba(65, 65, 65, 0.6);
}

.tovarPage #img {
   width: 380px;
   height: auto;
   display: block;
}

.tovarPage #img .owl-prev {
   left: 30px;
}

.tovarPage #img .owl-next {
   right: 30px;
}

.tovarPage .select {
   width: 100%;
   height: auto;
   display: table;
}

.tovarPage .select .title {
   width: 100%;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   color: #414141;
}

.tovarPage .select .title img {
   margin-right: 7px;
}

.tovarPage .select .title span {
   font-size: 16px;
   font-weight: 300;
}

.tovarPage .select .items {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.tovarPage .select .items .item {
   width: 190px;
   height: auto;
   display: table;
   background: #FFFFFF;
   border-radius: 4.67775px;
   padding: 10px 0;
   margin-right: 10px;
   cursor: pointer;
   border: 1px solid rgba(0, 0, 0, 0);
}

.tovarPage .select .items .item .icon {}

.tovarPage .select .items .item .tit {
   font-weight: 500;
   font-size: 16px;
   line-height: 99.02%;
   color: rgba(65, 65, 65, 0.4);
   width: 100%;
   text-align: center;
}

.tovarPage .select .items .item .text {
   margin-top: 2px;
   display: block;
   text-align: center;
   width: 100%;
   font-weight: 400;
   font-size: 12px;
   line-height: 99.02%;
   color: rgba(65, 65, 65, 0.46);
}

.tovarPage .select .items .item.active {
   border: 1px solid #FF7979;
}

.tovarPage .select .items .item.active .tit {
   color: #414141;
}

.tovarPage .select .items .item.active .text {
   color: #888888;
}

.tovarPage .text {
   width: 100%;
   margin-top: 25px;
   display: table;
}

.tovarPage .text .title {
   width: 100%;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #414141;
   margin-bottom: 10px;
}

.tovarPage .text p {
   width: 100%;
   height: auto;
   font-weight: 200;
   font-size: 16px;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.9);
}

.infoTovar .quantity {
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(255, 255, 255, 0.5);
   border-radius: 8px;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 222px;
   height: auto;
   padding: 5px 0;
}

.infoTovar .quantity .bInt {
   width: 39.07px;
   height: 39.07px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 400;
   font-size: 25.0045px;
   line-height: 30px;
   color: #575757;
   border-radius: 255px;
   background: #EEEFEF;
   text-align: center;
   cursor: pointer;
}

.infoTovar .quantity .value {
   font-weight: 400;
   font-size: 20px;
   line-height: 24px;
   text-align: center;
   color: #575757;
   margin: 0px 12px;
}

.infoTovar .quantity input.value {
   width: 35px;
   height: 25px;
   background: rgba(0, 0, 0, 0);
   border: 0;
   outline: none;
   -moz-appearance: textfield;
   -webkit-appearance: textfield;
   appearance: textfield;
}

.infoTovar .quantity .bInt:hover {
   background: #FF7979;
   color: #fff;
}

.infoTovar .prices {
   width: 100%;
   height: auto;
   display: table;
   background: #FFF7F8;
   border: 1.5px solid #FF7979;
   border-radius: 8px;
   padding: 10px 20px;
   margin-bottom: 15px;
}

.infoTovar .prices .li {
   width: 100%;
   height: auto;
   display: table;
   background: url("../images/priceUrIcon.png") no-repeat left center;
   font-weight: 600;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0.01em;
   color: rgba(65, 65, 65, 0.9);
   padding-left: 28px;
   margin-bottom: 7px;
}

.infoTovar .prices .li:last-child {
   margin-bottom: 0px;
}

.infoTovar .block {
   width: 100%;
   height: auto;
   display: table;
   padding: 10px 8px;
   background: #EFEFEF;
   margin-top: 15px;
}

.infoTovar .block h3 {
   font-weight: 500;
   font-size: 16px;
   line-height: 114.52%;
   color: #414141;
   width: 100%;
   display: table;
   margin-bottom: 5px;
}

.infoTovar .block .imgs {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 18px;
}

.infoTovar .block .imgs img {
   margin-right: 6px;
}

.infoTovar .block .imgs img:last-child {
   margin-right: 0px;
}

.infoTovar .block p {
   margin-bottom: 18px;
   width: 100%;
   height: auto;
   display: table;
   font-weight: 300;
   font-size: 16px;
   line-height: 114.52%;
   color: #414141;
}

.infoTovar .block p:last-child {
   margin-bottom: 0px;
}

.tovarPage .chars {
   margin-top: 30px;
   width: 100%;
   height: auto;
   display: table;
   padding: 40px 30px;
   background: #fff;
}

.tovarPage .chars .title {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #414141;
   width: 100%;
}

.tovarPage .chars .items {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}

.tovarPage .chars .items .item {
   width: 50%;
   height: auto;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   margin-top: 30px;
}

.tovarPage .chars .items .item picture {
   width: 56px;
   height: 56px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   background: #F4F4F4;
   border: 1px solid rgba(17, 17, 17, 0.06);
   margin-right: 10px;
   border-radius: 255px;
}

.tovarPage .chars .items .item picture img {
   width: auto;
   height: auto;
}

.tovarPage .chars .items .item .info {
   width: 360px;
   height: auto;
   display: table;
}

.tovarPage .chars .items .item .info .tit {
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   display: table;
   margin-bottom: 5px;
   color: #A08771;
}

.tovarPage .chars .items .item .info .desc {
   width: 100%;
   font-weight: 200;
   font-size: 16px;
   line-height: 19px;
   color: rgba(65, 65, 65, 0.9);
}

#advantagesTovar {
   width: 100%;
   height: auto;
   display: flex;
   margin-top: 50px;
   padding: 37px 54px;
   margin-bottom: 50px;
   flex-wrap: wrap;
   align-items: center;
   border-radius: 5px;
   justify-content: space-between;
   background: url("../images/advantagesTovar.jpg") no-repeat center center;
}

#advantagesTovar .item {
   width: 45%;
   margin-bottom: 30px;
}

#advantagesTovar .item .tit {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   display: table;
   color: rgba(255, 255, 255, 0.7);
}

#advantagesTovar .item .tit span {
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF;
   margin-left: 10px;
}

#advantagesTovar .item:nth-child(3),
#advantagesTovar .item:nth-child(4) {
   margin-bottom: 0px;
}

#advantagesTovar .item .desc {
   font-weight: 200;
   font-size: 16px;
   line-height: 19px;
   display: table;
   width: 100%;
   color: #FFFFFF;
   padding-left: 38px;
   margin-top: 10px;
}

.modal-request {
   width: 467px;
   height: 400px;
   display: table;
   background: #FFFFFF;
   border-radius: 8px;
   position: relative;
   margin: 0 auto;
}

.modal-fastView {
   width: 1200px;
   height: 530px;
   display: table;
   background: #FFFFFF;
   border-radius: 8px;
   position: relative;
   margin: 0 auto;
}

.modal-fastView .tovarPage {
   padding: 0 20px;
   margin-bottom: 10px;
}

.modal-request .title {
   font-weight: 600;
   font-size: 35px;
   line-height: 42px;
   color: #414141;
   width: 100%;
   text-align: center;
   display: block;
   padding: 20px 50px;
}

.modal-request .text {
   width: 100%;
   font-weight: 300;
   font-size: 18px;
   line-height: 22px;
   text-align: center;
   color: rgba(65, 65, 65, 0.55);
   padding: 0px 50px;
}

.modal-request form {
   width: 100%;
   height: auto;
   display: table;
   padding: 20px 50px;
}

.modal-request form input {
   width: 100%;
   height: 50px;
   display: block;
   border: 1px solid rgba(41, 41, 41, 0.2);
   border-radius: 2px;
   font-weight: 300;
   font-size: 16px;
   line-height: 121%;
   color: rgba(65, 65, 65, 1);
   outline: none;
   padding-left: 15px;
   margin-bottom: 7px;
}

.modal-request form input[readonly] {
   background: #cecece;
   cursor: default;
}

.modal-request form textarea {
   width: 100%;
   height: 100px;
   display: block;
   border: 1px solid rgba(41, 41, 41, 0.2);
   border-radius: 2px;
   font-weight: 300;
   font-size: 16px;
   line-height: 121%;
   color: rgba(65, 65, 65, 1);
   outline: none;
   padding: 10px 15px;
   margin-bottom: 7px;
}

.modal-request form button {
   width: 250px;
   height: 54px;
   display: table;
   background: #FF5A5A;
   border-radius: 7px;
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   color: #FFFFFF;
   padding: 15px 0;
   margin: 20px auto 0;
   border: 0;
}

.modal-request form button:hover {
   background: #FF2727;
}

#modal-face {
   width: 547px;
   height: 370px;
   display: block;
   background: #FFFFFF;
   border-radius: 8px;
   position: relative;
   margin: 0 auto;
}

#modal-face .title {
   width: 100%;
   height: auto;
   display: table;
   font-weight: 500;
   font-size: 35px;
   line-height: 40px;
   text-align: center;
   padding: 0px 68px;
   color: #414141;
}

#modal-face .items {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 42px 76px;
}

#modal-face .items .item {
   width: 183px;
   height: auto;
   display: table;
   text-decoration: none;
   background: #EEEFEF;
   border-radius: 10px;
   overflow: hidden;
}

#modal-face .items .item picture {
   width: 100%;
   height: 113px;
   border-radius: 10px 10px 0px 0px;
   display: block;
}

#modal-face .items .item picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#modal-face .items .item .tit {
   padding: 11px 15px;
   width: 100%;
   display: table;
   font-weight: 500;
   font-size: 20px;
   line-height: 97.52%;
   text-align: center;
   color: #414141;
}

#modal-face .items .item:hover {
   background: #FF7979;
}

#modal-face .items .item:hover .tit {
   color: #FFFFFF;
}

#modal-size {
   width: 916px;
   height: 271px;
   display: block;
   background: #FFFFFF;
   border-radius: 8px;
   position: relative;
   margin: 0 auto;
}

#modal-size img {
   width: 100%;
}

#modal-fillings {
   width: 869px;
   height: 601px;
   display: flex;
   background: #FFFFFF;
   border-radius: 8px;
   position: relative;
   margin: 0 auto;
}

#modal-fillings.page {
   margin: 30px auto;
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 60px;
}

#modal-fillings .left {
   width: 40%;
   height: 601px;
   background: #EEEFEF;
   border-radius: 8px 0px 0px 8px;
   display: block;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   float: left;
   overflow-y: scroll;
}

#modal-fillings.page .left {
   height: auto;
   width: 30%;
}

#modal-fillings .left a {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 5px;
   font-weight: 500;
   font-size: 18px;
   text-align: center;
   text-transform: uppercase;
   color: #414141;
   padding: 15px 0;
   text-decoration: none;
   border-radius: 3px;
}

#modal-fillings .left a.active {
   background: #A08771;
   color: #FFFFFF;
}

#modal-fillings .right {
   width: 60%;
   height: auto;
   display: table;
   float: right;
}

#modal-fillings.page .right {
   width: 70%;
}

#modal-fillings .right .content {
   display: none;
}

#modal-fillings .right .content.active {
   display: block;
}

#modal-fillings .right picture {
   width: 100%;
   height: 308px;
   position: relative;
   top: -27px;
   z-index: 1;
   border-radius: 0px 8px 0px 0px;
}

#modal-fillings.page .right picture {
   top: 0;
   position: unset;
}

#modal-fillings .right picture img {
   width: 100%;
   height: auto;
   max-height: 308px;
   object-fit: cover;
   border-radius: 0px 8px 0px 0px;
}

#modal-fillings .right .info {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0px 25px;
   margin-top: -82px;
   position: relative;
   z-index: 2;
}

#modal-fillings.page .right .info {
   margin-top: -35px;
}

#modal-fillings .right .info .tit {
   width: auto;
   height: auto;
   display: table;
   font-weight: 500;
   font-size: 20px;
   line-height: 82.02%;
   text-transform: uppercase;
   color: #FFFFFF;
}

#modal-fillings .right .info a.button {
   width: auto;
   height: auto;
   display: table;
   background: #FFFFFF;
   border-radius: 2px;
   padding: 13px 32px;
   font-weight: 500;
   font-size: 18px;
   line-height: 82.02%;
   color: #414141;
   text-decoration: none;
}

#modal-fillings .right .info a.button:hover {
   background: #FF2727;
   color: #FFFFFF;
}

/* #modal-fillings button.mfp-close {
   position: relative;
} */

#modal-fillings .right .text {
   padding: 0px 25px;
   margin-top: 30px;
}

#modal-fillings .right b {
   width: auto;
   height: auto;
   display: block;
   font-weight: 500;
   font-size: 18px;
   line-height: 82.02%;
   color: #414141;
   margin-bottom: 5px;
}

#modal-fillings .right p {
   width: auto;
   height: auto;
   display: block;
   font-weight: 300;
   font-size: 16px;
   line-height: 111.52%;
   color: #414141;
   margin-bottom: 20px;
}

.winContacts {
   width: auto;
   height: auto;
   display: table;
   position: fixed;
   bottom: 25px;
   right: 25px;
}

.winContacts .button {
   width: 45px;
   height: 45px;
   border-radius: 255px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #FF7979;
   margin-top: 10px;
   color: #fff;
   font-size: 20px;
   cursor: pointer;
}

.winContacts .button .fa-phone {
   display: block;
}

.winContacts .button .fa-times {
   display: none;
}

.winContacts.active .button .fa-times {
   display: block;
}

.winContacts.active .button .fa-phone {
   display: none;
}

.winContacts .items {
   width: 45px;
   height: auto;
   display: none;
}

.winContacts.active .items {
   display: block;
}

.winContacts .items a {
   width: 45px;
   height: 45px;
   display: block;
   margin: 0 auto 5px;
   border-radius: 255px;
   overflow: hidden;
}

.winContacts .items a img {
   width: 100%;
   height: 100%;
}

.owl-carouselOld {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.owl-carouselOld .item-slider {
   margin-right: 5px;
   margin-bottom: 5px;
   width: 100%;
}

.modal-add {
   width: 467px;
   height: auto;
   display: table;
   background: #FFFFFF;
   border-radius: 8px;
   margin: 0 auto;
   position: relative;
}

.modal-add picture {
   width: 200px;
   height: 200px;
   display: block;
   margin: 20px auto 0;
}

.modal-add picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.modal-add .text {
   padding: 20px 20px 0px 20px;
}

.modal-add .text .title {
   width: 100%;
   text-align: center;
   font-weight: 700;
   margin-bottom: 20px;
   font-size: 30px;
}

.modal-add .text .price {
   width: 100%;
   height: auto;
   display: table;
   text-align: center;
   font-weight: 400;
   font-size: 20px;
}

.modal-add .buttons {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 20px;
   margin-bottom: 20px;
}

.modal-add .buttons .button {
   text-decoration: none;
   width: 220px;
   height: 55px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #FF5A5A;
   border-radius: 5px;
   font-weight: 500;
   font-size: 18px;
   line-height: 21px;
   color: #FFFFFF;
}

#sertificates {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 80px;
}

#sertificates .items {
   width: 100%;
   height: auto;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   gap: 20px;
}

#sertificates .items .item {
   width: 24%;
   height: auto;
   display: table;
}

#sertificates .items .item picture {
   width: 100%;
   height: 400px;
   display: block;
}

#sertificates .items .item picture img {
   width: 100%;
   height: 100%;
   display: table;
   object-fit: cover;
}

.frase {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px;
   background: #FF5A5A;
   border-radius: 4.67775px;
   margin-top: 15px;
}

.frase .info {}

.frase .info .tit {
   width: auto;
   height: auto;
   font-size: 17px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 2px;
}

.frase .info .description {
   width: auto;
   height: auto;
   display: table;
   color: #fff;
   font-size: 16px;
   font-weight: 200;
}

.frase .button {
   width: auto;
   height: auto;
   display: table;
   padding: 5px 15px;
   color: #fff;
   border: 1px solid #fff;
   border-radius: 4.67775px;
   text-decoration: none;
   margin-left: 20px;
}

.frase .button:hover {
   background: #fff;
   color: #FF5A5A;
}

#catalog .result .frase {
   margin-top: 0px;
   margin-bottom: 15px;
}

#catalog .result .subSection {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 5px;
}

#catalog .result .subSection a {
   float: left;
   width: auto;
   height: auto;
   display: table;
   padding: 3px 9px;
   border: 1px solid #A08771;
   text-decoration: none;
   color: #A08771;
   font-size: 11px;
   border-radius: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
}

#catalog .result .subSection a.active {
   color: #fff;
   background: #A08771;
}

#jobs {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 60px;
}

#jobs .items {
   width: 100%;
   height: auto;
   display: table;
   border-radius: 5px;
}

#jobs .items .item {
   border: 1px solid #414141;
   cursor: pointer;
   padding: 33px 39px 34px;
   border-radius: 5px;
   margin-bottom: 15px;
}

#jobs .items .item:last-child {
   /*border-bottom: none;*/
   margin-bottom: 0px;
}

#jobs .items .item:hover {
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
   background-color: #fff;
   border: 1px solid #fff;
}

#jobs .items .item .topbar {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#jobs .items .item .topbar .title {
   color: #414141;
   font-size: 22px;
   font-weight: 400;
   width: 80%;
}

#jobs .items .item .topbar .salary {
   color: #414141;
   font-size: 18px;
   font-weight: 700;
   text-align: right;
}

#jobs .items .item .strel {
   width: 40px;
   height: 40px;
   border: 1px solid #414141;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
}

#jobs .items .item:hover .strel,
#jobs .items .item.active .strel {
   color: #fff;
   background: #FF7979;
   border: 1px solid #FF7979;
}

#jobs .items .item .bottombar {
   width: 100%;
   margin-top: 15px;
   color: #000;
   font-size: 15px;
   display: none;
}

#jobs .items .item.active .bottombar {
   display: table;
}

#jobs .items .item.active .strel {
   transform: rotate(180deg);
}

#advantagesJob {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 50px;
}

#advantagesJob .title {
   width: 100%;
   text-align: center;
   height: auto;
   display: table;
   font-weight: 700;
   font-size: 30px;
   line-height: 36px;
   letter-spacing: 0.01em;
   color: #414141;
   margin-bottom: 30px;
   text-transform: uppercase;
}

#advantagesJob .items {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}

#advantagesJob .items .item {
   width: 32%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 15px;
   background: #FF7979;
   border-radius: 255px;
   margin-bottom: 15px;
}

#advantagesJob .items .item .int {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 255px;
   background: #E5E5E5;
   color: #FF7979;
   font-size: 22px;
   font-weight: 700;
   margin-right: 10px;
}

#advantagesJob .items .item .tit {
   color: #fff;
   font-size: 16px;
   font-weight: 300;
   width: 80%;
}

.notification {
   width: 100%;
   height: auto;
   text-align: center;
   font-size: 35px;
   padding: 30px 0;
   color: #000;
   opacity: 0.5;
}

.datepicker-booking {
   color: #000 !important;
   border: rgba(0, 0, 0, 0.1) !important;
   background: rgba(0, 0, 0, 0.1) !important;
   opacity: 0.5;
}

#imgLoad {
   width: 100%;
   height: auto;
   padding-top: 20px;
   padding-left: 20px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   margin-bottom: 20px;
}

#imgLoad .inputLoad {
   width: 100%;
   height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 15px;
   border-radius: 5px;
   border: 1px solid #888888;
   position: relative;
   overflow: hidden;
   text-align: center;
   font-size: 18px;
   cursor: pointer;
   color: #888888;
   margin-bottom: 10px;
}

#imgLoad .inputLoad input {
   width: 100%;
   height: 100%;
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   opacity: 0;
}

#imgLoad .inputLoad i {
   display: block;
   width: 100%;
   text-align: center;
   margin-bottom: 5px;
}

#imgLoad .inputLoad:hover {
   border: 1px solid #FF5A5A;
   color: #FF5A5A;
}

#imgLoad.load .inputLoad {
   width: 100%;
   height: 110px;
   font-size: 14px;
}

#imgLoad .imagesLoad {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   margin-bottom: 10px;
}

#imgLoad .imagesLoad .img {
   width: 110px;
   height: 110px;
   border-radius: 5px;
   overflow: hidden;
   display: block;
   position: relative;
   margin-right: 10px;
   margin-bottom: 10px;
   background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.1);
}

#imgLoad .imagesLoad .img picture {
   width: 100%;
   height: 100%;
   display: flex;
   overflow: hidden;
   align-items: center;
   justify-content: center;
   color: var(--brown);
}

#imgLoad .imagesLoad .img picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#imgLoad .imagesLoad .del {
   position: absolute;
   top: 0px;
   right: 0px;
   color: #fff;
   font-size: 16px;
   padding: 10px;
   cursor: pointer;
}

#imgLoad .imagesLoad .del:hover {
   color: #FF5A5A;
}

#imgLoad .imagesLoad {}

.infoTovar .form {
   width: 100%;
   height: auto;
   display: table;
}

.infoTovar .form input {
   width: 100%;
   height: 45px;
   display: block;
   border: 0;
   background: #FFFFFF;
   border: 1px solid rgba(65, 65, 65, 0.3);
   border-radius: 3px;
   outline: none;
   padding-left: 20px;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   color: rgba(65, 65, 65, 1);
   margin-top: 10px;
}

.infoTovar .form button {
   margin-top: 10px;
}

#newProduct {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 15px;
}

.bDopOptions {
   font-weight: 400;
   font-size: 12px;
   line-height: 100%;
   color: rgba(65, 65, 65, 0.6);
   text-decoration: none;
   padding-bottom: 2px;
   border-bottom: 1px dashed rgba(65, 65, 65, 0.6);
}

.bDopOptions:hover {
   color: #FF2727;
   border-bottom: 1px dashed #FF2727;
}

.bDopOptions.active {
   color: #FF5A5A;
   border-bottom: 1px dashed #FF5A5A;
}

#tovarPage #order {
   flex-wrap: wrap;
   padding-top: 15px;
}

#tovarPage #order .date {
   margin-top: 0px;
}

#tovarPage #order button {
   margin-top: 0px;
}

#tovarPage #order .input {
   margin-bottom: 30px;
}

#tovarPage #order .select {
   margin-top: 0px;
}

#tovarPage #order .date .input {
   margin-bottom: 10px;
}

.tiers {
   width: 100%;
   height: auto;
   display: table;
   margin-bottom: 10px;
}

.tiers .tier {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
}

.tiers .tier .tit {
   color: rgba(0, 0, 0, 0.5);
   font-size: 14px;
   margin-right: 10px;
   width: 60px;
   display: block;
}

.tiers .tier select.fillingsSelect {
   width: 220px;
}

.tiers .tier select,
.tiers .tier input {
   height: 40px;
   font-size: 18px;
   border-radius: 0px;
   background: #fff;
   border: 1px solid rgba(65, 65, 65, 0.3);
   padding: 0px 10px;
   outline: none;
}

.tiers .tier input.price,
.tiers .tier input.w-75 {
   width: 75px;
}

.tiers .tier select.weight {
   width: 85px;
}

.tiers .tier .amount {
   color: #FF5A5A;
   font-size: 18px;
   font-weight: 600;
   margin-left: 10px;
   width: 80px;
   text-align: right;
}

.tiers .tier .del {
   color: rgba(0, 0, 0, 0.5);
   font-size: 15px;
   width: 25px;
   text-align: right;
}

.tiers .tier .del:hover {
   color: rgba(0, 0, 0, 1);
}

.tiers .tier .error {
   text-align: right;
   color: #FF5A5A;
   font-size: 15px;
}

.tiers .newTier {
   width: 80%;
   height: 30px;
   background: #FF5A5A;
   color: #fff;
   font-size: 18px;
   padding: 10px 30px;
   text-decoration: none;
   display: table;
   text-align: center;
}

.tiers .newTier:hover {
   background: #FF2727;
}

.tiers .bottomNav {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.tiers .bottomNav .amount {
   width: 20%;
   text-align: right;
   color: #FF5A5A;
   font-size: 18px;
   font-weight: 600;
}

#fillings.page {
   width: 100%;
   height: auto;
   display: table;
   padding: 30px 0;
}

#fillings.page section {
   width: 100%;
   height: auto;
   background: #fff;
   border-radius: 20px;
   padding: 30px;
   margin-bottom: 60px;
}

#fillings.page section h2 {
   color: #414141;
   text-transform: uppercase;
   margin-bottom: 15px;
}

#fillings.page section .buttons {
   width: 100%;
   height: auto;
   display: table;
}

#fillings.page section .buttons .aItem {
   width: auto;
   height: auto;
   display: table;
   padding: 10px;
   color: rgba(65, 65, 65, 0.6);
   font-size: 15px;
   border: 1px solid rgba(65, 65, 65, 0.6);
   border-radius: 10px;
   float: left;
   text-decoration: none;
   margin-right: 10px;
   margin-bottom: 10px;
}

#fillings.page section .buttons .aItem:not(.active):hover {
   border: 1px solid #FF7979;
   color: #FF7979;
}

#fillings.page section .buttons .aItem.active {
   background: #FF7979;
   border: 1px solid #FF7979;
   color: #fff;
}

#fillings.page section .info {
   width: 100%;
   height: auto;
   margin-top: 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#fillings.page section .info picture {
   width: 35%;
   display: block;
}

#fillings.page section .info picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#fillings.page section .info .right {
   width: 60%;
}

#fillings.page section .info .right .title {
   color: #FF7979;
   font-size: 35px;
   margin-bottom: 20px;
   font-weight: 600;
}

#fillings.page section .info .right .text {
   margin-top: 10px;
   color: rgba(65, 65, 65, 0.6);
   font-size: 20px;
}

#fillings.page section .info .price {
   color: #FF7979;
   font-size: 25px;
   margin-top: 20px;
   font-weight: 600;
}

.decors {
   width: 100%;
   height: auto;
   margin-bottom: 10px;
}

.decors .decor {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
}

.decors .decor select,
.decors .decor input {
   height: 40px;
   font-size: 15px;
   border-radius: 0px;
   background: #fff;
   border: 1px solid rgba(65, 65, 65, 0.3);
   padding: 0px 10px;
   outline: none;
}

.decors .decor .vars {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.decors .decor .vars .var {
   width: 80px;
}

.decors .decor .vars .var .tit {
   width: 100%;
   height: auto;
   text-align: center;
   color: rgba(0, 0, 0, 0.5);
   font-size: 12px;
}

.decors .decor .vars .var .value {
   width: 100%;
   height: auto;
   text-align: center;
   color: #000;
   font-size: 15px;
   font-weight: 500;
}

.decors .decor input.quantity {
   width: 80px;
}

.decors .decor .result {
   width: 150px;
   height: auto;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.decors .decor .result .data {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.decors .decor .result .data span {
   color: rgba(0, 0, 0, 0.5);
   font-size: 12px;
}

.decors .decor .result .data b {
   color: rgba(0, 0, 0, 0.5);
   color: #000;
   font-size: 18px;
   font-weight: 500;
}

.decors .bottomNav {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.decors .bottomNav a.newDecor {
   width: 80%;
   height: 30px;
   background: #FF5A5A;
   color: #fff;
   font-size: 18px;
   padding: 10px 30px;
   text-decoration: none;
   display: table;
   text-align: center;
}

.decors .bottomNav a.newDecor:hover {
   background: #FF2727;
}

.decors .bottomNav .amount {
   width: 20%;
   text-align: right;
   color: #FF5A5A;
   font-size: 18px;
   font-weight: 600;
}

.decors .decor .del {
   color: rgba(0, 0, 0, 0.5);
   font-size: 15px;
   width: 25px;
   text-align: right;
}

.decors .decor .del:hover {
   color: rgba(0, 0, 0, 1);
}

#about {
   width: 100%;
   margin-bottom: 50px;
   padding-bottom: 0px;
   display: table;
}

#about h1 {
   width: 100%;
   height: auto;
   font-weight: 500;
   font-size: 35px;
   line-height: 120%;
   display: table;
   text-align: left;
   color: #414141;
   margin-bottom: 30px;
}

#about p {
   color: #000;
   font-size: 18px;
   margin-bottom: 15px;
   line-height: 140%;
}

#about p a {
   color: #FF5A5A;
}

#about a.button {
   width: auto;
   height: auto;
   display: table;
   padding: 15px 45px;
   background: #FF5A5A;
   border: 1px solid #FF7979;
   border-radius: 3px;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
   color: #FFFFFF;
   text-decoration: none;
}

#about a.button:hover {
   background: #FF2727;
}

#sales {
   width: 100%;
   height: auto;
   display: table;
   margin: 50px auto;
}

#sales .items {
   width: 100%;
   height: auto;
   display: table;
}

#sales .items .item {
   width: 100%;
   height: auto;
   background: #fff;
   overflow: hidden;
   border-radius: 10px;
   margin-bottom: 25px;
   cursor: pointer;
}

#sales .items .item:last-child {
   margin-bottom: 0px;
}

#sales .items .item .topbar {
   position: relative;
   width: 100%;
   overflow: hidden;
}

#sales .items .item .topbar.tit {
   height: 100px;
   padding: 0 30px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: rgba(0, 0, 0, 0.01);
}

#sales .items .item .title {
   color: #414141;
   font-size: 22px;
   font-weight: 400;
   width: auto;
   height: auto;
}

#sales .items .item .topbar.imgbg {
   height: 200px;
}

#sales .items .item .topbar.imgbg picture {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

#sales .items .item .topbar.imgbg picture img {
   object-fit: cover;
   width: 100%;
   height: 100%;
}

#sales .items .item:hover .topbar.imgbg img {
   width: 102%;
   height: 102%;
}

#sales .items .item .strel {
   width: 40px;
   height: 40px;
   border: 1px solid #414141;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
}

#sales .items .item.active .strel {
   transform: rotate(180deg);
}

#sales .items .item:hover .strel,
#sales .items .item.active .strel {
   color: #fff;
   background: #FF7979;
   border: 1px solid #FF7979;
}

#sales .items .item .bottombar {
   padding: 30px;
   color: #414141;
   width: 100%;
   font-weight: 400;
   font-size: 17px;
   line-height: 140%;
   display: none;
}

#sales .items .item.active .bottombar {
   display: table;
}

#sales .items .item .topbar.imgbg .strel {
   position: absolute;
   top: 80px;
   right: 30px;
   background: #fff;
}

#sales .items .item.active .topbar.imgbg .strel,
#sales .items .item:hover .topbar.imgbg .strel {
   color: #FF7979;
}

#payment {
   width: 100%;
   max-width: 900px;
   margin: 0 auto;
   height: auto;
   display: table;
   padding: 50px 0;
}

#payment h1 {
   color: #A08771;
   font-size: 30px;
   font-weight: 600;
   width: 100%;
   margin-bottom: 30px;
}

#payment .bgwhite {
   background: #fff;
   padding: 25px;
}

#payment .info {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}

#payment .left {
   width: 100%;
   max-width: 440px;
}

#payment .prices {}

#payment .prices ul {
   width: 100%;
   height: auto;
   display: table;
}

#payment .prices ul li {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
   color: #111111;
   font-size: 14px;
   font-weight: 300;
}

#payment .prices ul li:last-child {
   margin-bottom: 0px;
}

#payment .prices ul li b {
   color: #A08771;
   font-size: 16px;
}

#payment .prices ul li.amount {
   color: #A08771;
   font-size: 16px;
   font-weight: 600;
}

#payment .payments {
   margin-top: 15px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 15px;
}

#payment .payments .payOption {
   width: auto;
   height: auto;
   text-align: center;
   cursor: pointer;
   border: 3px solid #fff;
   padding: 15px;
}

#payment .payments .payOption .tit {
   color: #A08771;
   font-size: 14px;
   font-weight: 300;
}

#payment .payments .payOption .value {
   color: #A08771;
   font-size: 16px;
   font-weight: 600;
   margin-top: 5px;
}

#payment .payments .payOption.active {
   border: 3px solid #A08771;
   background: #fff;
}

#payment .payments .payOption:hover {
   background: #fff;
}

#payment .payments .payOption.active:hover {
   opacity: 0.85;
}

#payment .payButton {
   margin-top: 15px;
   height: 55px;
   display: table;
}

#payment .payButton .button {
   width: auto;
   height: auto;
   display: table;
   padding: 15px 45px;
   background: #FF5A5A;
   border-radius: 3px;
   font-weight: 500;
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.01em;
   color: #FFFFFF;
   border: 0;
   text-decoration: none;
}

#payment .payButton .button:hover {
   background: #FF2727;
}

#payment .basket {
   width: 100%;
   max-width: 440px;
   display: table;
}

#payment .basket .product {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #111111;
   font-size: 14px;
   font-weight: 300;
   margin-bottom: 10px;
}

#payment .basket .product:last-child {
   margin-bottom: 0px;
}

#payment .basket .product .title {
   width: 250px;
}

#payment .basket .product .price {
   width: 75px;
   display: block;
   text-align: right;
}

.productsOther {
   width: 100%;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.productsOther .items {
   display: flex;
   flex-wrap: wrap;
   gap: 15px;
}

.productsOther .product {
   width: 100%;
   border: 1px solid #c6c6c6;
   border-radius: 10px;
   width: 100%;
   height: 90px;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 25px;
   padding: 12px 16px;
}

.productsOther .product picture {
   width: 80px;
   min-width: 80px;
   max-height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 10px;
   overflow: hidden;
}

.productsOther .product picture img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
}

.productsOther .product .name {
   width: 100%;
   font-weight: 500;
   font-size: 18px;
   line-height: 100%;
   letter-spacing: 0.02em;
   color: #414141;
}

.productsOther .product .name select {
   width: 100%;
   height: 50px;
   background: 0;
   border: 0;
}

.productsOther .product .price {
   font-weight: 500;
   font-size: 18px;
   line-height: 100%;
   color: #414141;
   min-width: 70px;
   text-align: center;
}

.productsOther .product .quantity {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 9px;
}

.productsOther .product .quantity input {
   border: 1px solid #c6c6c6;
   border-radius: 10px;
   width: 43px;
   height: 43px;
   font-weight: 300;
   font-size: 18px;
   line-height: 100%;
   color: #414141;
   text-align: center;
   display: block;
   outline: none;
}

.productsOther .product .quantity span {
   font-weight: 300;
   font-size: 18px;
   line-height: 100%;
   color: #414141;
}

.productsOther .product .amount {
   font-weight: 700;
   font-size: 18px;
   line-height: 100%;
   color: #ff5a5a;
   min-width: 80px;
   text-align: right;
}

.productsOther .product .del {
   color: rgba(0, 0, 0, 0.5);
   font-size: 15px;
   width: 25px;
   text-align: right;
}

.productsOther .product .del:hover {
   color: rgba(0, 0, 0, 1);
}

.productsOther .bottomNav {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 23px;
}

.productsOther .bottomNav .newProduct {
   width: auto;
   min-width: 350px;
   height: auto;
   padding: 10px 56px;
   display: table;
   background: #ff5a5a;
   font-weight: 400;
   font-size: 18px;
   text-align: center;
   color: #fff;
   text-decoration: none;
}

.productsOther .bottomNav .newProduct:hover {
   background: #FF2727;
}

.productsOther .bottomNav .sale {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 9px;
   min-width: 150px;
}

.productsOther .bottomNav .sale input {
   border: 1px solid #c6c6c6;
   border-radius: 10px;
   width: 43px;
   height: 43px;
   font-weight: 300;
   font-size: 18px;
   line-height: 100%;
   color: #414141;
   text-align: center;
   display: block;
   outline: none;
}

.productsOther .bottomNav .sale span {
   font-weight: 300;
   font-size: 18px;
   line-height: 100%;
   color: #414141;
}

.productsOther .bottomNav .amount {
   width: 100%;
}

.productsOther .bottomNav .amount del {
   display: block;
   font-weight: 300;
   font-size: 13px;
   line-height: 100%;
   text-decoration: line-through;
   text-align: right;
   color: #414141;
}

.productsOther .bottomNav .amount span {
   display: block;
   font-weight: 700;
   font-size: 18px;
   line-height: 100%;
   text-align: right;
   color: #ff5a5a;
}

.titlePage {
   font-weight: 500;
   font-size: 30px;
   letter-spacing: 0.01em;
   width: 100%;
   height: auto;
   display: table;
   color: #414141;
   margin-bottom: 50px;
}

#articles .bread,
#article .bread {
   margin-bottom: 10px;
}

.articles {
   width: 100%;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 32px 26px;
}

.articles .article {
   width: calc(50% - 26px);
   height: 335px;
   background: #fff;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   overflow: hidden;
   text-decoration: none;
}

.articles .article picture {
   width: 269px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.articles .article picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.articles .article .info {
   width: auto;
   max-width: 270px;
   height: auto;
   display: table;
   padding: 16px 22px;
}

.articles .article .info .date {
   width: fit-content;
   height: auto;
   display: flex;
   align-items: center;
   gap: 3px;
   padding: 4px 9px;
   border-radius: 5px;
   font-weight: 300;
   font-size: 12px;
   line-height: 140%;
   color: #fff;
   background: #a08771;
   margin-bottom: 10px;
}

.articles .article .date i.mso {
   font-size: 12px;
}

.articles .article h3 {
   font-weight: 500;
   font-size: 17px;
   line-height: 140%;
   color: #414141;
}

.articles .article .text {
   margin-top: 10px;
   font-weight: 300;
   font-size: 16px;
   line-height: 140%;
   color: rgba(65, 65, 65, 0.5);
}

.articles .article .info .button {
   margin-top: 10px;
   font-weight: 300;
   font-size: 16px;
   line-height: 140%;
   color: #414141;
}

.articles .article:hover picture img {
   width: 105%;
   height: 105%;
}

.articles .article:hover .info h3,
.articles .article:hover .info .button {
   color: #ff7979;
}

#articles,
#article {
   margin-bottom: 60px;
}

#article .titlePage {
   display: flex;
   gap: 16px;
   align-items: center;
   flex-wrap: wrap;
}

#article .date {
   width: fit-content;
   height: auto;
   display: flex;
   align-items: center;
   gap: 3px;
   padding: 4px 9px;
   border-radius: 5px;
   font-weight: 300;
   font-size: 12px;
   line-height: 140%;
   color: #fff;
   background: #a08771;
}

#article picture {
   border-radius: 10px;
   width: 427px;
   height: 335px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   float: right;
   margin-left: 30px;
   margin-bottom: 30px;
}

#article picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

#article .text {
   font-weight: 300;
   font-size: 18px;
   line-height: 140%;
   color: #414141;
}

#article .text p {
   margin-bottom: 10px;
}

#article .text h3 {
   font-weight: 500;
   font-size: 24px;
   line-height: 140%;
   margin: 30px 0;
}

#article .text table {
   max-width: 800px;
   width: 100%;
   display: table;
   border-collapse: collapse;
   margin-bottom: 20px;
}

#article .text table th,
#article .text table td {
   padding: 12px;
   text-align: left;
   border: 1px solid #ddd;
}

#article .text table th {
   background-color: #f2f2f2;
   font-weight: bold;
}

#article .text table tr:nth-child(even) {
   background-color: #f9f9f9;
}

#article .text table tr:hover {
   background-color: #f5f5f5;
}

.my-address {
   margin-top: 10px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 5px;
}

.my-address label {
   display: table;
   width: auto;
   height: auto;
   padding: 5px 15px;
   color: var(--red);
   font-size: 16px;
   border: 1px solid var(--red);
   border-radius: 4px;
   cursor: pointer;
}

.my-address label:hover {
   background: var(--red);
   color: #fff;
}

.mob-buttons-right {
   width: 40px;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 15px;
   position: fixed;
   bottom: 70px;
   right: 20px;
   z-index: 3;
}

.mob-buttons-right a.mso {
   width: 40px;
   height: 40px;
   display: flex !important;
   align-items: center;
   justify-content: center;
   border-radius: 4px;
   border: 1px solid var(--red);
   background: rgba(255, 255, 255, 0.5);
   color: var(--red);
   font-size: 30px !important;
   cursor: pointer;
   text-decoration: none;
}

.mob-buttons-right a.mso:hover {
   opacity: 0.8;
}

.order-summary {
   max-width: 100%;
   margin: 0 auto;
   padding: 20px;
   background-color: #f5f5f5;
   border-radius: 8px;
}

.order-summary h2 {
   color: var(--black);
   text-align: center;
}

.order-summary .price-block p {
   width: 100%;
}

.order-summary .points-block,
.order-summary .price-block {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
   flex-direction: column;
   gap: 10px;
   margin-top: 20px;
}

.order-summary label {
   display: block;
   margin-bottom: 5px;
   color: var(--brown);
}

.order-summary input[type="number"] {
   width: 100%;
   padding: 8px;
   margin-bottom: 10px;
   border: 1px solid var(--brown);
   border-radius: 4px;
   outline: none;
   user-select: none;
}

.order-summary button {
   background-color: var(--green);
   color: white;
   border: none;
   padding: 10px 15px;
   border-radius: 4px;
   cursor: pointer;
}

.order-summary button:hover {
   background-color: #006c44;
}

.order-summary .total {
   font-weight: bold;
   color: var(--red);
}

.check {
   margin: 13px auto;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 10px;
}

.check input[type='checkbox'] {
   width: 15px;
   height: 15px;
   display: block;
   margin: 0;
   padding: 0;
}

.check label {
   font-weight: 300;
   font-size: 14px;
   line-height: 140%;
   color: rgba(65, 65, 65, 1);
   user-select: none;
}

.check label a {
   color: rgba(65, 65, 65, 1);
}

@media (max-width: 480px) {
   .order-summary .order-summary {
      padding: 15px;
   }
}