@charset "UTF-8";
/*для кнопки Задать вопрос начало*/
.askQuestionBorder {
  border-color: #24A339;
}

.askQuestionText {
  color: #24A339;
}

.askQuestionBg {
  background-color: transporant;
}

.askQuestionBorderH:hover {
  border-color: #24A339;
}

.askQuestionTextH:hover {
  color: #fff;
}

.askQuestionBgH:hover {
  background-color: #24A339;
}

/*для кнопки Задать вопрос конец*/
/*для body начало*/
a {
  color: #428bca;
}
a:hover {
  color: #66b2f3;
}

/*для body конец*/
.warning {
  border-color: #E9533B;
}

.requared {
  background-color: lightyellow !important;
}
.requared input {
  background-color: lightyellow !important;
}

.webform .info {
  color: #E9533B;
}

.contacts-right_col .info {
  color: #E9533B;
}

.modal-wrapper .info {
  color: #E9533B;
}

.text-color-template-3 {
  color: #021844;
}

.text-color-1 {
  color: #333;
}

.text-color-1-h:hover {
  color: #333;
}

.text-color-2 {
  color: #999;
}

.text-color-3 {
  color: #fff;
}

.text-color-3-h:hover {
  color: #fff;
}

.text-color-4.pagination li.active a {
  color: #fff;
}

.text-color-5:hover svg {
  color: #000;
}

.text-color-6 {
  color: #000;
}

.text-color-7 {
  color: #24A339;
}

.text-color-8 {
  color: #868686;
}

.text-color-10 {
  color: #E9533B;
}

.text-color-10-h:hover {
  color: #E9533B;
}

.text-color-9 {
  color: #856404;
}

.placeholder-color::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #868686;
  opacity: 1; /* Firefox */
}
.placeholder-color:focus::placeholder {
  color: transparent;
}
.placeholder-color::-webkit-input-placeholder {
  color: #868686;
}
.placeholder-color:focus::-webkit-input-placeholder {
  color: transparent;
}
.placeholder-color:-moz-placeholder {
  color: #868686;
  opacity: 1;
}
.placeholder-color:focus:-moz-placeholder {
  color: transparent;
}
.placeholder-color:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #868686;
}
.placeholder-color:focus:-ms-input-placeholder {
  color: transparent;
}
.placeholder-color::-ms-input-placeholder { /* Microsoft Edge */
  color: #868686;
}
.placeholder-color:focus::-ms-input-placeholder {
  color: transparent;
}

.placeholder-color-white::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.placeholder-color-white:focus::placeholder {
  color: transparent;
}
.placeholder-color-white::-webkit-input-placeholder {
  color: #fff;
}
.placeholder-color-white:focus::-webkit-input-placeholder {
  color: transparent;
}
.placeholder-color-white:-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.placeholder-color-white:focus:-moz-placeholder {
  color: transparent;
}
.placeholder-color-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.placeholder-color-white:focus:-ms-input-placeholder {
  color: transparent;
}
.placeholder-color-white::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.placeholder-color-white:focus::-ms-input-placeholder {
  color: transparent;
}

.text-color-main {
  color: #428bca;
}

.text-color-main-dark {
  color: #66b2f3;
}

.text-color-main-dark-icon .icon {
  color: #66b2f3;
}

.text-color-main-dark-h:hover {
  color: #66b2f3;
}

.text-color-main-h:hover {
  color: #428bca;
}

.text-color-main-h-t:hover .text {
  color: #428bca;
}

.text-color-main-h-nt:hover .name-text {
  color: #428bca;
}

.text-color-title {
  color: #041221;
}

.svg-color-main-dark svg {
  stroke: #66b2f3;
  fill: #fff;
}
.svg-color-main-dark:hover svg {
  fill: #66b2f3;
}
.svg-color-main-dark.active svg {
  fill: #66b2f3;
}

.bg-color-template1 {
  background-color: #35495f;
}

.bg-color-red {
  background-color: #E9533B;
}

.bg-color-black {
  background-color: #000;
}

.bg-color-main {
  background-color: #428bca;
}

.bg-color-main-h:hover {
  background-color: #428bca;
}

.bg-color-main-i .slick-prev:hover::before {
  background-color: #428bca;
}
.bg-color-main-i .slick-next:hover::before {
  background-color: #428bca;
}
.bg-color-main-i:checked ~ .checkmark {
  border-color: #428bca;
  background-color: #428bca;
}

.bg-color-main-i-2:checked ~ .checkmark {
  border-color: #428bca;
}
.bg-color-main-i-2:checked ~ .checkmark:after {
  background-color: #428bca;
}

.bg-color-main-dark {
  background-color: #66b2f3;
}

.bg-color-main-dark-i.pagination li.active {
  background-color: #66b2f3;
}
.bg-color-main-dark-i .slick-prev:before {
  background-color: #66b2f3;
}
.bg-color-main-dark-i .slick-next:before {
  background-color: #66b2f3;
}
.bg-color-main-dark-i .slick-dots li.slick-active button:before {
  color: #66b2f3;
}
.bg-color-main-dark-i .slick-dots li button:before {
  color: #66b2f3;
}

.bg-color-mask {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-color-white {
  background-color: #fff;
}

.bg-color-green {
  background-color: #24A339;
}

.bg-color-green-h:hover {
  background-color: #24A339;
}

.bg-color-red {
  background-color: #E9533B;
}

.bg-color-1 {
  background-color: #f0f0f0;
}

.bg-color-1-h:hover {
  background-color: #f0f0f0;
}

.bg-color-1-i-h:hover .checkmark {
  background-color: #f0f0f0;
}

.bg-color-2 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-color-3 {
  background-color: #f8f9fa;
}

.bg-color-4 {
  background-color: lightyellow;
}

.bg-color-5 {
  background-color: #ececec;
}

.bg-svg-pencil {
  background-image: url('data:image/svg+xml,        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">        <path d="M10.425 0.0187992C10.3875 0.0275492 10.3275 0.0362992 10.2925 0.0362992C10.2475 0.0375492 10.2088 0.0475492 10.1638 0.0712992C10.1163 0.0975492 9.49126 0.712549 7.67876 2.51255C6.34626 3.8363 4.54376 5.62755 3.67376 6.4913C2.60251 7.55505 2.08126 8.08005 2.06376 8.1163C2.04876 8.14505 1.90501 8.65755 1.74376 9.2563C1.58376 9.8538 1.36376 10.67 1.25626 11.0688C0.302513 14.5863 0.0100132 15.6738 0.00376324 15.7063C-0.00373676 15.7538 0.0337632 15.8438 0.0862632 15.9025C0.132513 15.955 0.246263 16.0063 0.296263 15.9963C0.316263 15.9925 0.528763 15.9363 0.768763 15.8713C1.01001 15.8063 1.69876 15.6225 2.30001 15.4625C2.90126 15.3025 3.59126 15.12 3.83126 15.055C4.07251 14.99 5.08126 14.7213 6.07501 14.4563C7.06876 14.1925 7.90626 13.9638 7.93751 13.9475C7.97626 13.9275 8.35001 13.5638 9.15626 12.7625C9.79501 12.1263 11.585 10.3475 13.1338 8.8088C15.7888 6.17005 15.95 6.0088 15.9738 5.94255C16.0038 5.86505 16.005 5.8463 15.9875 5.81255C15.9813 5.80005 15.9738 5.73755 15.97 5.67255C15.9663 5.5688 15.9463 5.4863 15.7888 4.9213C15.6925 4.57255 15.605 4.2713 15.595 4.2513C15.5675 4.20005 15.5063 4.15255 15.455 4.14255C15.3475 4.12255 15.3663 4.1063 14.3625 5.10505C13.85 5.61505 12.59 6.8663 11.5625 7.88755C10.535 8.90755 9.24501 10.1888 8.69751 10.735C7.59751 11.8325 7.65376 11.7675 7.59751 11.99C7.55501 12.1625 7.56501 12.2313 7.71751 12.78C7.79001 13.04 7.85001 13.2625 7.85001 13.2738C7.85001 13.285 7.80876 13.335 7.75876 13.385L7.66751 13.4763L7.27376 13.5813C7.05751 13.6388 6.28626 13.8438 5.55751 14.0375L4.23376 14.39L3.90751 14.0663C2.70751 12.8788 1.62501 11.7938 1.62501 11.7788C1.62501 11.77 1.83001 11.0013 2.08126 10.0725L2.53626 8.38255L2.62751 8.2913C2.67751 8.2413 2.72876 8.20005 2.74251 8.20005C2.75501 8.20005 2.97751 8.2563 3.23626 8.32505C3.49501 8.39505 3.74251 8.4563 3.78751 8.46255C3.92501 8.48255 4.08751 8.45005 4.24376 8.3713C4.30751 8.34005 4.41876 8.23505 4.97501 7.68255C7.93501 4.7413 11.2763 1.4238 11.6038 1.10005C11.8238 0.883799 12.0163 0.682549 12.0338 0.653799C12.0913 0.555049 12.0675 0.450049 11.9713 0.395049C11.9038 0.355049 10.5475 -0.00745081 10.5025 0.00129919C10.4975 0.00254919 10.4625 0.0100492 10.425 0.0187992Z" fill="%2366b2f3"/>        <path d="M12.65 1.01128C12.545 1.04378 12.49 1.09378 11.7 1.88003C11.2563 2.32128 9.63375 3.93378 8.09375 5.46253C4.4675 9.06253 4.79875 8.72878 4.75625 8.81878C4.7125 8.91003 4.705 9.04378 4.74 9.10753C4.77125 9.16378 6.8925 11.2638 6.94625 11.2925C7.0075 11.3238 7.14375 11.315 7.23125 11.275C7.305 11.24 7.0825 11.4588 10.8438 7.72503C15.1 3.50003 15.02 3.58003 15.06 3.50003C15.1038 3.41128 15.1125 3.28253 15.0813 3.21253C15.0563 3.15628 12.9438 1.05378 12.8788 1.02003C12.8363 0.998781 12.7088 0.993781 12.65 1.01128Z" fill="%2366b2f3"/>        </svg>');
}

.bg-svg-circle {
  background-image: url('data:image/svg+xml,        <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">        <circle cx="8.5" cy="8.5" r="8" stroke="%23ececec"/>        </svg>');
}

.bg-svg-circle-active.active {
  background-image: url('data:image/svg+xml,            <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">            <circle stroke="%23428bca" stroke-width="2" r="7.5" cy="8.3389835" cx="8.5" />            <circle r="4.5" cy="8.3389835" cx="8.5" fill="%23428bca" />            </svg>');
}

.box-shadow-color {
  box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.27);
}

.box-shadow-color-1 {
  box-shadow: 0 2px 4px #ececec;
}

.box-shadow-color-2 {
  box-shadow: 0 0 0 1px #ececec;
}

.box-shadow-color-4 {
  box-shadow: 0 0 0 1px #66b2f3;
}

.box-shadow-color-5 {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
}

@media screen and (min-width: 768px) {
  .box-shadow-color-3-a-768.active {
    box-shadow: 0 0 0 1px #428bca;
  }
}

.box-shadow-color-3-a.active {
  box-shadow: 0 0 0 1px #428bca;
}

.box-shadow-color-3-h:hover {
  box-shadow: 0 0 0 1px #428bca;
}
.box-shadow-color-3-h.no-active:hover {
  box-shadow: 0 0 0 0px #428bca;
}

.box-shadow-color-3-f:focus {
  box-shadow: inset 0 0 0 1px #428bca;
}

.box-shadow-color-red-h:hover {
  box-shadow: 0 0 0 1px #E9533B;
}
.box-shadow-color-red-h.no-active:hover {
  box-shadow: 0 0 0 0px #428bca;
}

.box-shadow-color-red-a.active {
  box-shadow: 0 0 0 1px #E9533B;
}

@media only screen and (min-width: 768px) {
  .product-box-shadow {
    box-shadow: 0 0 0 1px #ececec;
  }
  .product-box-shadow:hover {
    box-shadow: 0 0 0 1px #428bca;
  }
}

.border-color-template2-grad {
  border-color: #fff;
  border-image: linear-gradient(90deg, #fff 10%, #66b2f3 50%, #fff 90%);
  border-image-slice: 1;
}

.border-tcolor {
  border-top-color: #ececec;
}

.border-tcolor-tr {
  border-top-color: #fff;
}

.border-lcolor {
  border-left-color: #428bca;
}

.border-rcolor {
  border-right-color: #428bca;
}

.border-bcolor {
  border-bottom-color: #428bca;
}

.border-color-1 {
  border-color: #ececec;
}

.border-color-1-h:hover {
  border-color: #ececec;
}

.border-color-2 {
  border-color: #f0f0f0;
}

.border-color-3 {
  border-color: #fff;
}

.border-color-4.active {
  border-color: #66b2f3;
}

.border-color-5 {
  border-color: #66b2f3;
}

.border-color-5-h:hover {
  border-color: #66b2f3;
}

.border-color-5-lsh .slick-current .slide-box {
  border-color: #66b2f3;
}

.border-color-5-f:focus {
  border-color: #66b2f3;
}

.border-color-6 {
  border-color: #24A339;
}

.border-color-6-h:hover {
  border-color: #24A339;
}

.border-color-7 {
  border-color: #428bca;
}

@media screen and (min-width: 768px) {
  .border-color-7-a-768.active {
    border-color: #428bca;
  }
}

.border-color-7-a.active {
  border-color: #428bca;
}

.border-color-7-f:focus {
  border-color: #428bca;
}

.border-color-7-f-i:focus {
  border-color: #428bca !important;
}

.border-color-7-h:hover {
  border-color: #428bca;
}
.border-color-7-h.no-active:hover {
  border-color: #f0f0f0;
}

.border-color-8 {
  border-color: #ffeeba;
}

.border-color-9-h:hover {
  border-color: #856404;
}

.border-color-spinner:after {
  border-color: #428bca transparent #428bca transparent;
}

.border-color-red-h:hover {
  border-color: #E9533B;
}
.border-color-red-h.no-active:hover {
  border-color: #f0f0f0;
}

.border-color-red-a.active {
  border-color: #E9533B;
}

.check-label.disabled {
  color: #ececec;
}

.buy-button.disabled {
  background-color: #f0f0f0;
}

.filter-box {
  color: #333;
}
.filter-box .filter-box-title {
  color: #333;
}
.filter-box .filter-box-block .vue-slider-rail {
  background-color: #ececec;
}
.filter-box .filter-box-block .kss-custom-dot {
  background-color: #66b2f3;
}
.filter-box .filter-box-block .vue-slider-process.kss-custom-class {
  background-color: #66b2f3;
}

.status.yes {
  color: #24A339;
}
.status.no {
  color: #E9533B;
}
.status.on_order {
  color: #0000ff;
}

.svg-all-in svg * {
  fill: #66b2f3;
  stroke: #66b2f3;
}

.svg-all-stroke svg * {
  stroke: #66b2f3;
}

.svg-all-in-h:hover svg * {
  fill: #66b2f3;
  stroke: #66b2f3;
}

.svg-all-in-a .active svg * {
  fill: #66b2f3;
  stroke: #66b2f3;
}

.svg-all-in-2 svg * {
  stroke: #66b2f3;
}

.svg-path svg path {
  stroke: #66b2f3;
}

.svg-path-h:hover svg path {
  stroke: #66b2f3;
}

.svg-path-2 svg path {
  stroke: #333;
}

/*Цвета для элементов выводимых из текстового редактора*/
.content-text h2 {
  color: #041221;
}
.content-text h3 {
  color: #041221;
}
.content-text blockquote {
  border-left-color: #041221;
}

/*Цвета для элементов изображения в новостях, статьях, страницах контента*/
.img-wrap .title {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.img-wrap .title:before {
  background-color: #428bca;
}

.content-page {
  font-size: 14px;
  line-height: 26px;
}
.content-page .news-article .news-data {
  margin-bottom: 40px;
}
.content-page .news-article h2 {
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  margin: 40px 0 30px 0;
}
.content-page .news-article h3 {
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  margin: 30px 0;
}
.content-page .news-article blockquote {
  margin: 20px 0;
  padding-left: 14px;
  border-left-width: 2px;
  border-left-style: solid;
}
.content-page .news-article header p {
  color: #66b2f3;
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  text-align: justify;
}
@media screen and (min-width: 641px) {
  .content-page .news-article header p {
    font-size: 25px;
    line-height: 43px;
  }
}
.content-page .news-article p {
  margin-bottom: 10px;
  text-align: justify;
  line-height: 26px;
}
.content-page .news-article p strong {
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.content-page .news-article .faq-page p {
  margin-top: 25px;
  font-size: 16px;
}
.content-page .news-article .faq-page p strong {
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.content-page .news-article ol, .content-page .news-article ul {
  margin-left: 20px;
  margin-bottom: 20px;
}
.content-page .news-article ol li:not(:last-child), .content-page .news-article ul li:not(:last-child) {
  padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .content-page .news-article ol li:not(:last-child), .content-page .news-article ul li:not(:last-child) {
    padding-bottom: 20px;
  }
}
.content-page .news-article table {
  margin-bottom: 10px;
  width: 100% !important;
}
.content-page .news-article table tr th, .content-page .news-article table tr td {
  padding: 5px;
}
.content-page .news-article strong {
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
}
.content-page .news-article iframe {
  max-width: 100%;
}
.content-page .news-article .img-wrap {
  display: inline;
}
.content-page .news-article .img-wrap .title {
  display: none;
}
.content-page .news-article .img-wrap .img {
  display: inline;
}
.content-page .news-article .img-wrap.left {
  position: relative;
  width: calc(100% + 20px);
  height: auto;
  margin: 40px 0;
  margin-left: -10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .content-page .news-article .img-wrap.left {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    display: table;
    margin: 40px auto;
  }
}
@media screen and (min-width: 1024px) {
  .content-page .news-article .img-wrap.left {
    float: left;
    margin: 10px 40px 40px 0;
  }
}
.content-page .news-article .img-wrap.left .title {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75px;
  width: 100%;
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  padding: 17px 25px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .content-page .news-article .img-wrap.left .title {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.content-page .news-article .img-wrap.left .title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-page .news-article .img-wrap.left .title:before {
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  content: "";
  width: 3px;
  height: 40px;
  z-index: 155;
}
.content-page .news-article .img-wrap.left .img {
  height: auto;
  margin: 0 auto;
  line-height: 0;
  width: calc(100% + 40px);
  display: block;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.left .img {
    width: auto;
  }
}
.content-page .news-article .img-wrap.left .img img {
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.left .img img {
    border-radius: 5px;
  }
}
.content-page .news-article .img-wrap.right {
  position: relative;
  width: calc(100% + 20px);
  height: auto;
  margin: 40px 0;
  margin-left: -10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .content-page .news-article .img-wrap.right {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    display: table;
    margin: 40px auto;
  }
}
@media screen and (min-width: 1024px) {
  .content-page .news-article .img-wrap.right {
    float: right;
    margin: 10px 0 40px 40px;
  }
}
.content-page .news-article .img-wrap.right .title {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75px;
  width: 100%;
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  padding: 17px 25px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .content-page .news-article .img-wrap.right .title {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.content-page .news-article .img-wrap.right .title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-page .news-article .img-wrap.right .title:before {
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  content: "";
  width: 3px;
  height: 40px;
  z-index: 155;
}
.content-page .news-article .img-wrap.right .img {
  height: auto;
  margin: 0 auto;
  line-height: 0;
  width: calc(100% + 40px);
  display: block;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.right .img {
    width: auto;
  }
}
.content-page .news-article .img-wrap.right .img img {
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.right .img img {
    border-radius: 5px;
  }
}
.content-page .news-article .img-wrap.justify {
  position: relative;
  width: calc(100% + 20px);
  height: auto;
  margin: 40px 0;
  margin-left: -10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.justify {
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    display: table;
    margin: 40px auto;
  }
}
@media screen and (min-width: 1024px) {
  .content-page .news-article .img-wrap.justify {
    float: none;
    display: table;
    margin: 10px auto;
    max-width: 100%;
    clear: both;
  }
}
.content-page .news-article .img-wrap.justify .title {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75px;
  width: 100%;
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  padding: 17px 25px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .content-page .news-article .img-wrap.justify .title {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.content-page .news-article .img-wrap.justify .title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-page .news-article .img-wrap.justify .title:before {
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  content: "";
  width: 3px;
  height: 40px;
  z-index: 155;
}
.content-page .news-article .img-wrap.justify .img {
  height: auto;
  margin: 0 auto;
  line-height: 0;
  width: calc(100% + 40px);
  display: block;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.justify .img {
    width: auto;
  }
}
.content-page .news-article .img-wrap.justify .img img {
  height: auto;
  max-width: 100%;
}
@media screen and (min-width: 568px) {
  .content-page .news-article .img-wrap.justify .img img {
    border-radius: 5px;
  }
}
.content-page .news-article .btndiv {
  text-align: center;
  padding-top: 20px;
  clear: both;
}
.content-page .news-article .btndiv .btndiv-link {
  text-decoration: none;
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: lowercase;
}
.content-page .news-article .all-this-color {
  padding: 15px 0;
  margin-bottom: 30px;
  line-height: normal;
  clear: both;
}
.content-page .news-article .all-this-color h2 {
  text-transform: uppercase;
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  position: relative;
  padding-top: 24px;
  padding-bottom: 10px;
  text-align: center;
}
.content-page .news-article .all-this-color h2:before {
  position: absolute;
  content: "";
  display: block;
  height: 4px;
  background-color: #041221;
  width: 65px;
  top: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
}
.content-page .news-article .all-this-color .slide-box {
  padding: 3px;
}
@media only screen and (min-width: 768px) {
  .content-page .news-article .all-this-color .slide-box {
    padding: 8px;
  }
}
.content-page .news-article .all-this-color .product-box {
  position: relative;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.content-page .news-article .all-this-color .product-box .favorit {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.content-page .news-article .all-this-color .product-box a {
  text-decoration: none;
}
.content-page .news-article .all-this-color .product-box a .product-img {
  overflow: hidden;
  padding: 50%;
  position: relative;
}
.content-page .news-article .all-this-color .product-box a .product-img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .content-page .news-article .all-this-color .product-box a .product-img img {
    width: auto;
    max-width: 100%;
  }
}
.content-page .news-article .all-this-color .product-box a .product-img .action {
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 24px;
  padding: 3px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.content-page .news-article .all-this-color .product-box a .product-img .stock {
  position: absolute;
  top: 10px;
  left: 10px;
}
.content-page .news-article .all-this-color .product-box a .name {
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  margin: 10px 0;
  box-sizing: border-box;
  height: 40px;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .content-page .news-article .all-this-color .product-box a .name {
    padding: 0 15px;
  }
}
.content-page .news-article .all-this-color .product-box a .name .name-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content-page .news-article .all-this-color .product-box a .in-basket {
  font-size: 12px;
  padding: 0 10px;
}
@media only screen and (min-width: 560px) {
  .content-page .news-article .all-this-color .product-box a .in-basket {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .content-page .news-article .all-this-color .product-box a .in-basket {
    padding: 0 15px;
  }
}
.content-page .news-article .all-this-color .product-box a .price {
  margin-top: 10px;
  display: flex;
  overflow: hidden;
  align-items: center;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .content-page .news-article .all-this-color .product-box a .price {
    padding: 0 15px;
  }
}
.content-page .news-article .all-this-color .product-box a .price .price-nosale {
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}
.content-page .news-article .all-this-color .product-box a .price .price-new {
  font-family: "OpenSansBold", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  margin-right: 5px;
}
.content-page .news-article .all-this-color .product-box a .price .price-old {
  font-family: "OpenSansRegular", "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-decoration: line-through;
}
.content-page .news-article .all-this-color .product-box .put-in-basket {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.content-page .news-article .all-this-color .product-box .put-in-basket .product-buy {
  cursor: pointer;
  width: 100%;
  max-width: 120px;
  margin-top: 10px;
}
.content-page .news-article .all-this-color .product-box .put-in-basket .product-buy .buy-button {
  border-radius: 5px;
  width: auto;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-page .news-article .all-this-color .product-box .put-in-basket .product-buy .buy-button .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.content-page .news-article .all-this-color .product-box .put-in-basket .product-buy .buy-button .text {
  font-size: 14px;
}

/*# sourceMappingURL=mm-news-item.css.map */