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

img {
   max-width: 100%;
}

textarea {
   resize: none;
}

@font-face {
   font-family: "AmazonEmberRegular";
   src: url("../fonts/AmazonEmberRegular/AmazonEmberRegular.eot");
   /* IE9*/
   src: url("../fonts/AmazonEmberRegular/AmazonEmberRegular.eot?#iefix") format("embedded-opentype"),
      /* IE6-IE8 */
      url("../fonts/AmazonEmberRegular/AmazonEmberRegular.woff2") format("woff2"),
      /* chrome、firefox */
      url("../fonts/AmazonEmberRegular/AmazonEmberRegular.woff") format("woff"),
      /* chrome、firefox */
      url("../fonts/AmazonEmberRegular/AmazonEmberRegular.ttf") format("truetype"),
      /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/AmazonEmberRegular/AmazonEmberRegular.svg#Amazon Ember Regular") format("svg");
   /* iOS 4.1- */
}

.none {
   display: none !important;
}

figure {
   margin: 0;
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -ms-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   padding: 0;
   color: #292929;
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -ms-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
}

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

ul,
ol {
   list-style: none;
   -webkit-transition: .2s;
   -moz-transition: .2s;
   -ms-transition: .2s;
   -o-transition: .2s;
   transition: .2s;
}

* {
   margin: 0;
   padding: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   font-family: "AmazonEmberRegular";
}

input {
   outline: none;
}

body {
   margin: 0;
   padding: 0;

}

p {
   color: #4d4b4b;
}

#sandwich {
   align-self: center;
   width: 26px;
   height: 28px;
   cursor: pointer;
   display: none;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

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

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

.sw-footer {
   position: relative;
   width: 26px;
   height: 4px;
   top: 15px;
   margin: auto;
   background: #292929;
   border: none;
   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: 1280px;
   margin: auto;
}

.navigation-close {
   display: none;
}

.logo a {
   font-family: 'Book Antiqua', arial;
   font-size: 22px;
   color: #292929;
   text-decoration: none;
}

.logo a span {
   color: #F00;
   font-size: 30px;
   font-weight: 700;
   font-family: 'Book Antiqua', arial;
}

.modal {
   max-width: 630px;
   margin: auto;
   position: relative;
   background: #FFF;
   padding: 40px 106px;
   border: 2px solid #edeeef;
}

.field-modal input {
   width: 100%;
}

.modal button.mfp-close {
   width: 40px;
   height: 40px;
   background: #818384;
   -webkit-border-radius: 20px;
   border-radius: 20px;
   color: #fff;
   font-size: 30px;
   top: -20px;
   right: -20px;
   font-weight: 700;
}

.modal button.send-modal {
   width: 248px;
   display: block;
   height: 36px;
   text-align: center;
   line-height: 36px;
   color: #FFF;
   text-decoration: none;
   font-size: 18px;
   outline: none;
   border: none;
   margin-bottom: 12px;
   background: #F00;
   display: block;
   margin: auto;
}

.modal {
   margin: 50px auto;
}

.buttons-modal {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-bottom: 30px;
   padding-top: 5px;
}

.reg-with-social {
   text-align: center;
   margin-bottom: 23px;
}

.soc {
   padding: 11px 0;
   padding-bottom: 17px;
}

.soc a {
   margin: 0 4px;
}

.soc a:hover {
   opacity: .85;
}

.modal.modal-create {
   padding: 10px 106px;
}

.buttons-modal a {
   font-size: 16px;
   text-decoration: none;
   display: block;
   color: #3F3F3F;
   padding: 7px 12px;
   background: #F7F7F8;
}

.buttons-modal a:hover,
.buttons-modal a:active {
   color: #fff;
   background: #3F3F3F;
}

header {
   border-bottom: 6px solid #ff0000;
   padding: 30px 0;
}

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

.navigation ul,
.footer-nav ul {
   display: flex;
}

.navigation ul li,
.footer-nav ul li {
   padding: 0 15px;
}

.navigation ul li a,
.footer-nav ul li a,
.myacount-header a,
.cart-header a,
.myacount-header a p,
.cart-header a p {
   color: #292929;
   text-decoration: none;
   font-size: 16px;
}

.navigation ul li a:hover,
.navigation ul li a:active,
.navigation ul li.active a,
.footer-nav ul li a:active,
.footer-nav ul li a:hover,
.footer-nav ul li.active a,
.myacount-header a:hover,
.myacount-header a:active,
.cart-header a:hover,
.cart-header a:active {
   color: #F00;
}

.right-header {
   display: flex;
}

.myacount-header {
   margin-right: 25px;
}

.myacount-header a,
.cart-header a {
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   float: left;
}

.myacount-header a.exit {
   margin-left: 22px;
   opacity: 0.8;
}

.myacount-header a.exit:hover {
   opacity: 1;
}

.right-header i {
   margin-right: 8px;
}

.cart-header a {
   position: relative;
}

.cart-header a span {
   position: absolute;
   width: 18px;
   height: 18px;
   top: -18px;
   left: 0;
   font-size: 12px;
   -webkit-border-radius: 9px;
   border-radius: 9px;
   background: #F00;
   text-align: center;
   line-height: 18px;
   color: #fff;
}

.home {
   width: 100%;
   height: 444px;
   background: url("../images/home.jpg") no-repeat 100% / cover;
   display: flex;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
}

.title-home {
   font-size: 48px;
   color: #FFF;
   text-align: center;
   margin-bottom: 45px;
}

.home__container form {
   width: 680px;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-items: center;
   align-items: center;
   border: 3px solid #ffffff;
   padding: 0 24px;

}

.home__container form input {
   width: 80%;
   border: none;
   outline: none;
   font-size: 18px;
   background: none;
   height: 48px;
   color: #FFF;
   font-weight: 400;
   transition: 1s;
}

.home__container form input:focus {
   width: 100%;
   height: 60px;
   font-size: 22px;
}

.home__container form button {
   background: none;
   outline: none;
   border: none;
   color: #FFF;
}

.home__container form input::-webkit-input-placeholder {
   color: #FFF;
}

.home__container form input::-moz-placeholder {
   color: #FFF;
}

/* Firefox 19+ */
.home__container form input:-moz-placeholder {
   color: #FFF;
}

/* Firefox 18- */
.home__container form input:-ms-input-placeholder {
   color: #FFF;
}

.about {
   padding: 60px 0;
}

.title {
   font-size: 30px;
   text-align: center;
   font-weight: normal;
   margin-bottom: 40px;
}

.about__container p {
   margin-bottom: 25px;
   font-size: 18px;
   line-height: 140%;
}

.about__container p:last-child {
   margin-bottom: 0;
}

.our-benefits {
   padding: 45px 0;
   background: #F6F5F5;
}

.our-benefits__block {
   width: 30%;
}

.our-benefits__block img {
   margin-bottom: 30px;
}

.our-benefits__container {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   text-align: center;
}

.our-benefits__block h3 {
   color: #4D4B4B;
   font-size: 24px;
   margin-bottom: 15px;
   font-weight: normal;
}

.our-benefits__block p {
   font-size: 18px;
}

.view-catlog {
   max-width: 1170px;
   margin: auto;
   padding: 80px 0;
   text-align: center;
}

.view-catlog p {
   font-size: 18px;
   line-height: 140%;
   margin-bottom: 60px;
}

.view-catlog a.button {
   width: 310px;
   height: 61px;
   color: #FFF;
   text-decoration: none;
   font-size: 24px;
   background: #F00 url(../images/view-catalog.png) no-repeat left 44px center;
   display: block;
   line-height: 61px;
   margin: auto;
   text-indent: 115px;
   text-align: left;
}

.view-catlog a.button:hover,
.view-catlog a.button:active {
   background: #920505 url(../images/view-catalog.png) no-repeat left 44px center;
}

footer {
   background: #EAEBED;
}

.foot {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-items: center;
   align-items: center;
   padding: 70px 0;
}

.copy {
   font-size: 18px;
   color: #292929;
}

/* original*/
.page-header {
   margin-bottom: 30px;
   padding-top: 29px;
   padding-bottom: 24px;
   background: url(../images/home.jpg) no-repeat 100% / cover;
}

.page-header__container h1 {
   font-size: 36px;
   color: #FFF;
   font-weight: 600;
   margin-bottom: 10px;
}

.bread-crumbs p {
   display: flex;
}

.bread-crumbs p a {
   font-size: 14px;
   color: #FFF;
   text-decoration: none;
   display: block;
   margin-right: 30px;
   position: relative;
}

.bread-crumbs p a:last-child {
   margin-right: 0;
}

.bread-crumbs p a:after {
   content: url(../images/crumbs.png);
   position: absolute;
   top: 0px;
   right: -20px;
}

.bread-crumbs p a:last-child:after {
   display: none;
}

.original-page {
   padding: 25px 40px;
   border: 2px solid #eaebed;
   margin-bottom: 50px;
}

.original-page__title,
.contact-page__title,
.viewed__title,
.title-detail,
.title-modal,
.prersonal-info__title,
.your-order__title,
.successful-order,
.customers__title,
.grand-total {
   width: 100%;
   background: #F7F7F8;
   text-align: center;
   font-size: 24px;
   color: #292929;
   font-weight: normal;
   padding: 10px 0;
   margin-bottom: 35px;
}

.title-modal,
.prersonal-info__title,
.your-order__title,
.grand-total {
   max-width: 250px;
   margin: auto;
   margin-bottom: 20px;
}

.prersonal-info__title {
   margin-bottom: 13px;
}

.original-page__data,
.original-page__form {
   width: 45%;
}

.grand-total {
   margin-bottom: 0;
   font-size: 18px;
   color: #3F3F3F;
   margin-top: 20px;
}

.grand-total .grand-total__valute {
   color: #292929;
   display: inline-block;
   margin-left: 14px;
   margin-right: 6px;
   font-weight: 600;
}

.grand-total__price {
   color: #292929;
   font-size: 24px;
   font-weight: 600;

}

.original-page__container {
   display: flex;
   margin-bottom: 44px;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.data-container ul li {
   display: flex;
   margin-bottom: 13px;
   position: relative;

}

.data-container ul li p {
   font-size: 14px;
   width: 95px;
}

.data-container ul li span {
   font-size: 18px;
   width: 420px;
}

.data-container ul li span strong {
   font-weight: 600;
}

.form-container__field label,
.contact-page__form label,
.field-modal label,
.prersonal-info__field label {
   font-size: 14px;
   display: block;
   color: #818384;
   margin-bottom: 10px;
}

.form-container__field input {
   text-indent: 10px;
}

.form-container__field input,
.field-modal input,
.field-modal textarea,
.contact-page__form input,
.prersonal-info__field input,
.prersonal-info__field textarea,
.form-container__field textarea,
.contact-page__form textarea {
   width: 100%;
   display: block;
   height: 31px;
   margin-bottom: 15px;
   border: 1px solid #B9BABC;
   font-family: "AmazonEmberRegular";
   outline: none;
   border-radius: 0px !important;
}

.field-modal input {
   text-indent: 13px;
}

.form-container__field textarea,
.field-modal textarea,
.prersonal-info__field textarea {
   padding: 10px;
   height: 50px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.prersonal-info__field input {
   text-indent: 20px;
   border-radius: 0px !important;
}

.field-modal textarea {
   height: 64px;
}

.contact-page__form textarea,
.prersonal-info__field textarea {
   height: 100px;
   margin-bottom: 28px;
}

.field-modal input {
   margin-bottom: 15px;
}

.btn-form {
   width: 249px;
   height: 36px;
   color: #fff;
   background: #F00;
   font-size: 24px;
   border: none;
   outline: none;
   display: block;
   margin: auto;
}

.btn-form:hover,
.btn-form:active,
.contact-page__form button:hover,
.contact-page__form button:active {
   background: #920505;
}

/* search*/
.searched-for {
   padding: 11px 0;
   background: #F7F7F8;
   margin-bottom: 17px;
}

.close {
   display: inline-block;
   width: 10px;
   height: 10px;
   background: url("../images/close.png");
}

.searched-for__title {
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   margin-bottom: 15px;
}

.searched-for__title .btn-clear {
   margin-top: 0px;
}

.searched-for__title h1 {
   font-size: 18px;
   color: #3f3f3f;
   font-weight: 600;

}

.search-wrapp p {
   font-size: 14px;
   color: #7f8082;
}

.searched-for__cont {
   margin-left: 15px;
}

.searched-for__cont,
.searched-for__cont p {
   display: flex;
}

.searched-for__cont p a {
   display: flex;
   color: #76787a;
   margin-right: 25px;
   text-decoration: none;
}

.searched-for__cont p {
   color: #76787a;
}

.searched-for__cont p a .close {
   margin-top: 7px;
   margin-left: 5px;
}

.search-filter {
   width: 300px;
   -webkit-align-self: flex-start;
   align-self: flex-start;
   padding: 25px 35px;
   background: #F7F7F8;
}

.search-page,
.catalog-page {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.title-filter {
   font-size: 24px;
   color: #292929;
   font-weight: normal;
   margin-bottom: 30px;
   text-align: center;
}

.field-search p {
   font-size: 16px;
   color: #292929;
   margin-bottom: 10px;
   font-weight: normal;
}

.field-search input[type="text"] {
   width: 100%;
   height: 31px;
   text-indent: 10px;
   font-size: 14px;
   border: 1px solid #B9BABC;
   margin-bottom: 16px;
   border-radius: 0px !important;
}

.field-search input::-webkit-input-placeholder {
   color: #818384;
}

.field-search input::-moz-placeholder {
   color: #818384;
}

/* Firefox 19+ */
.field-search input:-moz-placeholder {
   color: #818384;
}

/* Firefox 18- */
.field-search input:-ms-input-placeholder {
   color: #818384;
}

.btn-filter {
   width: 180px;
   color: #ffffff;
   border: none;
   outline: none;
   height: 25px;
   background: #3F3F3F;
   font-size: 16px;
   font-weight: normal;
   margin: auto;
   display: block;
   margin-top: 45px;
}

.aLink {
   color: #292929;
   font-size: 18px;
}

.btn-filter:hover,
.btn-filter:active,
.request:hover,
.request:active {
   background: #2F2F2F;
}

.btn-clear {
   width: 180px;
   color: #ffffff;
   border: none;
   outline: none;
   height: 25px;
   background: #F00;
   font-size: 16px;
   font-weight: normal;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 5px;
   text-decoration: none;
}

.btn-clear:hover {
   background: #920505;
}

.irs-handle {
   width: 11px !important;
   height: 11px !important;
   top: 21px !important;
   -webkit-border-radius: 6px !important;
   border-radius: 6px !important;
   background: #3f3f3f !important;
   cursor: pointer;
}

.irs-handle i {
   display: none !important;
}

.irs--flat .irs-bar {
   background: #3f3f3f;
   height: 3px !important;
}

.irs--flat .irs-line {
   background: #e4e4e5 !important;
   -webkit-border-radius:  !important;
   border-radius:  !important;
   height: 3px !important;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
   display: none !important;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
   display: none;
}

.irs-min,
.irs-max {
   display: none;
}

.irs-from,
.irs-to,
.irs--flat .irs-single {
   top: -20px;
   margin-left: 23px;
   width: 44px !important;
   height: 28px !important;
   background: #e1e1e2 !important;
   -webkit-border-radius: 0 !important;
   border-radius: 0 !important;
   color: #3f3f3f !important;
   font-weight: normal !important;
   font-size: 14px !important;
   text-align: center !important;
   line-height: 28px !important;

}

.irs--flat .irs-single {
   width: auto !important;
}

.irs-from:after {
   content: "From" !important;
   position: absolute;
   right: 110%;
   font-size: 14px;
   color: #76787a;
}

.irs-to:after {
   content: "To" !important;
   position: absolute;
   font-size: 14px;
   right: 110%;
   color: #76787a;
}

.slider-step {
   margin-top: -15px;
}

.data-fields {
   margin-top: 15px;
}

.select-css {
   display: block;
   font-size: 16px;
   font-weight: normal;
   color: #76787a;
   line-height: 1.3;
   height: 28px;
   padding: 0 7px;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
   border: 1px solid #b9babc;
   outline: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   background-image: url(../images/select.png);
   background-repeat: no-repeat, repeat;
   background-position: right 7px top 50%, 0 0;
   background-size: .65em auto, 100%;
}

.select-view {
   width: 61px;
}

.select-order {
   width: 190px;
}

.search-container__filter {
   margin-bottom: 20px;

}

.search-container__filter form {
   display: flex;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
}

.search-container__filter form div {
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   margin-right: 35px;
}

.search-container__filter form div:last-child {
   margin-right: 0;
}

.search-container__filter form div p {
   margin-right: 10px;
}

.search-container__content {
   border: 2px solid #eaebed;
   width: 100%;
   margin-bottom: 30px;
}

.search-container {
   width: 74.5%;
}

.image-tovar {
   width: 171px;
   height: 228px;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   /*border: 1px solid #B9BABC;*/
   margin-right: 25px;
}

.image-tovar picture {
   width: 100%;
   height: 100%;
   display: block;
}

.image-tovar picture img {
   max-width: unset;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.list-tovars {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding: 35px 16px;
   border-bottom: 2px solid #EAEBED;
}

.list-tovars:last-child {
   border-bottom: none;
}

.wrapper-tovar {
   width: 80%;
}

.description-tovar p {
   color: #292929;
   font-size: 14px;
}

.kharakteristiks-tovar {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.kharakteristiks-tovar__left .data-container ul li p {
   color: #818384;
}

.kharakteristiks-tovar__left .data-container ul li span a {
   color: #292929;
}

.kharakteristiks-tovar a.linkTovar {
   text-decoration: none;
   color: #292929;
}

.price-tovar p {
   text-align: center;
   font-size: 25px;
   color: #292929;
   font-weight: 600;
   margin-bottom: 40px;
}

.price-tovar p span {
   font-size: 18px;
   margin-right: 8px;
   display: inline-block;
}

.add-to-cart {
   width: 200px;
   display: block;
   height: 36px;
   text-align: center;
   line-height: 36px;
   color: #FFF;
   text-decoration: none;
   font-size: 18px;
   margin-bottom: 12px;
   background: #F00;
}

.add-to-cart i {
   margin-right: 10px;
   font-size: 20px;
}

.add-to-cart:hover,
.add-to-cart:active,
.modal button.send-modal:hover,
.modal button.send-modal:active {
   background: #920505;
}

.request {
   display: block;
   width: 200px;
   height: 30px;
   background: #3F3F3F;
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   line-height: 30px;
}

.pagination-content {
   border: 2px solid #EDEEEF;
   padding: 11px 0;
   margin-top: 26px;
   margin-bottom: 50px;
}

.pagination-content ul {
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.prev-page a {
   margin-left: -57px;
}

.next-page {
   margin-right: -57px;
}

.next-page a {
   margin-left: 57px;
}

.prev-page a,
.next-page a {
   color: #8E98A0;
   font-size: 24px;
   text-decoration: none;
}

.link-pag a {
   width: auto;
   height: 29px;
   display: block;
   font-size: 18px;
   line-height: 29px;
   text-align: center;
   color: #3F3F3F;
   text-decoration: none;
   padding: 0px 5px;
}

.pagination-content ul li.active a,
.link-pag a:hover {
   background: #F00;
   color: #FFF;
}

.hide-description {
   position: absolute;
   width: 200px;
   padding: 17px;
   left: 0;
   /* 100% */
   top: 35px;
   display: none;
   background: rgba(71, 71, 71, .95);
   -webkit-box-shadow: 2px 0 9px rgba(71, 71, 71, .33);
   box-shadow: 2px 0 9px rgba(71, 71, 71, .33);
}

.hide-description p {
   font-size: 16px !important;
   color: #FFF !important;
   width: auto !important;

}

.show-descr {
   position: relative;
}

.show-descr:hover .hide-description {
   display: block;
}

/* 404 */
.not-found-page {
   border: 2px solid #eaebed;
   padding-top: 55px;
   padding-bottom: 75px;
   margin-bottom: 50px;
}

.not-found-page h2 {
   text-align: center;
   font-size: 172px;
   font-weight: 700;
   color: #ff0000;
   text-shadow: 2px 0 4px rgba(71, 71, 71, .35);
   margin-bottom: 63px;
   line-height: 75%;
}

.not-found-page h3 {
   color: #3F3F3F;
   text-align: center;
   font-size: 24px;
   font-weight: 400;
   margin-bottom: 40px;
   line-height: 75%;
}

.not-found-page h4 {
   font-size: 16px;
   color: #3F3F3F;
   font-weight: 400;
   text-align: center;
   margin-bottom: 80px;
}

.not-found__buttons {
   max-width: 690px;
   margin: auto;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.not-found__buttons a {
   width: 250px;
   height: 36px;
   text-align: center;
   line-height: 36px;
   text-decoration: none;
   color: #FFF;
   font-size: 18px;
   background: #F00;
}

.not-found__buttons a i {
   font-size: 24px;
   margin-right: 18px;
}

.not-found__buttons a img {
   vertical-align: middle;
   margin-right: 18px;
}

.not-found__buttons a:hover,
.not-found__buttons a:active {
   background: #920505;
}

/* contact */
.contact-page {
   border: 2px solid #eaebed;
   padding-top: 21px;
   padding-bottom: 34px;
   margin-bottom: 50px;
   min-height: 400px;
}

.contact-page__title {
   max-width: 409px;
   margin: auto;
   margin-bottom: 55px;
}

.contact-page p {
   font-size: 16px;
   color: #3F3F3F;
   margin: auto;
   margin-bottom: 15px;
   text-align: center;
   max-width: 1100px;
}

.contact-page__form {
   padding-top: 25px;
}

.contact-page__form {
   max-width: 555px;
   margin: auto;
}

.contact-page__form input,
.contact-page__form textarea {
   text-indent: 20px;
}

.contact-page__form button {
   width: 200px;
   outline: none;
   border: none;
   color: #FFF;
   height: 36px;
   font-size: 24px;
   background: #F00;
   margin: auto;
   display: block;

}

/* product */
.similar {
   width: 300px;
   background: #F7F7F8;
   padding: 28px 25px;
   -webkit-align-self: flex-start;
   align-self: flex-start;
}

.similar h3 {
   text-align: center;
   margin-bottom: 26px;
   font-weight: 500;
   color: #292929;
   font-size: 24px;
}

.similar-item {
   padding: 15px 0;
   border-top: 2px solid #fff;
}

.similar-item a {
   text-decoration: none;
   text-align: center;
   display: block;
   color: #818384;
   font-size: 14px;
   margin-bottom: 10px;
   font-weight: 400;
}

.similar-item p {
   font-size: 20px;
   font-weight: 600;
   text-align: center;
}

.similar-item p span {
   display: inline-block;
   margin-right: 6px;
   font-size: 16px;
}

.product-page__container {
   border: 2px solid #eaebed;
   padding: 34px;
   width: 74.5%;
}

.product-page {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-bottom: 45px;
}

.viewed {
   padding: 20px 40px;
   border: 2px solid #eaebed;
   margin-bottom: 50px;
}

.viewed .button {
   width: 200px;
   height: 27px;
   border: 1px solid #000000;
   text-align: center;
   display: block;
   line-height: 24px;
   color: #3F3F3F;
   font-size: 16px;
   text-decoration: none;
   margin: 15px auto 0;
}

.viewed .button:hover {
   color: #fff;
   background: #000000;
}

.viewed__container {
   display: flex;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.viewed__title {
   text-align: left;
   text-indent: 37px;
   margin-bottom: 43px;
}

.tovar-viewed {
   width: 170px;
   margin-bottom: 20px;
}

.tovar-viewed a {
   text-decoration: none;
}

.tovar-viewed__image {
   width: 138px;
   height: 190px;
   border: 1px solid #B9BABC;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   margin: auto;
   margin-bottom: 25px;
}

.tovar-viewed__image picture {
   width: 100%;
   height: 100%;
   display: block;
}

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

.tovar-viewed .name-tovar {
   font-size: 14px;
   text-align: center;
   color: #292929;
   margin-bottom: 10px;
}

.price-tovar {
   font-size: 18px;
   text-align: center;
   font-weight: 600;
   color: #292929;

}

.price-tovar span {
   font-size: 14px;
   display: inline-block;
   margin-right: 6px;
}

.title-detail {
   text-indent: 15px;
   text-align: left;
   margin-bottom: 30px;
}

.list-detail {
   margin-bottom: 38px;
}

.list-detail li {
   display: flex;
   margin-bottom: 21px;
}

.list-detail li p {
   width: 150px;
   font-size: 14px;
   color: #818384;
}

.list-detail li span {
   font-size: 16px;
   color: #292929;
}

.conteiner-deatil {
   margin-bottom: 15px;
}

.conteiner-deatil p {
   color: #292929;
   font-size: 15px;
   margin-bottom: 15px;
   line-height: 24px;
}

.additional-information {
   padding: 28px 38px;
   background: #f7f7f8;
   line-height: 30px;
   font-size: 18px;
   text-align: center;
   color: #F7F7F8;
   font-weight: 600;
}

.product-image {
   width: 221px;
   height: 300px;
   border: 1px solid #B9BABC;
}

.product-image picture {
   width: 100%;
   height: 100%;
   display: block;
}

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

.product-page__block {
   margin-bottom: 34px;
}

.buttons-product {
   width: 200px;
   padding-top: 0px;
}

.buttons-product .price-tovar p {
   margin-bottom: 24px;
}

.question {
   width: 200px;
   height: 27px;
   border: 1px solid #000000;
   text-align: center;
   display: block;
   margin-top: 15px;
   line-height: 24px;
   color: #3F3F3F;
   font-size: 16px;
   text-decoration: none;
}

.question:hover {
   color: #fff;
   background: #000000;
}

.product-wrapp {
   display: flex;
   width: 70%;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.product-page__block {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.list-info {
   padding-top: 0px;
}

.list-info li {
   display: flex;
   margin-bottom: 17px;
}

.list-info li p {
   font-size: 14px;
   color: #818384;
   width: 95px;
}

.list-info li span,
.list-info li span a,
.list-info li h4,
.list-info li span strong {
   font-size: 18px;
   color: #292929;
   width: 300px;
}

.list-info li span {
   font-size: 16px;
}

.list-info li h4 {

   font-weight: 600;
}

.list-info li span strong {
   font-weight: 600;
}

/* order */
.order-page {
   margin-bottom: 50px;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.prersonal-info {
   border: 2px solid #eaebed;
   padding: 15px 30px;
   width: 57.8%;
}

.your-order {
   border: 2px solid #eaebed;
   padding: 30px 0;
   padding-bottom: 20px;
   width: 40%;
   -webkit-align-self: flex-start;
   align-self: flex-start;
}

.prersonal-info__form {
   padding-top: 20px;
}

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

.back-cart {
   width: 250px;
   height: 35px;
   line-height: 38px;
   text-align: center;
   font-size: 18px;
   color: #3f3f3f;
   background: #f7f7f8;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-decoration: none;
}

.back-cart:hover,
.back-cart:active {
   color: #fff;
   background: #3F3F3F;
}

.back-cart span {
   display: block;
   color: #818384;
   margin-right: 42px;
}

.place-order {
   width: 250px;
   height: 35px;
   color: #fff;
   background: #F00;
   outline: none;
   border: none;
   font-size: 24px;
   font-weight: 500;
}

.place-order:hover,
.place-order:active {
   background: #920505;
}

.your-order__head,
.your-order__cont {
   display: flex;
   text-align: center;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   padding: 11px 9px;
}

.your-order__cont,
.your-order__head {
   border-bottom: 2px solid #eaebed
}

.head-photo {
   width: 50px;
}

.cont-photo__image,
.order-list__photo {
   width: 50px;
   height: 70px;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   border: 1px solid #B9BABC;
}

.cont-photo__image picture {
   width: 100%;
   height: 100%;
   display: block;
}

.cont-photo__image picture img {
   width: 100% !important;
   height: 100%;
   object-fit: cover;
}

.cont-title,
.head-title {
   width: 160px;
   padding: 0 10px;
}

.cont-title a {
   font-size: 12px;
   display: block;
   text-align: left !important;
   color: #292929;
   text-decoration: none;
}

.your-order__head p {
   color: #818384;
   font-size: 12px;
}

.cont-price p,
.cont-total p,
.cont-count p {
   font-size: 16px;
   font-weight: 600;
}

.cont-price p span,
.cont-total p span {
   display: inline-block;
   margin-right: 6px;
   font-size: 12px;
}

/*successful*/
.successful {
   border: 2px solid #eaebed;
   padding-top: 35px;
   padding-bottom: 75px;
   margin-bottom: 50px;
}

.successful-order {
   max-width: 630px;
   margin: auto;
   margin-bottom: 55px;
}

.successful .thanks {
   max-width: 920px;
   text-align: center;
   font-size: 18px;
   margin: auto;
   margin-bottom: 79px;
}

.successful .to-home {
   width: 250px;
   height: 36px;
   line-height: 36px;
   text-align: center;
   display: block;
   margin: auto;
   text-decoration: none;
   background: #F7F7F8;
   font-size: 18px;
   color: #3f3f3f;
}

.successful .to-home:hover,
.successful .to-home:active {
   background: #DEDEE2;
}

.successful .to-home img {
   vertical-align: middle;
   margin-right: 25px;
}

/* my account*/
.my-account {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   margin-bottom: 50px;
}

.menu-account {
   background: #f7f7f8;
   -webkit-align-self: flex-start;
   align-self: flex-start;
   width: 300px;
   padding: 25px 20px;
}

.menu-account h2 {
   font-size: 24px;
   text-align: center;
   font-weight: 400;
   color: #292929;
   margin-bottom: 22px;
}

.menu-account ul li {
   border-top: 2px solid #fff;
   padding: 10px 0;
}

.menu-account ul li a {
   width: 100%;
   height: 35px;
   text-align: center;
   text-decoration: none;
   color: #818384;
   display: block;
   line-height: 35px;
}

.menu-account ul li.active a {
   background: #FFF;
}

.menu-account ul li a:hover {
   background: #FFF;
}

.container-account {
   width: 74%;
   border: 2px solid #eaebed;
   padding: 30px;
}

.my-account__data ul {
   margin-left: 50px;
   margin-top: 10px;
}

.my-account__data a.exit {
   width: auto;
   height: auto;
   display: table;
   padding: 9px 42px;
   background: #3f3f3f;
   color: #fff;
   font-size: 16px;
   text-decoration: none;
   display: table;
   margin-left: 50px;
}

.my-account__data a.exit:hover {
   background: #eaebed;
   color: #3f3f3f;
}

.my-account__data ul li {
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   margin-bottom: 35px;
}

.title-data {
   font-size: 15px;
   color: #818384;
   width: 150px;
}

.title-data span {
   display: block;
   font-size: 12px;
   width: 90px;
}

.content-data {
   color: #3F3F3F;
   font-size: 16px;
}

.content-data a {
   color: #3F3F3F;
   text-decoration: none;
}

.order-list-head {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   background: #F7F7F8;
   padding: 12px 0;
   padding-right: 45px;
   padding-left: 70px;
   position: relative;
   cursor: pointer;
   margin-bottom: 15px;
}

.order-list-head:before {
   content: url(../images/open-order.png);
   position: absolute;
   top: 14px;
   left: 35px;
   transform: rotate(0deg);
}

.order-list-head.active:before {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
}

.order-num,
.order-total {
   font-size: 18px;
   font-weight: 600;
   color: #292929;
}

.order-date {
   font-size: 16px;
   color: #292929;
}

.order-list__wrapp,
.order-list__head {
   margin-left: 73px;
   margin-right: 35px;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.order-list__title a,
.order-list__title {
   font-size: 12px;
   text-decoration: none;
   color: #292929;
}

.order-list__head {
   padding: 12px 0;
   border-bottom: 2px solid #F7F7F8;
   margin-bottom: 12px;
}

.order-list__head p {
   font-size: 12px;
   color: #818384;
}

.tt-photo {
   width: 70px;
   text-align: center;
}

.order-list__photo {
   margin-left: 10px;
   margin-right: 10px;
}

.order-list__photo picture {
   width: 100%;
   height: 100%;
   display: block;
}

.order-list__photo picture img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.order-list__title,
.tt-name {
   width: 330px;
   padding-left: 10px;
   padding-right: 0;
}

.order-list__price p,
.order-list__total p {
   font-weight: 600;
}

.tt-tottal p {
   margin-right: 20px;
}

.order-list__price p span,
.order-list__total p span {
   font-size: 12px;
}

.tt-count,
.order-list__count {
   width: 50px;
   text-align: center;
}

.order-list__wrapp {
   margin-bottom: 11px;
}

.order-list-content {
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none;
   display: none;
}

.my-order-list.active .order-list-content {
   display: block;
}

.my-order-list.active .order-list-head::before,
.my-order-list.active .order-list-head:before {
   transform: rotate(-29deg);
}

.customers__title {
   text-align: left;
   text-indent: 35px;
   margin-bottom: 47px;
}

.customers,
.page-cart__container {
   padding: 20px 40px;
   border: 2px solid #eaebed;
   margin-bottom: 50px;
}

.page-cart__container {
   padding: 20px 35px;
}

.customers__container {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.customers__block {
   width: 130px;
   text-align: center;
}

.customers__image {
   width: 77px;
   height: 106px;
   margin: auto;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   border: 1px solid #b9babc;
   margin-bottom: 18px;
}

.customers__block h3 {
   font-size: 12px;
   font-weight: 500;
   color: #292929;
   margin-bottom: 14px;
}

.customers__block p {
   font-size: 16px;
   font-weight: 600;
}

.customers__block p span {
   display: inline-block;
   font-size: 12px;
   margin-right: 5px;
}

.page-cart__totalbut {
   max-width: 580px;
   margin: auto;
   margin-bottom: 90px;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
}

.page-cart__totalbut a {
   width: 250px;
   height: 36px;
   line-height: 36px;
   color: #FFF;
   font-size: 24px;
   background: #F00;
   font-weight: 500;
   border: none;
   outline: none;
   text-align: center;
   text-decoration: none;
}

.page-cart__totalbut a:hover,
.page-cart__totalbut a:active {
   background: #920505;
}

.page-cart__totalbut p {
   width: 250px;
   background: #F7F7F8;
   padding: 4px 0;
   text-align: center;
   color: #292929;
   font-size: 24px;
   font-weight: 600;
}

.tt-grand {
   color: #3F3F3F;
   font-size: 18px;
   margin-right: 13px;
   font-weight: 500;
}

.valute {
   font-size: 18px;
   margin-right: 5px;
}

.page-cart__titles {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   background: #F7F7F8;
   padding: 10px 0;
   margin-bottom: 23px;
}

.page-cart__titles p {
   font-size: 14px;
   color: #818384;
}

.titles-photo {
   width: 110px;
   text-align: center;
}

.wrap-info {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-items: center;
   align-items: center;
   width: 87%;
}

.cart-photo-tovar {
   width: 110px;
   height: 150px;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   border: 1px solid #b9babc;
}

.cart-photo-tovar picture {
   width: 100%;
   height: 100%;
   display: block;
}

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

.page-cart__wrapper {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-items: center;
   align-items: center;
   border-bottom: 2px solid #eaebed;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.page-cart__wrapper:last-child {
   border-bottom: none;
   padding-bottom: 0;
   margin-bottom: 0;
}

.titles-tit {
   text-align: center;
}

.titles-tit,
.wrap-name {
   width: 256px;
}

.titles-count,
.wrap-count {
   width: 145px;
   text-align: center;
}

.number {
   width: 140px;
   height: 35px;
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-items: center;
   align-items: center;
   background: #F3F3F3;
}

.minus,
.plus {
   width: 40px;
   text-align: center;
   height: 35px;
   cursor: pointer;
   line-height: 35px;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   font-weight: 700;
   color: #292929;

}

.minus:hover,
.plus:hover {
   color: #F00;
}

.number input {
   width: 60px;
   height: 35px;
   border: none;
   overflow: hidden;
   border: none;
   font-size: 20px;
   font-weight: 600;
   text-align: center;
   background: none;
   outline: none;
}

.titles-price,
.titles-total,
.wrap-price,
.wrap-total {
   width: 115px;
   text-align: center;
}

.titles-remove,
.wrap-remove {
   width: 100px;
   text-align: center;
}

.remove-tovar {
   display: block;
   width: 22px;
   margin: auto;
   height: 22px;
   background: url("../images/delete.png") no-repeat center center;
   cursor: pointer;
}

.remove-tovar:hover {
   opacity: .85;
}

.wrap-name a {
   text-decoration: none;
   color: #292929;
   font-size: 16px;
   font-weight: 500;
}

.wrap-total p,
.wrap-price p {
   font-size: 20px;
   font-weight: 600;
}

.wrap-price p span,
.wrap-total p span {
   display: inline-block;
   margin-right: 6px;
   font-size: 16px;
}

.datain {
   width: 45px !important;
   height: 25px !important;
   background: #E1E1E2;
   color: #3F3F3F;
   border: none !important;
   text-indent: 0 !important;
   text-align: center !important;
}

.data-fields {
   display: flex;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-items: center;
   align-items: center;
   margin-bottom: 30px;
}

.data-fields div span {
   color: #76787a;
   display: inline-block;
   margin-right: 8px;
   font-size: 14px;
}

.padding-year {
   padding-top: 20px;
}

.open-filter {
   width: 120px;
   height: 32px;
   background: #F00;
   display: flex;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-items: center;
   align-items: center;
   font-size: 20px;
   color: #FFF;
   display: none;
   cursor: pointer;
}

.up-down {
   width: 16px;
   height: 14px;
   margin-left: 15px;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   transform: rotate(180deg);
   background: url("../images/up-down.png") no-repeat center center;
}

.open-filter.active .up-down {
   -webkit-transform: rotate(0);
   -moz-transform: rotate(0);
   -ms-transform: rotate(0);
   -o-transform: rotate(0);
   transform: rotate(0);
}

.owl-carousel {
   overflow: hidden;
}

.modal-add {
   width: 100%;
   height: auto;
   display: table;
   background: #ff0000;
   color: #fff;
   float: right;
   position: fixed;
   top: 0;
   padding: 25px;
   text-align: center;
   z-index: 100;
   box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.5);
}

.modal-add a {
   display: block;
   padding: 5px 15px;
   display: table;
   border: 1px solid #fff;
   text-decoration: none;
   margin: 10px auto 0;
   border-radius: 10px;
   color: #fff;
}

.textInformation {
   text-align: center;
   font-size: 25px;
   color: #000;
   width: 100%;
   padding: 25px 0;
}

.errorForm {
   color: red;
   width: 100%;
   text-align: center;
   padding: 10px 0;
}

.loading {
   color: #818384;
   font-size: 25px;
   text-align: center;
   widtH: 100%;
   padding: 20px 0;
}

.success {
   width: 100%;
   height: auto;
   display: table;
   padding: 20px 10px;
   text-align: center;
   border: 2px solid green;
   color: green;
}

.success a {
   color: green;
}

.error {
   width: 100%;
   height: auto;
   display: table;
   padding: 20px 10px;
   text-align: center;
   border: 2px solid red;
   color: red;
}

.error a {
   color: green;
}

.success.updatePassword,
.success.updatePassword a {
   color: #F00;
   border: none;
}

.width-auto {
   width: auto !important;
}

.fam.fa-exit {
   width: 18px;
   height: 18px;
   display: inline-block;
   background: url("../images/exit-accaunt.png") no-repeat center center;
}

.title-modal.flexTitle {
   display: flex;
   align-items: center;
   justify-content: center;
}

.title-modal.flexTitle img {
   margin-right: 20px;
}

#modal-added .titleTovar {
   width: 100%;
   height: auto;
   display: table;
   color: #3f3f3f;
   font-size: 18px;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 60px;
}

#modal-added a.button1 {
   width: 250px;
   height: 35px;
   border: 1px solid #000000;
   text-align: center;
   display: block;
   margin: 0px auto 20px;
   line-height: 33px;
   color: #3f3f3f;
   font-size: 24px;
   text-decoration: none;
}

#modal-added a.button2 {
   width: 250px;
   height: 35px;
   display: block;
   text-align: center;
   line-height: 33px;
   color: #FFF;
   text-decoration: none;
   font-size: 24px;
   margin: 0px auto 30px;
   background: #F00;
}

.cf-turnstile {
    overflow: hidden;
    margin-top: 25px;
}

.cf-turnstile-2 {
    text-align: center;
    margin-bottom: 25px;
}

.cf-turnstile-2 > div {
    display: inline-block;
}