@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("/g/fonts/roboto/roboto-b.eot");
  src: url("/g/fonts/roboto/roboto-b.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto/roboto-b.woff2") format("woff2"), url("/g/fonts/roboto/roboto-b.woff") format("woff"), url("/g/fonts/roboto/roboto-b.ttf") format("truetype"), url("/g/fonts/roboto/roboto-b.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("/g/fonts/roboto/roboto-bi.eot");
  src: url("/g/fonts/roboto/roboto-bi.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto/roboto-bi.woff2") format("woff2"), url("/g/fonts/roboto/roboto-bi.woff") format("woff"), url("/g/fonts/roboto/roboto-bi.ttf") format("truetype"), url("/g/fonts/roboto/roboto-bi.svg#Roboto") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("/g/fonts/roboto/roboto-r.eot");
  src: url("/g/fonts/roboto/roboto-r.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto/roboto-r.woff2") format("woff2"), url("/g/fonts/roboto/roboto-r.woff") format("woff"), url("/g/fonts/roboto/roboto-r.ttf") format("truetype"), url("/g/fonts/roboto/roboto-r.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("/g/fonts/roboto/roboto-i.eot");
  src: url("/g/fonts/roboto/roboto-i.eot?#iefix") format("embedded-opentype"), url("/g/fonts/roboto/roboto-i.woff2") format("woff2"), url("/g/fonts/roboto/roboto-i.woff") format("woff"), url("/g/fonts/roboto/roboto-i.ttf") format("truetype"), url("/g/fonts/roboto/roboto-i.svg#Roboto") format("svg");
  font-weight: normal;
  font-style: italic;
}
* {
  outline: none;
}
.default-examples5 {
  position: relative;
  padding: 84px 0 50px;
}
@media screen and (max-width: 1023px) {
  .default-examples5 {
    padding: 46px 60px 25px;
  }
}
@media screen and (max-width: 767px) {
  .default-examples5 {
    padding: 28px 20px 30px;
  }
}
.default-examples5--title {
  color: #333;
  font: 32px "Roboto", Arial, sans-serif;
  line-height: 1.2;
  padding: 0 0 40px;
}
@media screen and (max-width: 1023px) {
  .default-examples5--title {
    font-size: 26px;
    padding: 0 0 22px;
  }
}
@media screen and (max-width: 639px) {
  .default-examples5--title {
    font-size: 22px;
    text-align: center;
    padding-bottom: 24px;
  }
}
.default-examples5--slider {
  font-size: 0;
}
@media screen and (max-width: 1023px) {
  .default-examples5--slider .gal_bl1_wrapper .gal_bl1_items.slider .gal_bl_item {
    width: 100%;
    margin: 0;
  }
}
.default-examples5--item_wrap {
  display: none;
}
.default-examples5--item_wrap:first-child, .default-examples5--item_wrap:nth-child(2) {
  display: block;
}
.default-examples5--item {
  width: 32%;
  margin: 0 2% 20px 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .default-examples5--item {
    width: 48%;
    margin: 0 10px 20px;
  }
}
.default-examples5--item:hover:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2237px%22%20height%3D%2238px%22%20%20viewBox%3D%220%200%2037%2038%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M36.513%2C34.647%20C37.137%2C35.278%2037.169%2C36.269%2036.585%2C36.860%20L35.879%2C37.574%20C35.295%2C38.165%2034.315%2C38.132%2033.691%2C37.501%20L23.900%2C27.595%20C23.833%2C27.528%2023.801%2C27.444%2023.748%2C27.370%20C21.279%2C29.189%2018.250%2C30.274%2014.962%2C30.274%20C6.699%2C30.274%200.000%2C23.497%200.000%2C15.137%20C0.000%2C6.777%206.699%2C0.000%2014.962%2C0.000%20C21.077%2C0.000%2026.326%2C3.716%2028.647%2C9.033%20L27.226%2C6.541%20L27.709%2C7.388%20C28.260%2C8.353%2027.933%2C9.588%2026.979%2C10.145%20C26.195%2C10.602%2025.239%2C10.454%2024.614%2C9.855%20C22.758%2C6.390%2019.132%2C4.037%2014.962%2C4.037%20C8.902%2C4.037%203.990%2C9.006%203.990%2C15.137%20C3.990%2C21.268%208.902%2C26.237%2014.962%2C26.237%20C20.458%2C26.237%2024.996%2C22.146%2025.796%2C16.812%20C26.158%2C15.861%2027.170%2C15.314%2028.165%2C15.584%20C29.229%2C15.872%2029.861%2C16.979%2029.576%2C18.056%20L29.325%2C19.000%20L29.742%2C17.427%20C29.333%2C20.137%2028.223%2C22.613%2026.592%2C24.651%20C26.633%2C24.686%2026.682%2C24.701%2026.721%2C24.740%20L36.513%2C34.647%20ZM25.934%2C15.137%20C25.934%2C15.641%2025.889%2C16.134%2025.825%2C16.620%20M24.253%2C9.406%20C24.352%2C9.579%2024.478%2C9.724%2024.614%2C9.855%20M25.472%2C17.955%20L25.825%2C16.620%20C25.817%2C16.685%2025.806%2C16.748%2025.796%2C16.812%20C25.771%2C16.878%2025.740%2C16.941%2025.722%2C17.011%20L25.472%2C17.955%20ZM23.770%2C8.560%20L24.253%2C9.406%20C24.253%2C9.406%2024.253%2C9.406%2024.253%2C9.406%20L23.770%2C8.560%20ZM28.722%2C9.163%20L28.712%2C9.169%20C28.692%2C9.122%2028.667%2C9.079%2028.647%2C9.033%20L28.722%2C9.163%20ZM30.100%2C16.076%20L29.742%2C17.427%20C29.812%2C16.964%2029.859%2C16.494%2029.886%2C16.018%20L30.100%2C16.076%20Z%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat rgba(0, 114, 190, 0.75);
  pointer-events: none;
  border-radius: 4px;
}
@media screen and (min-width: 1024px) {
  .default-examples5--item:nth-child(3n) {
    margin-right: 0;
  }
}
.default-examples5--item a {
  text-decoration: none;
  display: block;
}
.default-examples5--item a img {
  border: none;
  width: 100%;
  border-radius: 4px;
  max-height: 430px;
  height: 220px;
}
@media screen and (max-width: 1023px) {
  .default-examples5--item a img {
    height: 280px;
  }
}
@media screen and (max-width: 800px) {
  .default-examples5--item a img {
    height: 220px;
  }
}
@media screen and (max-width: 639px) {
  .default-examples5--item a img {
    height: 320px;
  }
}
@media screen and (max-width: 539px) {
  .default-examples5--item a img {
    height: 280px;
  }
}
@media screen and (max-width: 479px) {
  .default-examples5--item a img {
    height: 240px;
  }
}
@media screen and (max-width: 400px) {
  .default-examples5--item a img {
    height: 206px;
  }
}
.default-examples5--btn_wrap {
  text-align: center;
  padding: 32px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .default-examples5--btn_wrap {
    display: none;
  }
}
.default-examples5--button {
  cursor: pointer;
  color: #fff;
  font: 14px "Roboto", Arial, sans-serif;
  padding: 10px 30px 11px;
  border-radius: 4px;
  background: linear-gradient(#008AD0, #0072BE);
  display: inline-block;
  vertical-align: top;
}
.default-examples5--button:hover {
  background: linear-gradient(#38ade8, #0072BE);
}
.default-examples5 .slick-dots {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.default-examples5 .slick-dots li {
  margin: 0 4px;
}
.default-examples5 .slick-dots li button {
  background: none;
  background-color: #d9d9d9;
  width: 20px;
  height: 4px;
  font-size: 0;
  padding: 0;
  bordeR: none;
  cursor: pointer;
}
@media (max-width: 640px) {
  .default-examples5 .slick-dots li button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
  }
}
.default-examples5 .slick-dots li.slick-active button {
  background: #FF5E85;
}
.js-examples5 {
  margin: 0 auto;
  max-width: 1398px;
  padding: 30px 0;
}
@media (max-width: 1366px) {
  .js-examples5 {
    padding: 30px;
  }
}
body .lg-backdrop {
  z-index: 2147483648;
}
body .lg-outer {
  z-index: 2147483649;
}
@media (min-width: 960px) {
  .default-examples5--item a img {
    height: 280px;
  }
}
.default-examples5--title {
  color: #131313;
  font-family: "Noto Serif", serif;
  font-size: 43px;
  line-height: 59px;
  font-weight: normal;
  padding-bottom: 48px;
}
.default-examples5--item:hover:before {
  background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2237px%22%20height%3D%2238px%22%20%20viewBox%3D%220%200%2037%2038%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M36.513%2C34.647%20C37.137%2C35.278%2037.169%2C36.269%2036.585%2C36.860%20L35.879%2C37.574%20C35.295%2C38.165%2034.315%2C38.132%2033.691%2C37.501%20L23.900%2C27.595%20C23.833%2C27.528%2023.801%2C27.444%2023.748%2C27.370%20C21.279%2C29.189%2018.250%2C30.274%2014.962%2C30.274%20C6.699%2C30.274%200.000%2C23.497%200.000%2C15.137%20C0.000%2C6.777%206.699%2C0.000%2014.962%2C0.000%20C21.077%2C0.000%2026.326%2C3.716%2028.647%2C9.033%20L27.226%2C6.541%20L27.709%2C7.388%20C28.260%2C8.353%2027.933%2C9.588%2026.979%2C10.145%20C26.195%2C10.602%2025.239%2C10.454%2024.614%2C9.855%20C22.758%2C6.390%2019.132%2C4.037%2014.962%2C4.037%20C8.902%2C4.037%203.990%2C9.006%203.990%2C15.137%20C3.990%2C21.268%208.902%2C26.237%2014.962%2C26.237%20C20.458%2C26.237%2024.996%2C22.146%2025.796%2C16.812%20C26.158%2C15.861%2027.170%2C15.314%2028.165%2C15.584%20C29.229%2C15.872%2029.861%2C16.979%2029.576%2C18.056%20L29.325%2C19.000%20L29.742%2C17.427%20C29.333%2C20.137%2028.223%2C22.613%2026.592%2C24.651%20C26.633%2C24.686%2026.682%2C24.701%2026.721%2C24.740%20L36.513%2C34.647%20ZM25.934%2C15.137%20C25.934%2C15.641%2025.889%2C16.134%2025.825%2C16.620%20M24.253%2C9.406%20C24.352%2C9.579%2024.478%2C9.724%2024.614%2C9.855%20M25.472%2C17.955%20L25.825%2C16.620%20C25.817%2C16.685%2025.806%2C16.748%2025.796%2C16.812%20C25.771%2C16.878%2025.740%2C16.941%2025.722%2C17.011%20L25.472%2C17.955%20ZM23.770%2C8.560%20L24.253%2C9.406%20C24.253%2C9.406%2024.253%2C9.406%2024.253%2C9.406%20L23.770%2C8.560%20ZM28.722%2C9.163%20L28.712%2C9.169%20C28.692%2C9.122%2028.667%2C9.079%2028.647%2C9.033%20L28.722%2C9.163%20ZM30.100%2C16.076%20L29.742%2C17.427%20C29.812%2C16.964%2029.859%2C16.494%2029.886%2C16.018%20L30.100%2C16.076%20Z%22%2F%3E%3C%2Fsvg%3E) 50% no-repeat rgba(0, 0, 0, 0.75);
}
.default-examples5--button {
  position: relative;
  height: auto;
  min-height: auto;
  vertical-align: top;
  display: inline-flex;
  justify-content: center;
  color: #fff;
  font: 400 17px/ 24px "Noto Serif", serif;
  border: none;
  background: #131313;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  transition: all 0.2s;
  text-align: center;
  padding: 15px 30px 16px;
  background-clip: border-box;
  cursor: pointer;
  text-decoration: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.default-examples5--button:hover {
  color: #fff;
  border: none;
  box-shadow: none;
  background: #424242;
}
.default-examples5 .slick-dots li.slick-active button {
  background: #131313;
}