body {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #464646;
}

h1,
.h1 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #f1661a;
  margin: 20px 0;
}

h2,
.h2 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #464646;
  margin: 15px 0;
}

h3,
.h3 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #464646;
  margin: 10px 0;
}

h4,
.h4 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.0rem;
  font-weight: 700;
  color: #464646;
  margin: 10px 0;
}

.custom-logo {
  width: 100%;
  height: auto;
}

#pageglavtitle {
  padding: 15px;
}
#pageglavtitle h1 {
  font-size: 1.5rem;
  margin: 0;
  padding-left: 10px;
}

.hometitle h1 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 20px 0;
}
.hometitle h2 {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 20px 0;
  color: #ff7e36;
}
.hometitle h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 15px 0;
}
.hometitle h4 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 10px 0;
}

.btn-primary {
  background-color: #ff7e36;
  border-color: #ff7e36;
  border-radius: 3px;
}
.btn-primary:hover {
  background-color: #464646;
  border-color: #464646;
}

.pcol {
  color: #ff7e36;
}
.pcol a {
  color: #ff7e36;
  text-decoration: underline;
}
.pcol a:hover {
  color: #464646;
  text-decoration: none;
}
.pcol h1,
.pcol h2,
.pcol h3,
.pcol h4,
.pcol h5 {
  color: #ff7e36;
}

.wcol {
  color: #fff;
}

.decor {
  font-family: "Pacifico", cursive;
  font-size: 1.6rem;
  color: #ff7e36;
  text-align: center;
}

.largetxt {
  font-size: 1.1rem;
  text-align: center;
}

.lgtxt {
  font-size: 1.1rem;
  font-weight: 700;
}

.bltxt {
  font-weight: 700;
}

.astr {
  text-decoration: none;
  color: #464646;
  font-weight: 700;
}
.astr:hover {
  color: #ff7e36;
}

.lgcond {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.2rem;
}

.tlc {
  text-transform: lowercase;
}

.fa-pcol i {
  color: #ff7e36;
}

.tbv-center {
  display: table-cell;
  vertical-align: middle;
}

.dtb {
  display: table;
}

.dtbc {
  display: table-cell;
}

.vmid {
  vertical-align: middle;
}

@media (max-width: 768px) {
  .desktop {
    display: none;
  }
}
.bradius-2 {
  border-radius: 3px;
}

.max-hgt-2 {
  max-height: 200px;
}

.max-hgt-3 {
  max-height: 300px;
}

.max-hgt-4 {
  max-height: 400px;
}

.rounded-50 {
  border-radius: 50%;
}

.img-round {
  border-radius: 3px;
}

.dblock {
  display: block !important;
}

.inlblock {
  display: inline-block !important;
}

.infopanel {
  border: 1px solid #fff2eb;
  background-color: #fff2eb;
  padding: 1.5rem;
  text-align: center;
  border-radius: 3px;
}
.infopanel p {
  font-size: 1.2rem;
  font-style: italic;
}

.contentblock {
  padding-top: 20px;
  padding-bottom: 20px;
}

.contentbgcolorblock {
  padding: 20px 30px;
  margin: 10px 0;
  background-color: #fffbf9;
}

.contentcolorblock {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 2px solid #ffe5d7;
  border-bottom: 2px solid #ffe5d7;
}

.infoblock {
  background-color: #fffbf9;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 3px;
}
.infoblock i {
  color: #ff7e36;
}

ul.check {
  list-style: none;
  padding-left: 1.2rem;
}
ul.check li {
  padding: 2px 0;
}
ul.check li::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-size: 0.5rem;
  font-weight: 900;
  color: #ff7e36;
  position: relative;
  top: -1px;
  margin-right: 6px;
}

ol.check li {
  line-height: 1.8;
}
ol.check li::marker {
  color: #ff7e36;
  font-weight: bold;
  font-size: 1.0rem;
}

input:focus,
button:focus,
textarea:focus {
  outline-style: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.h-100 {
  height: 100%;
}

.flexconteiner {
  display: flex;
  flex-direction: row;
}

.flexconteiner.wrap {
  flex-wrap: wrap;
}

.flexconteiner.gcenter {
  justify-content: center;
}

.flexconteiner.gspbetween {
  justify-content: space-between;
}

.flexconteiner.gright {
  justify-content: right;
}

.flexconteiner.vcenter {
  align-items: center;
}

.flexitem {
  margin: auto;
}

.flexitems.grow-1 {
  flex-grow: 1;
}

.flexitems.grow-2 {
  flex-grow: 2;
}

.flexitems.shrink-0 {
  flex-shrink: 0;
}

.flexitems.shrink-2 {
  flex-shrink: 2;
}

@media (min-width: 1200px) {
  .flexconteiner-minxl {
    display: flex;
    flex-direction: row;
  }

  .flexconteiner-minxl.gcenter-minxl {
    justify-content: center;
  }

  .flexconteiner-minxl.vcenter-minxl {
    align-items: center;
  }

  .flexitem-minxl {
    margin: auto;
  }
}
@media (min-width: 992px) {
  .flexconteiner-minlg {
    display: flex;
    flex-direction: row;
  }

  .flexconteiner-minlg.gcenter-minlg {
    justify-content: center;
  }

  .flexconteiner-minlg.vcenter-minlg {
    align-items: center;
  }

  .flexitem-minlg {
    margin: auto;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .lg-dnone {
    display: none;
  }
}
@media (max-width: 1200px) {
  .showxl {
    display: none;
  }
}
.border-cont-radius {
  border-radius: 1rem;
  border: 1px solid #ffe5d7;
  padding: 1rem;
}

.img-decorcont {
  padding: 0.8rem;
  border: 1px solid #ffe5d7;
  border-radius: 3px;
}

.panel-cont {
  padding: 1rem;
  border: 1px solid #fff2eb;
  border-radius: 0.6rem;
}

/* breadcrumb */
.breadcrumb {
  border-top: 2px solid #fffbf9;
  padding: 10px;
  margin: 0;
}
.breadcrumb span {
  font-size: 0.9rem;
  color: #5a5c5e;
}
.breadcrumb span a {
  color: #ff7e36;
  text-decoration: none;
}
.breadcrumb span a:hover {
  text-decoration: none;
  color: #464646;
}

.info-messages {
  text-align: center;
  margin-bottom: 1rem;
  padding: 10px;
  color: #3c763d;
  background-color: #dff0d8;
}

.error-messages {
  text-align: center;
  margin-bottom: 1rem;
  padding: 10px;
  color: #c80000;
  background-color: #ffbdbd;
}

.pagination {
  margin: 20px 10px;
  text-align: center;
}
.pagination .nav-links a {
  padding: 10px;
  margin: 0 0 10px 2px;
  background-color: #fffbf9;
  color: #464646;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
}
.pagination .nav-links a:hover {
  background-color: #ff7e36;
  color: #fff;
}
.pagination .nav-links a.prev {
  border-bottom-left-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}
.pagination .nav-links a.next {
  border-bottom-right-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.pagination .nav-links span.current {
  background-color: #ff7e36;
  color: #fff;
  padding: 10px;
  margin: 0 0 10px 2px;
}

.owl-carousel img {
  border-radius: 8px;
}

.owl-nav {
  text-align: center;
  opacity: 0.7;
}
.owl-nav .owl-prev {
  position: absolute;
  top: 40%;
  left: 15px;
}
.owl-nav .owl-next {
  position: absolute;
  top: 40%;
  right: 15px;
}
.owl-nav .fas {
  font-size: 1.4rem;
  color: #ffe5d7;
}
.owl-nav .fas:hover {
  color: #ff7e36;
}

.owl-dots {
  text-align: center;
  margin-top: 15px;
}
.owl-dots .owl-dot span {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 2px;
  background-color: #ffe5d7;
  border-radius: 50%;
}
.owl-dots .owl-dot.active span {
  background-color: #ff7e36;
}

#callmeModal .modal-body, #wantdiscountModal .modal-body {
  background: url(../images/obratny-zvonok.jpg) no-repeat right center;
  border-radius: 0.375rem;
}
#callmeModal .modal-body .btn-close, #wantdiscountModal .modal-body .btn-close {
  position: absolute;
  right: 10px;
  top: 10px;
}
#callmeModal .modal-body input.wpcf7-tel, #wantdiscountModal .modal-body input.wpcf7-tel {
  max-width: 190px;
  font-size: 110%;
  font-weight: 500;
}
#callmeModal .modal-body .callme-content-wrap, #wantdiscountModal .modal-body .callme-content-wrap {
  margin-left: 10px;
}
#callmeModal .modal-body .callme-content-wrap .callme-text-wrap, #wantdiscountModal .modal-body .callme-content-wrap .callme-text-wrap {
  max-width: 50%;
}
#callmeModal .modal-body .callme-content-wrap .callme-text-wrap h5, #wantdiscountModal .modal-body .callme-content-wrap .callme-text-wrap h5 {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  color: #ff7e36;
}
#callmeModal .modal-body .callme-content-wrap .callme-text-wrap p, #wantdiscountModal .modal-body .callme-content-wrap .callme-text-wrap p {
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
}

.callservices {
  display: block;
}

#callservices .wpcf7-list-item, #spectech .wpcf7-list-item {
  display: block;
}

@media (max-width: 380px) {
  .callme-text-wrap {
    max-width: 100%;
  }
}
.header-title {
  color: #ff7e36;
}

.title-product {
  padding: 15px;
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 10px;
}
.title-product h5 {
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #464646;
}
.title-product .modal-subtitle {
  display: inline-block;
  text-transform: lowercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #5a5c5e;
  margin-left: 5px;
}

.text-descript {
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e9ecef;
  background-color: #fffbf9;
}

.contact-det {
  padding: 10px;
  border-radius: 3px;
  background-color: #fffbf9;
}

/* callmaster */
.callmaster-section {
  padding: 50px 0;
}
.callmaster-section .callmaster-container {
  overflow: hidden;
  background-color: #fffbf9;
}
.callmaster-section .callmaster-container .callmaster-content-container {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.callmaster-section .callmaster-container .callmaster-content-container .callmaster-text {
  padding: 0 10px;
}
.callmaster-section .callmaster-container .callmaster-content-container .callmaster-text h4 {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.4rem;
  color: #ff7e36;
  font-weight: 700;
}
.callmaster-section .callmaster-container .callmaster-content-container .button-add-to-cart {
  background-color: #ff7e36;
  margin: 0;
  height: 40px;
  border-radius: 20px;
  border: none;
}
.callmaster-section .callmaster-container .callmaster-content-container .button-add-to-cart:hover {
  background-color: #464646;
  transition: ease-in-out .3s all;
}
.callmaster-section .callmaster-container .callmaster-content-container .button-add-to-cart i {
  padding: 5px;
  display: block;
  line-height: 1.5;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #ff7e36;
  background-color: #fff;
}
.callmaster-section .callmaster-container .callmaster-content-container .button-add-to-cart span {
  color: #fff;
  font-size: 15px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin: 3px 14px;
}

@media (max-width: 768px) {
  .callmaster-text {
    margin: 20px;
    text-align: center;
  }
}
/* why us */
.whyus .whyus-item {
  padding: 10px 10px 10px 90px;
  margin: 10px;
  min-height: 80px;
}
.whyus .whyus-item.vysokoe-kachestvo {
  background: url(../images/icon-vysokoe-kachestvo.png) no-repeat center left;
}
.whyus .whyus-item.dostupnye-ceny {
  background: url(../images/icon-dostupnye-ceny.png) no-repeat center left;
}
.whyus .whyus-item.bystraya-dostavka {
  background: url(../images/icon-bystraya-dostavka.png) no-repeat center left;
}
.whyus .whyus-item.shirokiy-assortiment {
  background: url(../images/icon-shirokiy-assortiment.png) no-repeat center left;
}
.whyus .whyus-item.individualnyy-podkhod {
  background: url(../images/icon-individualnyy-podkhod.png) no-repeat center left;
}
.whyus .whyus-item.opytnye-mastera {
  background: url(../images/icon-opytnye-mastera.png) no-repeat center left;
}
.whyus .whyus-item.sobstvenyy-material {
  background: url(../images/icon-sobstvenyy-material.png) no-repeat center left;
}
.whyus .whyus-item.polnyy-tsikl {
  background: url(../images/icon-polnyy-tsikl.png) no-repeat center left;
}
.whyus .whyus-item.nadezhnost-otvetstvennost {
  background: url(../images/icon-nadezhnost-otvetstvennost.png) no-repeat center left;
}

/* main */
main {
  padding-top: 20px;
}

.widget-after-content {
  padding: 20px 0;
  margin-top: 30px;
  margin-bottom: -50px;
  background-color: #fffbf9;
}

.grey-block-cont {
  padding: 20px;
  margin: 40px 0;
  background-color: #fffbf9;
  border-radius: 3px;
}

.block-whyus {
  padding: 0;
  margin: 40px 0;
  overflow: hidden;
}
.block-whyus .whyus-content {
  padding: 0 15px;
}
.block-whyus .whyus-content h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 20px 0 20px 10px;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .block-whyus .whyus-content h2 {
    margin: 10px 0 15px 10px;
  }
  .block-whyus .whyus-content ul.check {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .block-whyus .whyus-content h2 {
    font-size: 1.1rem;
    margin: 10px 0 10px 10px;
  }
  .block-whyus .whyus-content ul.check {
    margin-bottom: 0;
  }
  .block-whyus .whyus-content ul.check li {
    padding: 1px 0;
  }
}
input.form-text,
input.form-email,
input.form-tel,
input.form-number,
textarea.form-textarea,
select.form-select {
  border: 1px solid #fff2eb;
  border-radius: 3px;
  margin-top: 0;
  padding: 3px;
  max-width: 100%;
}

.title-text {
  display: block;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.3rem 0;
}

#footer {
  padding: 30px 20px 20px 20px;
  margin-top: 30px;
  color: #464646;
  border-top: 2px solid #ffe5d7;
  border-bottom: 2px solid #ffe5d7;
}
#footer i {
  color: #ff7e36;
}
#footer p {
  margin-bottom: 5px;
}
#footer a.social {
  color: #464646;
  text-decoration: none;
}
#footer a.social:hover {
  color: #ff7e36;
}
#footer .email-footer {
  color: #464646;
  text-decoration: none;
}
#footer .email-footer:hover {
  color: #ff7e36;
}
#footer a.astr {
  color: #464646;
}
#footer a.astr:hover {
  color: #ff7e36;
}
#footer .widget-footer-about p {
  font-size: 14px;
}
#footer ul.menu-footer {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer ul.menu-footer li a {
  color: #464646;
  padding: 0.2rem 0;
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
}
#footer ul.menu-footer li a:hover {
  color: #ff7e36;
  text-decoration: none;
  transition: ease-in-out .3s all;
}
#footer ul.menu-footer li::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-size: 0.7rem;
  font-weight: 900;
  padding-right: 7px;
  color: #fff2eb;
  vertical-align: 1px;
}
#footer ul.menu-footer li.current-menu-item > a {
  color: #ff7e36;
}
#footer ul.menu-footer li.current-menu-item::before {
  color: #ff7e36;
}
#footer ul.menu-footer li:hover::before {
  color: #ff7e36;
  transition: ease-in-out .3s all;
}

#copyrights {
  padding: 15px;
}
#copyrights .copyright-text p {
  font-size: 12px;
  margin: 0;
}
#copyrights .copyright-text a {
  font-size: 12px;
  color: #464646;
  margin: 0;
  padding-left: 20px;
}
#copyrights .copyright-text a:hover {
  color: #ff7e36;
}
#copyrights .social-icons {
  text-align: right;
}
#copyrights .social-icons a {
  font-size: 1rem;
  text-align: center;
  width: 30px;
  overflow: hidden;
  display: inline-block;
  color: #464646;
  transition: ease-in-out .3s all;
}
#copyrights .social-icons a:hover {
  color: #ff7e36;
  text-decoration: none;
}

#accordionFAQ .accordion-item {
  border: none;
}
#accordionFAQ .accordion-item .accordion-button {
  color: #464646;
  margin: 0;
}
#accordionFAQ .accordion-item .accordion-button:not(.collapsed) {
  color: #464646;
  border-bottom: 2px solid #fff;
  background-color: #fffbf9;
  box-shadow: none;
}
#accordionFAQ .accordion-item .accordion-collapse p {
  padding: 20px 0 20px 20px;
  margin: 0;
}

.ukladka-podkluch {
  padding: 20px;
  margin: 10px 0;
}
.ukladka-podkluch h3.ukladka-podkluch-title {
  display: block;
  margin-top: 10px;
  padding: 5px;
  width: 100%;
  font-size: 1.2rem;
  color: #ff7e36;
  line-height: 1.4rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-align: center;
}
.ukladka-podkluch .ukladka-podkluch-priceblock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 20px 0;
  padding: 0;
  height: 100%;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .priceblock {
  width: 50%;
  height: 40px;
  padding: 5px;
  text-align: center;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .priceblock .ukladka-podkluch-price {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  color: #464646;
  font-weight: 700;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .priceblock .product-price-sm {
  font-size: 70%;
  color: #5a5c5e;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .button-add-to-cart {
  background-color: #ff7e36;
  margin: 0;
  width: 50%;
  height: 40px;
  border-radius: 20px;
  border: none;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .button-add-to-cart:hover {
  background-color: #464646;
  transition: ease-in-out .3s all;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .button-add-to-cart i {
  padding: 5px;
  display: block;
  line-height: 1.5;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #ff7e36;
  background-color: #fff;
}
.ukladka-podkluch .ukladka-podkluch-priceblock .button-add-to-cart span {
  color: #fff;
  font-size: 15px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin: 3px 10px 3px 3px;
}
.ukladka-podkluch .param-cont {
  margin: 20px 10px;
  padding: 20px;
  background-color: #fffbf9;
}
.ukladka-podkluch .param-cont .param-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 7px 0;
}
.ukladka-podkluch .param-cont .param-item .param-title {
  display: inline-flex;
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
  color: #5a5c5e;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ukladka-podkluch .param-cont .param-item .param-title::after {
  content: '';
  display: block;
  margin: 3px;
  width: 100%;
  min-width: 12px;
  height: 1em;
  border-bottom: 1px dashed #5a5c5e;
}
.ukladka-podkluch .param-cont .param-item .param-value {
  flex-shrink: 0;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ukladka-podkluch .param-cont .param-item span.param-value {
  color: #464646;
}

.ukladka-price th {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.0rem;
  color: #ff7e36;
}
.ukladka-price td.table-subtitle {
  background-color: #fffbf9;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.0rem;
  font-weight: 700;
}

.contact-wrapp {
  margin-top: 30px;
}
.contact-wrapp .contact-item {
  margin-bottom: 6px;
}
.contact-wrapp .contact-item i {
  color: #ff7e36;
}

.our-mission {
  padding: 20px 25px;
  margin: 40px 0;
  background-color: #fffbf9;
  border-radius: 3px;
}
.our-mission h2 {
  margin: 10px 0;
  color: #ff7e36;
}
.our-mission p {
  font-weight: 500;
}

.st404 {
  text-align: center;
}
.st404 i.far {
  font-size: 10rem;
  color: #ff7e36;
}
.st404 .st404-cif {
  font-size: 6rem;
  display: block;
}
.st404 .st404-ttl {
  font-size: 2rem;
  display: block;
}

.gallery-imgs a.image {
  display: block;
  margin: 10px 0;
}
.gallery-imgs a.image img {
  border-radius: 8px;
}
.gallery-imgs a.image:hover {
  opacity: 0.9;
}

#backtotop {
  background: url(../images/backtotop.png) no-repeat center center;
  border: 0;
  bottom: 20px;
  cursor: pointer;
  display: none;
  height: 70px;
  position: fixed;
  right: 20px;
  text-indent: -9999px;
  width: 70px;
  z-index: 1;
}

#backtotop:hover {
  opacity: 0.8;
}

#backtotop:focus {
  opacity: 0.6;
  outline: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #backtotop {
    background: url(../images/backtotop2x.png) no-repeat center center;
    background-size: 70px 70px;
  }
}
@media print {
  #backtotop {
    visibility: hidden;
  }
}
/* Header */
#topbar {
  padding: 8px 0;
  border-bottom: 2px solid #ffe5d7;
}
#topbar .site-slogan {
  font-size: 12px;
  color: #464646;
  text-transform: uppercase;
}
#topbar .site-slogan i {
  color: #ff7e36;
  margin-right: 5px;
}
#topbar .top-left {
  margin-top: 7px;
}
#topbar .top-right {
  text-align: right;
  font-size: 13px;
}
#topbar .top-right .clock {
  font-size: 12px;
}
#topbar .top-right i {
  color: #ff7e36;
}
#topbar .top-right .social-icons a.whatsapp {
  display: inline-block;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
  color: #57bb63;
}
#topbar .top-right .social-icons a.whatsapp:hover {
  border-bottom: none;
}
#topbar .top-right .social-icons a.whatsapp:hover i {
  color: #ff7e36;
}
#topbar .top-right .social-icons a.viber {
  display: inline-block;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
  color: #7b519d;
}
#topbar .top-right .social-icons a.viber:hover {
  border-bottom: none;
}
#topbar .top-right .social-icons a.viber:hover i {
  color: #ff7e36;
}
#topbar .top-right .social-icons a.telegram {
  display: inline-block;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
  color: #039be5;
}
#topbar .top-right .social-icons a.telegram i {
  color: #039be5;
}
#topbar .top-right .social-icons a.telegram:hover {
  border-bottom: none;
}
#topbar .top-right .social-icons a.telegram:hover i {
  color: #ff7e36;
}
#topbar .top-right .social-icons a.email-sw {
  display: inline-block;
  margin: 0 2px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
}
#topbar .top-right .social-icons a.email-sw i {
  color: #ff7e36;
}
#topbar .top-right .social-icons a.email-sw:hover {
  text-decoration: none;
}
#topbar .top-right .social-icons a.email-sw:hover i {
  color: #464646;
}
#topbar .top-right .social-icons a.profiru {
  display: inline-block;
  margin: 0 2px;
  width: 20px;
  height: 25px;
  vertical-align: middle;
}
#topbar .top-right .social-icons a.profiru .profiru-icon {
  display: inline-block;
  background: url(../images/profiru.png) no-repeat center;
  width: 20px;
  height: 20px;
}
#topbar .top-right .social-icons a.profiru:hover {
  opacity: 0.8;
}
#topbar .top-right .social-icons a.ya-uslugi {
  display: inline-block;
  margin: 0 5px;
  height: 20px;
  text-decoration: none;
}
#topbar .top-right .social-icons a.ya-uslugi .ya-uslugi-icon {
  display: inline-block;
  background: url(../images/ya-uslugi.png) no-repeat center;
  width: 20px;
  height: 20px;
}
#topbar .top-right .social-icons a.ya-uslugi:hover {
  opacity: 0.8;
}

.phone-prim {
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  color: #464646;
  font-weight: bold;
  margin-right: 7px;
  text-decoration: none;
}
.phone-prim:hover {
  color: #ff7e36;
}
.phone-prim i.fa {
  color: #ff7e36;
  font-size: 16px;
}

.sl-div {
  margin: 0 3px 0 7px;
}

header {
  padding: 10px 0;
}
header #header-menu .container {
  padding: 0;
  margin: 0;
}
header .header-firstwrap {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
header .header-firstwrap .custom-logo-link {
  display: inline-block;
  padding: 8px;
}
header .header-secondwrap {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header .header-secondwrap .callme-button {
  font-family: "Roboto Condensed", sans-serif;
}
header .header-secondwrap .callme-button .btn.btn-primary {
  border: none;
  padding: 4px 7px;
  border-radius: 50%;
  display: block;
  background-color: #ff7e36;
  font-size: 12px;
}
header .header-secondwrap .callme-button .btn.btn-primary .fa {
  color: #fff;
}
header .header-secondwrap .callme-button .btn.btn-primary:hover {
  background-color: #464646;
}
header .header-secondwrap .callme-button .btn.btn-primary:hover .fa {
  color: #fff;
}

@media (max-width: 576px) {
  #topbar .top-right .social-icons {
    margin-top: 10px;
    display: block;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #topbar .top-right {
    font-size: 12px;
  }
  #topbar .top-right .clock {
    font-size: 11px;
  }
}
@media (max-width: 992px) {
  #topbar .site-slogan {
    display: none;
  }
  #topbar .top-right {
    text-align: center;
  }
  #topbar .phone-sec {
    display: block;
    margin-left: 0;
  }

  header .header-firstwrap {
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  header .header-secondwrap {
    justify-content: center;
    margin-bottom: 15px;
  }

  .flexconteiner.gright {
    justify-content: center;
  }
}
/* Mega Menu */
#mega-menu-wrap-header #mega-menu-header {
  text-align: center;
}

#header-menu {
  background-color: #fff;
  position: relative;
  font-family: "Roboto Condensed", sans-serif !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: #ff7e36;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link {
  padding: 3px 10px;
  font-size: 16px;
}

#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 2px 15px;
}

@media (min-width: 768px) {
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-glavnaya > a.mega-menu-link {
    font-size: 0;
  }
  #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-glavnaya > a.mega-menu-link::before {
    content: "\f015";
    display: inline-block;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 1.1rem;
    padding: 0;
  }
}
/* slides */
#slides .slide-trotuar-plitka {
  position: relative;
  text-align: right;
  height: 100%;
}
#slides .slide-trotuar-plitka .img-icon-plitka {
  position: absolute;
  bottom: 20px;
  right: 50px;
  z-index: 11;
}
#slides .slide-trotuar-plitka .trotuar-plitka-img {
  max-width: 70%;
  padding-top: 70px;
}
#slides .slide-trotuar-plitka .trotuar-plitka-text {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 10;
}
#slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
  color: #ff7e36;
  font-family: "Jost", sans-serif;
  color: #ff7e36;
  font-size: 30px;
  font-weight: 900;
}
#slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
  display: block;
  color: #464646;
  font-size: 20px;
  font-weight: 900;
}
#slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
  display: inline-block;
  margin: 10px 0;
  padding: 0.5rem 1.45rem;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  text-decoration: none;
  color: #464646;
  border: 2px solid #ff7e36;
  background-color: #fff;
  border-radius: 20px;
}
#slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita:hover {
  color: #fff;
  background-color: #ff7e36;
  transition: ease-in-out .3s all;
}
#slides .slide-ukladka-plitki {
  position: relative;
  height: 100%;
}
#slides .slide-ukladka-plitki .img-icon-ukladka {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 11;
}
#slides .slide-ukladka-plitki .ukladka-plitki-img {
  float: right;
  max-width: 65%;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text {
  position: absolute;
  top: 100px;
  left: 30px;
  z-index: 10;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text h2 {
  color: #ff7e36;
  font-family: "Jost", sans-serif;
  color: #ff7e36;
  font-size: 38px;
  font-weight: 900;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text h2 span {
  display: block;
  color: #464646;
  font-size: 20px;
  font-weight: 900;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text .btn-ukladka-plitki {
  display: inline-block;
  margin: 10px 0;
  padding: 0.5rem 1.35rem;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  text-decoration: none;
  color: #464646;
  border: 2px solid #ff7e36;
  background-color: #fff;
  border-radius: 20px;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text .btn-ukladka-plitki:hover {
  color: #fff;
  background-color: #ff7e36;
  transition: ease-in-out .3s all;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text .btn-callmaster {
  display: inline-block;
  margin: 10px 0 10px 15px;
  padding: 0.5rem 1.35rem;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 900;
  text-decoration: none;
  color: #fff;
  border: 2px solid #ff7e36;
  background-color: #ff7e36;
  border-radius: 20px;
}
#slides .slide-ukladka-plitki .ukladka-plitki-text .btn-callmaster:hover {
  color: #464646;
  background-color: #fff;
  border-color: #ff7e36;
  transition: ease-in-out .3s all;
}

@media (max-width: 1400px) and (min-width: 1200px) {
  #slides .slide-trotuar-plitka .img-icon-plitka {
    bottom: 15px;
    right: 30px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-img {
    padding-top: 50px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text {
    top: 0;
    right: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
    font-size: 28px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
    font-size: 18px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
    margin: 0 0 10px 0;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  #slides .slide-trotuar-plitka .img-icon-plitka {
    bottom: 10px;
    right: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-img {
    padding-top: 60px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text {
    top: 0;
    right: 10px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
    font-size: 24px;
    margin: 10px 0 0 0;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
    font-size: 16px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
    margin: 0 0 10px 0;
  }
  #slides .slide-ukladka-plitki .img-icon-ukladka {
    top: 10px;
    left: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text {
    top: 90px;
    left: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 {
    font-size: 34px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 span {
    font-size: 18px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text p {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  #slides .slide-trotuar-plitka .img-icon-plitka {
    bottom: 40px;
    right: 40px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-img {
    padding-top: 50px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text {
    top: 20;
    right: 30px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
    font-size: 32px;
    margin: 20px 0 20px 0;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
    font-size: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
    margin: 10px 0 10px 0;
  }
  #slides .slide-ukladka-plitki .img-icon-ukladka {
    top: 30px;
    left: 30px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-img {
    max-width: 60%;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text {
    top: 130px;
    left: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 {
    font-size: 36px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 span {
    font-size: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text p {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  #slides .slide-trotuar-plitka .img-icon-plitka {
    bottom: 10px;
    right: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-img {
    padding-top: 60px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text {
    top: 20px;
    right: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
    font-size: 26px;
    margin: 0 0 10px 0;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
    font-size: 16px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
    margin: 10px 0 0 0;
  }
  #slides .slide-ukladka-plitki .img-icon-ukladka {
    top: 20px;
    left: 30px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-img {
    max-width: 70%;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text {
    top: 110px;
    left: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 {
    font-size: 34px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 span {
    font-size: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text p {
    margin-bottom: 10px;
  }
}
@media (max-width: 576px) and (min-width: 362px) {
  #slides .slide-trotuar-plitka .img-icon-plitka {
    display: none;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-img {
    max-width: 50%;
    padding-top: 50px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text {
    top: 10px;
    right: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
    font-size: 26px;
    margin: 0 0 10px 0;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
    font-size: 16px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
    margin: 10px 0 0 0;
  }
  #slides .slide-ukladka-plitki .img-icon-ukladka {
    display: none;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-img {
    max-width: 60%;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text {
    top: 20px;
    left: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 {
    font-size: 28px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 span {
    font-size: 16px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text p {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
@media (max-width: 361px) {
  #slides .slide-trotuar-plitka .img-icon-plitka {
    display: none;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-img {
    max-width: 50%;
    padding-top: 50px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text {
    top: 0;
    right: 20px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 {
    font-size: 22px;
    margin: 0 0 7px 0;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text h1 span {
    font-size: 14px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text p {
    font-size: 11px;
    margin-bottom: 6px;
  }
  #slides .slide-trotuar-plitka .trotuar-plitka-text .btn-trotuar-plita {
    padding: 0.25rem 1.0rem;
    margin: 7px 0 0 0;
    font-size: 13px;
  }
  #slides .slide-ukladka-plitki .img-icon-ukladka {
    display: none;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-img {
    max-width: 60%;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text {
    top: 0;
    left: 20px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 {
    font-size: 24px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text h2 span {
    font-size: 14px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text p {
    font-size: 11px;
    margin-bottom: 7px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text .btn-ukladka-plitki {
    padding: 0.25rem 1.0rem;
    margin: 7px 0 0 0;
    font-size: 13px;
  }
  #slides .slide-ukladka-plitki .ukladka-plitki-text .btn-callmaster {
    padding: 0.25rem 1.0rem;
    margin: 7px 0 0 0;
    font-size: 13px;
  }
}
/* manufacturers */
.btn-manufacturers {
  display: block;
  background-color: #ffe5d7;
  border-radius: 8px;
}
.btn-manufacturers img:hover {
  opacity: 0.9;
  transition: ease-in-out .3s all;
}

/* promotions */
.widget-before-content a:hover {
  opacity: 0.8;
  transition: opacity 0.5s ease-in;
}

.promotions-img {
  margin-bottom: 20px;
}

.promotion-anons {
  border: 1px solid #ffe5d7;
  padding: 20px;
  margin: 10px;
}
.promotion-anons a {
  text-decoration: none;
  color: #ff7e36;
}
.promotion-anons a h3 {
  text-decoration: none;
  font-size: 18px;
}
.promotion-anons a h3:hover {
  color: #ff7e36;
  transition: color 0.3s ease-in;
}
.promotion-anons img:hover {
  opacity: 0.8;
  transition: opacity 0.5s ease-in;
}

.product-color-attribute {
  margin: 20px 0 10px 0;
}
.product-color-attribute .product-color-attribute-item {
  display: inline-block;
  margin-right: 3px;
  width: 55px;
  height: 55px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.product-color-attribute .product-color-attribute-item.active {
  border: 2px solid #ff7e36;
}

.seryy {
  background-color: #cecece;
}

.krasnyy {
  background-color: #ff3d41;
}

.temno-krasnyy {
  background-color: #742d2a;
}

.yarko-krasnyy {
  background-color: #b32822;
}

.korichnevyy {
  background-color: #604943;
}

.temno-korichnevyy {
  background-color: #2f1d11;
}

.chernyy {
  background-color: #383839;
}

.bezhevyy {
  background-color: #c29778;
}

.pesochnyy {
  background-color: #d6c697;
}

.olivkovyy {
  background-color: #927344;
}

.oranzhevyy {
  background-color: #ed8b44;
}

.zheltyy {
  background-color: #ffdd63;
}

.belyy {
  background-color: #f0eee9;
}

.korallovyy {
  background-color: #eb9c77;
}

.medovyy {
  background-color: #feb988;
}

.vinnyy {
  background-color: #ae3d38;
}

.kapuchino {
  background-color: #cdc2c0;
}

.kanyon {
  background: url(../images/color-braer/colormix-kanyon.jpg) no-repeat;
}

.kashtan {
  background: url(../images/color-braer/colormix-kashtan.jpg) no-repeat;
}

.koyot {
  background: url(../images/color-braer/colormix-koyot.jpg) no-repeat;
}

.malva {
  background: url(../images/color-braer/colormix-malva.jpg) no-repeat;
}

.mindal {
  background: url(../images/color-braer/colormix-mindal.jpg) no-repeat;
}

.noch {
  background: url(../images/color-braer/colormix-noch.jpg) no-repeat;
}

.peschanik {
  background: url(../images/color-braer/colormix-peschanik.jpg) no-repeat;
}

.plato {
  background: url(../images/color-braer/colormix-plato.jpg) no-repeat;
}

.praid {
  background: url(../images/color-braer/colormix-pride.jpg) no-repeat;
}

.rassvet {
  background: url(../images/color-braer/colormix-rassvet.jpg) no-repeat;
}

.safari {
  background: url(../images/color-braer/colormix-safari.jpg) no-repeat;
}

.sahara {
  background: url(../images/color-braer/colormix-sahara.jpg) no-repeat;
}

.savanna {
  background: url(../images/color-braer/colormix-savana.jpg) no-repeat;
}

.step {
  background: url(../images/color-braer/colormix-step.jpg) no-repeat;
}

.texas {
  background: url(../images/color-braer/colormix-texas.jpg) no-repeat;
}

.tuman {
  background: url(../images/color-braer/colormix-tuman.jpg) no-repeat;
}

.vecher {
  background: url(../images/color-braer/colormix-vecher.jpg) no-repeat;
}

.granit-black {
  background: url(../images/color-braer/select-granit-chernyy.jpg) no-repeat;
}

.granit-white {
  background: url(../images/color-braer/select-granit-belyy.jpg) no-repeat;
}

.granit-grey {
  background: url(../images/color-braer/select-granit-seryy.jpg) no-repeat;
}

.mramor {
  background: url(../images/color-braer/select-mramor.jpg) no-repeat;
}

.ametist {
  background: url(../images/color-steingot/colormix-ametist.jpg) no-repeat;
}

.blend {
  background: url(../images/color-steingot/colormix-blend.jpg) no-repeat;
}

.klinker {
  background: url(../images/color-steingot/colormix-klinker.jpg) no-repeat;
}

.kliff {
  background: url(../images/color-steingot/colormix-kliff.jpg) no-repeat;
}

.mokko {
  background: url(../images/color-steingot/colormix-mokko.jpg) no-repeat;
}

.terrakota {
  background: url(../images/color-steingot/colormix-terrakota.jpg) no-repeat;
}

.tigr {
  background: url(../images/color-steingot/colormix-tigr.jpg) no-repeat;
}

.travertin {
  background: url(../images/color-steingot/colormix-travertin.jpg) no-repeat;
}

.stain-black {
  background: url(../images/color-steingot/colormix-shtain-black.jpg) no-repeat;
}

.stain-braun {
  background: url(../images/color-steingot/colormix-shtain-braun.jpg) no-repeat;
}

.stain-bronze {
  background: url(../images/color-steingot/colormix-shtain-bronz.jpg) no-repeat;
}

.stain-silver {
  background: url(../images/color-steingot/colormix-shtain-silver.jpg) no-repeat;
}

.stain-ferro {
  background: url(../images/color-steingot/colormix-shtain-ferro.jpg) no-repeat;
}

.stain-chrom {
  background: url(../images/color-steingot/colormix-shtain-khrom.jpg) no-repeat;
}

.ember {
  background: url(../images/color-steingot/colormix-ember.jpg) no-repeat;
}

.bianco-nero {
  background: url(../images/color-steingot/granit-premium-bianco-nero.jpg) no-repeat;
}

.bruno {
  background: url(../images/color-steingot/granit-premium-bruno.jpg) no-repeat;
}

.grano {
  background: url(../images/color-steingot/granit-premium-grano.jpg) no-repeat;
}

.caramello {
  background: url(../images/color-steingot/granit-premium-caramello.jpg) no-repeat;
}

.loto-bianca {
  background: url(../images/color-steingot/granit-premium-loto-bianca.jpg) no-repeat;
}

.rosa-sardo {
  background: url(../images/color-steingot/granit-premium-rosa-sardo.jpg) no-repeat;
}

.stella-nera {
  background: url(../images/color-steingot/granit-premium-stella-nera.jpg) no-repeat;
}

.talana {
  background: url(../images/color-steingot/granit-premium-talana.jpg) no-repeat;
}

.terra-antica {
  background: url(../images/color-steingot/granit-premium-terra-antica.jpg) no-repeat;
}

.fumo-bello {
  background: url(../images/color-steingot/granit-premium-fumo-bello.jpg) no-repeat;
}

.arktika {
  background: url(../images/color-342mz/colormix-arktika.jpg) no-repeat;
}

.baykal {
  background: url(../images/color-342mz/colormix-baykal.jpg) no-repeat;
}

.gavana {
  background: url(../images/color-342mz/colormix-gavana.jpg) no-repeat;
}

.kair {
  background: url(../images/color-342mz/colormix-kair.jpg) no-repeat;
}

.kanyon-342mz {
  background: url(../images/color-342mz/colormix-kanyon.jpg) no-repeat;
}

.karakum {
  background: url(../images/color-342mz/colormix-karakum.jpg) no-repeat;
}

.kareliya {
  background: url(../images/color-342mz/colormix-kareliya.jpg) no-repeat;
}

.milan {
  background: url(../images/color-342mz/colormix-milan.jpg) no-repeat;
}

.nevada {
  background: url(../images/color-342mz/colormix-nevada.jpg) no-repeat;
}

.onega {
  background: url(../images/color-342mz/colormix-onega.jpg) no-repeat;
}

.sidney {
  background: url(../images/color-342mz/colormix-sidney.jpg) no-repeat;
}

.vulkan {
  background: url(../images/color-342mz/colormix-vulkan.jpg) no-repeat;
}

.viktoriya {
  background: url(../images/color-342mz/colormix-viktoriya.jpg) no-repeat;
}

.antara {
  background: url(../images/color-342mz/granit-antara.jpg) no-repeat;
}

.moris {
  background: url(../images/color-342mz/granit-moris.jpg) no-repeat;
}

.teit {
  background: url(../images/color-342mz/granit-teit.jpg) no-repeat;
}

.color-grey {
  color: #cecece !important;
}

.color-red {
  color: #ff3d41 !important;
}

.color-braun {
  color: #604943 !important;
}

.color-black {
  color: #383839 !important;
}

.color-orange {
  color: #ed8b44 !important;
}

.color-yellow {
  color: #ffdd63 !important;
}

.a-grey > a {
  background-color: #cecece;
}

.a-red > a {
  background-color: #ff3d41;
}

.a-braun > a {
  background-color: #604943;
}

.a-black > a {
  background-color: #383839;
}

.a-orange > a {
  background-color: #ed8b44;
}

.a-yellow > a {
  background-color: #ffdd63;
}

.carousel-inner {
  text-align: center;
}

.product-beton {
  position: relative;
}
.product-beton .beton-hitsale {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
}
.product-beton .beton-hitsale .beton-hit {
  display: inline-block;
  margin: 2px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(../images/hit-lg.png) no-repeat;
}
.product-beton .beton-hitsale .beton-sale {
  display: inline-block;
  margin: 2px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(../images/sale-lg.png) no-repeat;
}
.product-beton .prod-cont-wrap {
  margin: 0 20px;
}
.product-beton .beton-manufacturer {
  margin-bottom: 10px;
}
.product-beton .beton-manufacturer .manufacturer-braer {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-braer.png) no-repeat;
}
.product-beton .beton-manufacturer .manufacturer-steingot {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-steingot.png) no-repeat;
}
.product-beton .beton-manufacturer .manufacturer-342mz {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-342mz.png) no-repeat;
}
.product-beton .beton-manufacturer .manufacturer-plitka-komfort {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-plitka-komfort.png) no-repeat;
}
.product-beton .prodglavtitle {
  margin: 10px 0;
}
.product-beton .prodglavtitle h1 {
  font-size: 18px;
  color: #464646;
}
.product-beton .availability {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #ffe5d7;
  border-bottom: 1px solid #ffe5d7;
}
.product-beton .availability.color-71 i {
  font-size: 14px;
  color: #ff7e36;
}
.product-beton .availability.color-71 a {
  color: #ff7e36;
  text-transform: lowercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.product-beton .availability.color-71 a:hover {
  color: #f1661a;
}
.product-beton .availability.color-72 i {
  font-size: 14px;
  color: #464646;
}
.product-beton .availability.color-72 a {
  color: #464646;
  text-transform: lowercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.product-beton .availability.color-72 a:hover {
  color: #f1661a;
}
.product-beton .product-priceblock .priceblock {
  margin-bottom: 14px;
}
.product-beton .product-priceblock .priceblock .product-price {
  font-size: 24px;
  color: #ff7e36;
  font-weight: 700;
}
.product-beton .product-priceblock .priceblock .product-sale-price {
  font-size: 24px;
  color: #ff7e36;
  font-weight: 700;
}
.product-beton .product-priceblock .priceblock .product-price-old {
  font-size: 14px;
  color: #5a5c5e;
  text-decoration: line-through;
}
.product-beton .product-priceblock .priceblock .product-price-sm {
  font-size: 65%;
  color: #464646;
}
.product-beton .product-priceblock .priceblock .product-price-info a {
  font-size: 12px;
  color: #5a5c5e;
  text-decoration: none;
  border-bottom: 1px dashed #5a5c5e;
}
.product-beton .product-priceblock .button-add-to-cart {
  background-color: #ff7e36;
  margin: 0;
  width: 180px;
  height: 50px;
  border-radius: 30px;
  border: none;
}
.product-beton .product-priceblock .button-add-to-cart:hover {
  background-color: #464646;
  transition: ease-in-out .3s all;
}
.product-beton .product-priceblock .button-add-to-cart i {
  padding: 5px;
  display: block;
  line-height: 1.7;
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  color: #ff7e36;
  background-color: #fff;
}
.product-beton .product-priceblock .button-add-to-cart span {
  color: #fff;
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin: 5px 12px 5px 5px;
}
.product-beton .product-colortitle-cont {
  color: #5a5c5e;
}
.product-beton .product-colortitle-cont i {
  color: #ff7e36;
}
.product-beton .param-cont {
  margin: 20px 0;
  padding: 10px 15px;
  background-color: #fffbf9;
}
.product-beton .param-cont .param-item {
  margin: 5px 0;
}
.product-beton .param-cont .param-item .param-title i {
  font-size: 16px;
  color: #ff7e36;
  padding-right: 10px;
}
.product-beton .param-cont .param-item a.param-value {
  font-size: 14px;
  color: #464646;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-decoration: none;
}
.product-beton .param-cont .param-item a.param-value:hover {
  color: #ff7e36;
}
.product-beton .param-cont .param-item span.param-value {
  font-size: 14px;
  color: #464646;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-decoration: none;
}
.product-beton .parametrs {
  margin-top: 20px;
  padding: 20px 25px;
  background-color: #fffbf9;
}
.product-beton .parametrs h3 {
  margin: 0 0 10px 0;
}
.product-beton .descript-parametrs .param-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 7px 0;
}
.product-beton .descript-parametrs .param-item .param-title {
  display: inline-flex;
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
  color: #5a5c5e;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-beton .descript-parametrs .param-item .param-title::after {
  content: '';
  display: block;
  margin: 3px;
  width: 100%;
  min-width: 12px;
  height: 1em;
  border-bottom: 1px dashed #5a5c5e;
}
.product-beton .descript-parametrs .param-item .param-value {
  flex-shrink: 0;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-beton .descript-parametrs .param-item span.param-value {
  color: #464646;
}

.descript {
  margin-top: 20px;
}

.purchase {
  margin: 20px 0;
}

.delivery {
  margin: 20px 0;
}

.product-description {
  margin: 20px 0;
}

.nav-tabs .nav-link {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  color: #464646;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.nav-tabs .nav-link.active {
  color: #ff7e36;
}

.product-beton-anons {
  padding: 10px;
  position: relative;
  margin: 0 5px 10px;
}
.product-beton-anons .beton-anons-hitsale {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 10;
}
.product-beton-anons .beton-anons-hitsale .beton-anons-hit {
  display: inline-block;
  margin: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url(../images/hit.png) no-repeat;
}
.product-beton-anons .beton-anons-hitsale .beton-anons-sale {
  display: inline-block;
  margin: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url(../images/sale.png) no-repeat;
}
.product-beton-anons .beton-anons-manufacturer {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 11;
}
.product-beton-anons .beton-anons-manufacturer .manufacturer-braer {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-braer.png) no-repeat;
}
.product-beton-anons .beton-anons-manufacturer .manufacturer-steingot {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-steingot.png) no-repeat;
}
.product-beton-anons .beton-anons-manufacturer .manufacturer-342mz {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-342mz.png) no-repeat;
}
.product-beton-anons .beton-anons-manufacturer .manufacturer-plitka-komfort {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../images/brand-plitka-komfort.png) no-repeat;
}
.product-beton-anons .availability {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 11;
}
.product-beton-anons .availability.color-71 i {
  font-size: 14px;
  color: #ff7e36;
}
.product-beton-anons .availability.color-71 a {
  color: #ff7e36;
  text-transform: lowercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.product-beton-anons .availability.color-71 a:hover {
  color: #f1661a;
}
.product-beton-anons .availability.color-72 i {
  font-size: 14px;
  color: #464646;
}
.product-beton-anons .availability.color-72 a {
  color: #464646;
  text-transform: lowercase;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.product-beton-anons .availability.color-72 a:hover {
  color: #f1661a;
}
.product-beton-anons .prodbet-anons-img {
  position: relative;
}
.product-beton-anons .product-title {
  display: block;
  font-size: 16px;
  color: #464646;
  line-height: 20px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  margin: 10px 0;
  text-decoration: none;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 2px solid #ffe5d7;
}
.product-beton-anons .product-title:hover {
  color: #ff7e36;
  text-decoration: none;
  transition: ease-in-out .3s all;
}
.product-beton-anons .product-priceblock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 20px 0;
  padding: 0;
  height: 100%;
}
.product-beton-anons .product-priceblock .priceblock {
  width: 50%;
  height: 40px;
  padding: 5px;
  text-align: center;
}
.product-beton-anons .product-priceblock .priceblock .product-price {
  font-size: 20px;
  color: #464646;
  font-weight: 700;
}
.product-beton-anons .product-priceblock .priceblock .product-sale-price {
  font-size: 20px;
  color: #ff7e36;
  font-weight: 700;
}
.product-beton-anons .product-priceblock .priceblock .product-price-old {
  font-size: 12px;
  color: #5a5c5e;
  text-decoration: line-through;
  line-height: 10px;
}
.product-beton-anons .product-priceblock .priceblock .product-price-sm {
  font-size: 70%;
  color: #5a5c5e;
}
.product-beton-anons .product-priceblock .button-add-to-cart {
  background-color: #ff7e36;
  margin: 0;
  width: 50%;
  height: 40px;
  border-radius: 20px;
  border: none;
}
.product-beton-anons .product-priceblock .button-add-to-cart:hover {
  background-color: #464646;
  transition: ease-in-out .3s all;
}
.product-beton-anons .product-priceblock .button-add-to-cart i {
  padding: 5px;
  display: block;
  line-height: 1.5;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  color: #ff7e36;
  background-color: #fff;
}
.product-beton-anons .product-priceblock .button-add-to-cart span {
  color: #fff;
  font-size: 15px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin: 3px 10px 3px 3px;
}
.product-beton-anons .param-cont {
  margin-bottom: 20px;
  padding: 10px 15px;
  background-color: #fffbf9;
}
.product-beton-anons .param-cont .param-item {
  margin: 5px 0;
}
.product-beton-anons .param-cont .param-item .param-title i {
  font-size: 16px;
  color: #ff7e36;
  padding-right: 10px;
}
.product-beton-anons .param-cont .param-item a.param-value {
  font-size: 14px;
  color: #464646;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-decoration: none;
}
.product-beton-anons .param-cont .param-item a.param-value:hover {
  color: #ff7e36;
}
.product-beton-anons .param-cont .param-item span.param-value {
  font-size: 14px;
  color: #464646;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  text-decoration: none;
}

@media (min-width: 992px) and (max-width: 1500px) {
  .product-beton-anons .product-title {
    font-size: 1.0rem;
  }
}
.facets-bloks {
  margin-bottom: 2.0rem;
}
.facets-bloks h3 {
  font-size: 15px;
  padding: 8px 0;
  font-weight: 500;
  margin-bottom: 0;
  color: #464646;
  font-family: "Roboto Condensed", sans-serif;
}
.facets-bloks ul {
  list-style: none;
  margin: 14px 0 0 5px;
  padding: 0;
}
.facets-bloks ul li {
  list-style: none;
  padding: 2px 0;
  margin: 0;
}
.facets-bloks ul li a {
  color: #464646;
  text-decoration: none;
}
.facets-bloks ul li a:hover {
  color: #ff7e36;
}
.facets-bloks ul li::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-size: 1.0rem;
  font-weight: 900;
  padding-right: 7px;
  color: #fff2eb;
  vertical-align: -2px;
}
.facets-bloks ul li.current-menu-item > a {
  color: #ff7e36;
}
.facets-bloks ul li.current-menu-item::before {
  color: #ff7e36;
}
.facets-bloks ul li:hover::before {
  color: #ff7e36;
}

.menu-cont-wrap {
  max-height: 300px;
  overflow: auto;
}

.color-menu-blok {
  margin-bottom: 2.0rem;
}
.color-menu-blok h3 {
  font-size: 15px;
  padding: 8px 0;
  font-weight: 500;
  margin-bottom: 0;
  color: #464646;
  font-family: "Roboto Condensed", sans-serif;
}
.color-menu-blok ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.color-menu-blok ul li {
  list-style: none;
  font-size: 0;
  display: inline-block;
  margin: 0;
}
.color-menu-blok ul li a {
  display: inline-block;
  margin-right: 1px;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.color-menu-blok ul li.current-menu-item a {
  border: 2px solid #ff7e36;
}

.accordion-button.collapsed {
  color: #464646;
  border-bottom: 2px solid #ffe5d7;
}

.accordion-button:not(.collapsed) {
  color: #464646;
  border-bottom: 2px solid #fffbf9;
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.0rem;
  height: 1.0rem;
  margin-left: auto;
  content: "";
  background-image: url(../images/accordion-button-icon.svg) !important;
  background-repeat: no-repeat;
  background-size: 1.0rem;
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
}

.prod-term-wrap {
  margin-left: 10px;
}

.carousel-indicators [data-bs-target] {
  background-color: #ff7e36;
}

.carousel-control-prev-icon {
  background-image: url(../images/carousel-prev-icon.svg);
}

.carousel-control-next-icon {
  background-image: url(../images/carousel-next-icon.svg);
}

/*!
 * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
 */
.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-check:before {
  content: "\f00c";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-check-double:before {
  content: "\f560";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-chess-board:before {
  content: "\f43c";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-circle:before {
  content: "\f111";
}

.fa-clock:before {
  content: "\f017";
}

.fa-clipboard-list:before {
  content: "\f46d";
}

.fa-cog:before {
  content: "\f013";
}

.fa-cogs:before {
  content: "\f085";
}

.fa-copy:before {
  content: "\f0c5";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-download:before {
  content: "\f019";
}

.fa-drafting-compass:before {
  content: "\f568";
}

.fa-edit:before {
  content: "\f044";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-text:before {
  content: "\f658";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-facebook-f:before {
  content: "\f39e";
}

.fa-facebook-messenger:before {
  content: "\f39f";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-pdf:before {
  content: "\f1c1";
}

.fa-file-signature:before {
  content: "\f573";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-frown:before {
  content: "\f119";
}

.fa-handshake:before {
  content: "\f2b5";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-headphones-alt:before {
  content: "\f58f";
}

.fa-headset:before {
  content: "\f590";
}

.fa-home:before {
  content: "\f015";
}

.fa-id-card-alt:before {
  content: "\f47f";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-image:before {
  content: "\f03e";
}

.fa-images:before {
  content: "\f302";
}

.fa-industry:before {
  content: "\f275";
}

.fa-info:before {
  content: "\f129";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-instagram-square:before {
  content: "\e055";
}

.fa-gavel:before {
  content: "\f0e3";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-list:before {
  content: "\f03a";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-map:before {
  content: "\f279";
}

.fa-map-marked:before {
  content: "\f59f";
}

.fa-map-marked-alt:before {
  content: "\f5a0";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-map-marker-alt:before {
  content: "\f3c5";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-money-bill:before {
  content: "\f0d6";
}

.fa-money-bill-alt:before {
  content: "\f3d1";
}

.fa-minus:before {
  content: "\f068";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-palette:before {
  content: "\f53f";
}

.fa-pen:before {
  content: "\f304";
}

.fa-pen-square:before {
  content: "\f14b";
}

.fa-pencil-alt:before {
  content: "\f303";
}

.fa-pencil-ruler:before {
  content: "\f5ae";
}

.fa-phone:before {
  content: "\f095";
}

.fa-plus:before {
  content: "\f067";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-question:before {
  content: "\f128";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-ruble-sign:before {
  content: "\f158";
}

.fa-ruler-combined:before {
  content: "\f546";
}

.fa-ruler-horizontal:before {
  content: "\f547";
}

.fa-ruler-vertical:before {
  content: "\f548";
}

.fa-calendar:before {
  content: "\f133";
}

.fa-calendar-alt:before {
  content: "\f073";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-share:before {
  content: "\f064";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-sun:before {
  content: "\f185";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-telegram-plane:before {
  content: "\f3fe";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-times:before {
  content: "\f00d";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-viber:before {
  content: "\f409";
}

.fa-vk:before {
  content: "\f189";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-whatsapp-square:before {
  content: "\f40c";
}

.fa-yandex:before {
  content: "\f413";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-youtube-square:before {
  content: "\f431";
}