/*
 * Header
 */
.block-tutorials__article-slider {
  margin: 61px 0px;
}
.block-tutorials__article-slider .slick-prev {
  width: 45px;
  height: 45px;
  left: -45px;
}
@media only screen and (max-width: 1200px), screen and (max-height: 500px) {
  .block-tutorials__article-slider .slick-prev {
    left: 0;
    z-index: 9;
  }
}
.block-tutorials__article-slider .slick-next {
  width: 45px;
  right: -45px;
  height: 45px;
  -webkit-transform: translate(0, -35%);
  -ms-transform: translate(0, -35%);
  transform: translate(0, -35%);
}
@media only screen and (max-width: 1200px), screen and (max-height: 500px) {
  .block-tutorials__article-slider .slick-next {
    right: 0;
    z-index: 9;
  }
}
.block-tutorials__article-slider-item {
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px 0 #aaa;
  background-color: #fff;
  text-align: center;
  margin: 10px;
  height: 418px !important;
}
@media only screen and (max-width: 1366px) {
  .block-tutorials__article-slider-item {
    height: 447px !important;
  }
}
.block-tutorials__article-slider-item h2 {
  font-size: 19px;
  margin-bottom: 10px;
  text-align: left;
  margin-left: 9px;
  margin-right: 0px;
  width: 100%;
  margin-top: 9px;
}
.block-tutorials__article-slider-item .btn-read-more {
  background-color: #0073e6;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  margin-top: 10px;
}
.block-tutorials__article-slider-item img {
  width: 100%;
}
.block-tutorials {
  padding: 40px 80px;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  .block-tutorials {
    padding: 32px 16px;
  }
}
.block-tutorials__gallery {
  width: 100%;
  border-spacing: 32px;
}
.block-tutorials__card {
  position: relative;
  padding-bottom: 20px;
  width: 33.33%;
  box-shadow: 0 3px 6px 0 #aaaaaa;
  background-color: #ffffff;
  vertical-align: top;
}
@media only screen and (max-width: 576px) {
  .block-tutorials__card {
    width: 90%;
    display: block;
    margin: 0 auto 16px;
  }
}
.block-tutorials__card .tpl_button--type3 {
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.block-tutorials__card_pic {
  display: block;
  max-width: 100%;
  height: 238px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.block-tutorials__card_content {
  padding: 16px;
  display: block;
}
.block-tutorials__tutorial_name {
  display: block;
  color: #2f3c55;
  font-family: 'Spectral';
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 16px;
  font-weight: bold;
}
.block-tutorials__tutorial_description {
  display: block;
  color: #647381;
  margin-bottom: 16px;
  text-align: left;
  margin-left: 9px;
  margin-right: 9px;
}
.block-tutorials__categories {
  text-align: center;
}
.block-tutorials__categories ul {
  display: inline;
}
.block-tutorials__categories li {
  list-style: none;
  display: inline;
}
.block-tutorials__categories li a {
  color: #647381;
  background-color: #f9fafc;
  display: inline-block;
  padding: 8px 16px;
  margin: 4px;
  border-radius: 16px;
}
.block-tutorials__categories li.current-cat > a {
  background-color: #69779b;
  color: #fff;
}
/*# sourceMappingURL=./block-tutorials.css.map */