.page-location {
  width: 100%;
  min-height: 100vh;
  padding-bottom: 0;

  #hero {
    padding-top: clamp(4rem, 12vw, 9.8125rem);
  }

  section#terasa {
    margin-top:2rem;
    @media (max-width: 991px) {
      margin-top:1rem;
    }

    .js_animH3 {
      margin-bottom: 2rem;
    }

    h3 {
      color: #161408;
      font-family: "DM Sans";
      font-size: 1.375rem;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase;
    }

    video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    color:var(--grey-color);
    .tcr-content{
      padding:3.125rem 7.1875rem;
		@media (max-width: 991px) {
			padding:2rem;
		}
    }
	.ornamentai:after{
		content:'';
		display:block;
		clear:both;
	}
	.ornamentai{
		overflow:hidden;
		width:100%;
		padding-top:2rem;
		@media (max-width: 991px) {
			
		}
		svg{
			height: 8.875rem;
			@media (max-width: 991px) {
				height: 5rem;
				float:right;
			}
		}
	}

	#terasa-col-l {
		flex:1;
		overflow:hidden;
		position:relative;
		img{
			position:absolute;
			bottom:0;
			display:block;
			width:100%;
			height:auto;
			left:0;
			@media (max-width: 991px) {
				width:auto;
				height:100%;
			}
		}
		@media (max-width: 991px) {
			height:30rem;
		}
	}	
	
    #terasa-col-r{
      background:var(--gold-color);
      width:35.5rem;
      @media (max-width: 991px) {
        width:100%;
      }
	  .toolbar{
		  margin-top:5rem;
		  padding-left:1rem;
		  @media (max-width: 991px) {
			  padding:0;
			  text-align:center;
			  margin-top:2rem;
		  }
	  }
    }
    #terasa-anim-wrapper{
      position:relative;
      height:25rem;
      margin-bottom:2rem;
		@media (max-width: 991px) {
			height:20rem;
		}
    }
    #terasa-anim-h{
      border-left:1px solid #A69E49;
      height:25rem;
      margin-left:1.25rem;
      position:relative;
		@media (max-width: 991px) {
			height:20rem;
			margin-left:.7rem;
		}
    }
    #terasa-row{
      display:flex;
      height:68.75rem;
      @media (max-width: 991px) {
        display:block;
        height:auto;
      }
    }
  }

  .sec-loc {
    padding-top: 13.54rem;
	@media (max-width: 991px) {
		padding-top:5rem;
	}
    .toggle {
      padding-bottom: 4.42rem;

      .wrapper {
        display: flex;
        justify-content: center;
        gap: 8px;
      }

      .btn {
        &:before {
          will-change: background-color;
          transition: background-color 0.68s ease;
        }
      }
    }

    .categories {
      background: #161408;
      padding: 24px 0;

      .inner {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;

        @media screen and (max-width: 681px) {
          //display: flex;
          //flex-direction: column;
          //align-items: flex-start;
          //justify-content: flex-start;

          & > span {
            display: none !important;
          }
        }

        svg {
          width: 20px;
          height: auto;
          position: relative;
          z-index: 10;

          path {
            stroke: #000;
          }
        }

        .btn {
          display: flex;
          align-items: center;
          gap: 18px;
        }

        .btn:not(.active) {
          color: #fff;


          svg path {
            stroke: #fff !important;
          }

          &::before {
            background-color: transparent;
          }
        }

        & > span {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 21px;
          color: #535353;
          height: 100%;
        }
      }
    }

    .wrap {
      position: relative;
      //aspect-ratio: 1920/835;
      height: 80vh;
      background: #D5D7CE;
      width: 100%;
      overflow: hidden;


      .sec-map,.sec-360 {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        width: 100%;
        //aspect-ratio: 1920/835;
        height: 80vh;
        opacity: 0;
        will-change: opacity;
        transition: opacity 0.38s ease;

        #map,iframe {
          width: 100%;
          //aspect-ratio: 1920/835;
          height: 80vh;
        }
      }

      @media screen and (max-width: 680px) {
        //aspect-ratio: 9/12;
        height: 60vh;

        .sec-map,.sec-360,#map,iframe {
          //aspect-ratio: 9/12 !important;
          height: 60vh !important;
        }
      }
    }

    &[data-type="map"] {
      .sec-map {
        opacity: 1 !important;
        pointer-events: all !important;
      }

      button[data-type="360"] {
        &::before {
          background-color: transparent !important;
        }
      }
    }

    &[data-type="360"] {
      .sec-360 {
        opacity: 1 !important;
        pointer-events: all !important;
      }

      button[data-type="map"] {
        &::before {
          background-color: transparent !important;
        }
      }
    }
  }


}
.iframe-wrap{
  .fancybox__content{
    padding:0;
  }
}
///-----map