.content-blog_article-sub {
  position: relative; }

.content-blog_article-sub_info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3; }

.content-blog_container {
  padding-left: 18px;
  padding-right: 18px; }

.content-blog_article-row {
  margin-left: -18px;
  margin-right: -18px; }

.content-blog_article {
  margin-bottom: 35px;
  padding-left: 18px;
  padding-right: 18px;
  order: 0; }

.content-blog_article-image {
  overflow: hidden;
  border-radius: 1.5em;
  height: 0;
  padding-bottom: 345px;
  position: relative; }

.content-blog_article-image_box {
  position: absolute;
  overflow: hidden;
  border-radius: 1.5em;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .content-blog_article-image_box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0, 138, 210, 0);
    pointer-events: none;
    box-shadow: 7px -210px 100px -60px inset rgba(0, 138, 210, 0.75);
    transform: none;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s; }

@media (min-width: 991px) {
  .content-blog_article-sub:hover .content-blog_article-image_box:before {
    transform: rotate(20deg) scale(2.1); } }
.content-blog_article-a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%; }

.content-blog_article_a-link {
  border-bottom: 0.1rem solid transparent;
  -webkit-transition: color 0.3s, border 0.3s;
  -moz-transition: color 0.3s, border 0.3s;
  -o-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s; }

.content-blog_article_a-link:hover,
.content-blog_article-sub:hover .content-blog_article_a-link {
  color: #ffffff;
  border-bottom: 0.1rem solid #ffffff; }

.content-blog_article-img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  flex: none;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg); }

@media (min-width: 991px) {
  .content-blog_article-sub:hover .content-blog_article-img {
    transform: scale(1.05) rotate(-3deg); } }
.content-blog_article_info {
  padding: 0 3em 3em;
  line-height: 1.2;
  max-width: 100%; }

.content-blog_article_title {
  font-size: 1.5em;
  font-weight: 500;
  margin-top: 0.4em;
  color: #ffffff;
  font-family: 'Gotham Pro', serif;
  max-width: 14em; }

.content-blog_article_date {
  font-size: 1.25em;
  margin-top: 0.4em;
  color: #ffffff;
  font-weight: 300;
  font-family: 'Gotham Pro', serif;
  max-width: 250px; }

@media (max-width: 1200px) {
  .content-blog_article-image {
    padding-bottom: 290px; }

  .content-blog_article-image_box:before {
    box-shadow: 7px -195px 100px -60px inset rgba(0, 138, 210, 0.75); }

  .content-blog_article-sub_info {
    font-size: 11px; } }
@media (max-width: 991px) {
  .content-blog_article_info {
    padding: 0 15px 3.5em; }

  .content-blog_article-image {
    padding-bottom: 50vw; }

  .content-blog_container {
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px; }

  .content-blog .owl-carousel.content-blog_article-row {
    margin: 0; }

  .content-blog .owl-carousel .owl-stage-outer {
    margin-bottom: 22px; }

  .init-owl-slider .content-blog_container {
    padding-left: 0;
    padding-right: 0; }

  .content-blog_article {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 26px;
    flex: 0 0 100%;
    max-width: 100%; }

  .content-blog_article-image_box:before {
    box-shadow: 7px -19vw 100px -60px inset rgba(0, 138, 210, 0.75); }

  .owl-carousel .owl-item img.content-blog_article-img {
    width: auto;
    max-height: 100%; } }
@media (max-width: 768px) {
  .content-blog .headline-products_buttons {
    display: none; }

  .content-blog .owl-carousel.content-blog_article-row {
    flex-wrap: nowrap; }

  .content-blog_article {
    margin-bottom: 30px; }

  .content-blog_article-image {
    padding-bottom: 55vw; }

  .content-blog_article-row {
    margin-left: -10px;
    margin-right: -10px; }

  .content-blog .owl-carousel .owl-stage-outer {
    margin-bottom: 15px; }

  .content-blog_article-image_box:before {
    box-shadow: 7px -27vw 100px -60px inset rgba(0, 138, 210, 0.75); } }
@media (max-width: 600px) {
  .content-blog_article-image {
    padding-bottom: 65vw; } }
@media (max-width: 450px) {
  .content-blog_article-sub_info {
    font-size: 3.2vw; }

  .content-blog_article-image {
    padding-bottom: 88vw; } }
@media (max-width: 320px) {
  .content-blog_article-sub_info {
    font-size: 3vw; } }
.blog-page-header {
  padding-top: 0;
  margin-bottom: 35px; }

.blog-page-container .left-column_content {
  padding-right: 10px; }

/* block page front */
.blog-articles {
  margin-bottom: -25px; }

.blog-article {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 25px; }

.blog-article_block {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 18px -10px #a1a1a1;
  border-radius: 15px;
  overflow: hidden; }

.blog-article_top {
  width: 100%; }

.blog-article_image {
  width: 100%; }

.blog-article_image-bottom {
  padding-left: 15px;
  padding-right: 15px; }

.blog-article_image-block {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 165px;
  width: 100%;
  overflow: hidden; }

.blog-article_img {
  width: 100%; }

.blog-article_name-link {
  width: 100%; }

.blog-article_block-category {
  margin-top: -0.8em;
  margin-bottom: -0.6em; }

.blog-article_link-category {
  position: relative;
  z-index: 1;
  background-color: #008ad2;
  color: #ffffff;
  border-radius: 0.5em;
  padding: 0.5em 1.15em;
  font-size: 0.95em;
  line-height: 1.2;
  font-family: 'Gotham Pro', serif;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s; }

.blog-article_link-category:hover {
  color: #ffffff;
  background-color: #0577b3; }

.blog-article_body {
  width: 100%;
  padding: 1.6em 15px; }

.blog-article_date {
  font-family: 'Gotham Pro', serif;
  color: #808080;
  font-size: 0.78em;
  line-height: 1.2;
  margin-bottom: 0.95em; }

.blog-article_name {
  font-family: 'Gotham Pro', serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.9em; }

.blog-article_bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  margin-top: 0.15em; }

.blog-article_comment {
  display: flex;
  align-items: center;
  color: #808080; }

.blog-article_btn-next {
  min-height: 3em;
  padding: 0.4em 0.67em;
  font-size: 1.05em; }

.blog-article_comment-icon {
  margin-right: 0.55em;
  font-size: 1.45em; }

.blog-article_comment-icon:before {
  content: '\e96a'; }

.blog-article_btn-next-icon {
  font-size: 1.5em; }

.blog-article_btn-next-icon:before {
  content: '\e94d'; }

.blog-article_comment-text {
  font-size: 0.95em; }

@media (max-width: 992px) {
  .blog-articles {
    margin-left: -10px;
    margin-right: -10px; }

  .blog-article {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    margin-bottom: 20px; }

  .blog-article_image-block {
    max-height: 225px; }

  div.blog-pagination {
    margin-top: 50px; } }
@media (max-width: 768px) {
  .blog-article {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (max-width: 600px) {
  .blog-article {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (max-width: 400px) {
  .blog-menu_container .blog-menu_box {
    width: 81vw; } }
/* left_menu */
.blog-menu_action {
  width: 100%; }

.blog-menu_box {
  width: 100%; }

.blog-menu_btn-menu {
  font-size: 1.25em;
  border: 0.1rem solid #f5f5f5;
  background-color: #f5f5f5;
  color: #000000;
  font-weight: 400;
  min-height: 3.2em;
  padding: 0.5em 3.4em; }

.blog-menu_btn-menu:hover,
.blog-menu_btn-menu:active,
.blog-menu_btn-menu:focus,
.blog-menu_btn-menu:not(:disabled):not(.disabled):focus,
.blog-menu_btn-menu:not(:disabled):not(.disabled):focus:focus {
  border: 0.1rem solid #f5f5f5;
  background-color: #f5f5f5;
  color: #000000; }

.blog-menu_btn-menu_text {
  font-size: 1.1em;
  font-weight: 500; }

.blog-menu_btn-menu_icon {
  margin-left: 0.8em;
  font-size: 1.65em; }

.blog-menu_btn-menu_icon:before {
  content: '\E966'; }

.blog-menu {
  font-family: 'Gotham Pro', serif;
  border-radius: 15px;
  background-color: #f5f5f5;
  padding: 50px 33px;
  width: 100%; }

.blog-menu_title {
  color: #000000;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 20px; }

.blog-menu_btn-all {
  margin-bottom: 10px; }

.blog-menu_btn-all_link {
  font-size: 1.25em;
  font-weight: 500;
  border-bottom: 0.05rem solid #000000;
  padding-bottom: 0;
  line-height: 1.2;
  display: inline-block;
  -webkit-transition: border 0.3s, color 0.3s, background 0.3s;
  -moz-transition: border 0.3s, color 0.3s, background 0.3s;
  -o-transition: border 0.3s, color 0.3s, background 0.3s;
  transition: border 0.3s, color 0.3s, background 0.3s; }

.a-active.blog-menu_btn-all_link,
.blog-menu_btn-all_link:hover {
  border-bottom: 0.05rem solid #008ad2; }

.blog-menu_links {
  padding-left: 0;
  margin-bottom: 0; }

.blog-menu_link {
  margin-bottom: 10px; }

.blog-menu_link:nth-last-child(1) {
  margin-bottom: 0; }

.blog-menu_link-a {
  font-size: 1.2em; }

@media (min-width: 991px) {
  .blog-menu_box {
    display: block !important; } }
@media (max-width: 1200px) {
  .blog-menu {
    padding: 35px 20px; } }
@media (max-width: 992px) {
  .blog-menu_container {
    position: relative;
    display: inline-block;
    margin-bottom: 45px; }

  .blog-menu_box {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    max-width: 300px;
    width: calc(100% + 300px);
    z-index: 5; }

  .blog-menu {
    background-color: #ffffff;
    box-shadow: 0 0 18px -10px #a1a1a1; }

  #module-dblog-home #left-column,
  #module-dblog-article #left-column,
  #module-dblog-category #left-column {
    order: 0; } }
/* pagination */
.blog-pagination {
  margin-top: 35px; }

.blog-pagination_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: -0.75em;
  margin-left: -0.75em; }

.blog-pagination_item {
  margin-right: 0.75em;
  margin-left: 0.75em;
  margin-bottom: 0.3em; }

.blog-pagination_item--num {
  border-radius: 45px; }

.blog-pagination_item-icon {
  font-size: 1.5em; }

.blog-pagination_item--next,
.blog-pagination_item--prev {
  font-size: 1.3em;
  padding: 2px 5px;
  white-space: nowrap;
  border-radius: 40px; }

.blog-pagination_item--next .blog-pagination_elem,
.blog-pagination_item--prev .blog-pagination_elem {
  display: flex;
  align-items: center;
  border-radius: 40px; }

.blog-pagination_item-icon--next {
  margin-left: 12px; }

.blog-pagination_item-icon--next:before {
  content: '\E94D'; }

.blog-pagination_item-icon--prev {
  margin-right: 12px; }

.blog-pagination_item-icon--prev:before {
  content: '\E94C'; }

.blog-pagination_item--num .blog-pagination_elem {
  width: auto;
  min-width: 1.65em;
  height: 1.65em;
  padding: 0.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  font-size: 1.3em;
  color: #000000;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: background 0.3s, color 0.3s, border 0.3s;
  -moz-transition: background 0.3s, color 0.3s, border 0.3s;
  -o-transition: background 0.3s, color 0.3s, border 0.3s;
  transition: background 0.3s, color 0.3s, border 0.3s; }

.blog-pagination_item--num .blog-pagination_elem:hover,
.blog-pagination_item--num.current .blog-pagination_elem {
  background-color: #0089d1;
  color: #ffffff;
  border: 1px solid #0089d1; }

/*# sourceMappingURL=front.css.map */