/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-yacht-route/block-yacht-route.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.page-404 {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 980px) {
    .page-404 {
      padding: 0 50px; } }
  @media screen and (max-width: 767px) {
    .page-404 {
      padding: 0 25px; } }

.page-404_number {
  color: #fff; }

.page-404_title {
  max-width: 780px;
  width: 100%;
  text-align: center;
  margin-bottom: 50px; }

.page-404_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; }

.page-404_button {
  background-color: #fff;
  color: #0165ad;
  border: none; }

@media screen and (min-width: 1921px) {
  .page-404_title {
    max-width: 40.625vw;
    margin-bottom: 2.60417vw; } }

.block-map-route {
  padding: 100px 50px;
  background-color: #fff;
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 1450px) {
    .block-map-route {
      padding: 50px; } }
  @media screen and (max-width: 767px) {
    .block-map-route {
      padding: 15px 30px; } }

.block-map-route_wrapper {
  background: #f9f9f9;
  display: flex;
  align-items: flex-start;
  max-width: 1660px;
  margin: 0 auto;
  padding: 100px 50px; }
  @media screen and (max-width: 1450px) {
    .block-map-route_wrapper {
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 50px; } }
  @media screen and (max-width: 767px) {
    .block-map-route_wrapper {
      padding: 30px; } }

.bmr_content {
  max-width: 485px;
  width: 100%; }
  @media screen and (max-width: 1550px) {
    .bmr_content {
      max-width: 430px; } }
  @media screen and (max-width: 1450px) {
    .bmr_content {
      max-width: 100%;
      margin-bottom: 50px; } }

.bmr_mini-title {
  color: #1a2a42; }

.bmr_main-title {
  color: #00122d;
  max-width: 330px;
  width: 100%;
  margin: 10px 0 25px; }

.bmr_text {
  color: #1a2a42;
  margin-bottom: 25px; }

.bmr_route-days {
  margin: 0 50px 0 100px; }
  @media screen and (max-width: 1550px) {
    .bmr_route-days {
      margin: 0 30px 0 50px; } }
  @media screen and (max-width: 1450px) {
    .bmr_route-days {
      max-width: 350px;
      width: 100%;
      margin: 0; } }
  @media screen and (max-width: 1080px) {
    .bmr_route-days {
      max-width: 300px; } }
  @media screen and (max-width: 900px) {
    .bmr_route-days {
      max-width: 100%;
      order: 1;
      display: flex;
      flex-wrap: wrap;
      margin-top: 30px; } }

.bmr_route-days_title {
  text-transform: uppercase;
  color: #af3538;
  letter-spacing: 0.1em;
  margin-bottom: 20px; }
  @media screen and (max-width: 900px) {
    .bmr_route-days_title {
      width: 100%;
      text-align: center; } }

.bmr_day-box {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: flex-start;
  padding-bottom: 30px;
  overflow: hidden;
  cursor: pointer; }
  @media screen and (max-width: 900px) {
    .bmr_day-box {
      width: 33.3%;
      margin-bottom: 15px; } }
  @media screen and (max-width: 700px) {
    .bmr_day-box {
      width: 50%; } }
  @media screen and (max-width: 550px) {
    .bmr_day-box {
      width: 100%;
      margin-bottom: 0; } }
  @media (hover: hover) and (pointer: fine) {
    .bmr_day-box:hover svg circle {
      fill: #0165ad; }
    .bmr_day-box:hover svg path {
      fill: #fff; } }
  .bmr_day-box.active svg circle {
    fill: #0165ad; }
  .bmr_day-box.active svg path {
    fill: #fff; }
  .bmr_day-box svg {
    margin-right: 10px;
    cursor: pointer; }
    .bmr_day-box svg circle {
      transition: 0.3s fill;
      will-change: fill; }
    .bmr_day-box svg path {
      transition: 0.3s fill;
      will-change: fill; }
  .bmr_day-box:last-child .bmr_line-left {
    display: none; }

.bmr_line-left {
  height: 205px;
  width: 1px;
  background: #e0e0e0;
  position: absolute;
  z-index: -1;
  top: 17px;
  left: 12px; }
  @media screen and (max-width: 900px) {
    .bmr_line-left {
      display: none; } }
  @media screen and (max-width: 550px) {
    .bmr_line-left {
      display: block; } }

.bmr_day {
  text-transform: uppercase;
  color: #828282; }

.bmr_route {
  padding: 5px 0; }

.bmr_map {
  width: 100%;
  max-width: 680px;
  height: 860px; }
  @media screen and (max-width: 1550px) {
    .bmr_map {
      max-width: 600px; } }
  @media screen and (max-width: 1450px) {
    .bmr_map {
      max-width: 700px; } }
  @media screen and (max-width: 1230px) {
    .bmr_map {
      max-width: 550px;
      height: 700px; } }
  @media screen and (max-width: 1080px) {
    .bmr_map {
      max-width: 480px;
      height: 600px; } }
  @media screen and (max-width: 900px) {
    .bmr_map {
      max-width: 100%; } }
  @media screen and (max-width: 767px) {
    .bmr_map {
      height: 480px; } }
  @media screen and (max-width: 520px) {
    .bmr_map {
      height: 400px; } }

.bmr_map-img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media screen and (min-width: 1921px) {
  .block-map-route {
    padding: 5.20833vw 2.60417vw; }
  .block-map-route_wrapper {
    max-width: 86.45833vw;
    padding: 5.20833vw 2.60417vw; }
  .bmr_content {
    max-width: 25.26042vw; }
  .bmr_main-title {
    max-width: 17.1875vw;
    margin: 0.52083vw 0 1.30208vw; }
  .bmr_text {
    margin-bottom: 1.30208vw; }
  .bmr_route-days {
    margin: 0 2.60417vw 0 5.20833vw; }
  .bmr_route-days_title {
    margin-bottom: 1.04167vw; }
  .bmr_day-box {
    padding-bottom: 1.5625vw; }
    .bmr_day-box svg {
      margin-right: 0.52083vw; }
  .bmr_line-left {
    height: 10.67708vw;
    width: 0.05208vw;
    top: 0.88542vw;
    left: 0.625vw; }
  .bmr_route {
    padding: 0.26042vw 0; }
  .bmr_map {
    max-width: 35.41667vw;
    height: 44.79167vw; } }