@media(min-width:1200px) {
	.header {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 7;
		transition: 0.3s;
		background: rgba(51, 51, 51, 0.99);
	}



	.header.active {
		background: rgba(51, 51, 51, 0.99);
	}


	.header .line {
		transition: 0.3s;
		border-top: 1px solid rgba(255, 255, 255, 0.3)
	}

	.header.active .line {
		opacity: 0
	}

	.header .row {
		transition: 0.3s;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.header.active .row {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.sec0 {

		align-items: center;

	}

	.wrap {
		position: relative;
		width: 100%;
		min-height: 100vh;
		display: flex;
		align-items: center;
		background: rgba(0, 0, 0, 0.52);
		z-index: 1;
	}

	.video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;

	}

	.menu {
		display: inline-flex;
	}

	.menu li {
		margin-left: 1rem;
	}

	.menu a {
		font-size: 1rem;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		transition: 0.5s
	}

	.menu a:hover {
		color: #FF6416
	}

	.sec1 {
	}

	.ms-n5 {
		margin-left: -3rem;
	}

	.owl-next,
	.owl-prev {
		width: 2rem;
		height: 2rem;
		bottom: 50%;
		position: absolute;
	}

	.owl-next {

		right: -2rem;
		background: url(../images/arrow_next.svg) 50%/ contain no-repeat !important;
	}

	.owl-prev {
		left: -2rem;
		background: url(../images/arrow_back.svg) 50%/ contain no-repeat !important;
	}



	#map {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}



	.w-4 {
		width: 3rem;
	}
}

@media(max-width:1199px) {
	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 2;
		transition: 0.3s
	}

	.header .row {
		top: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background: #333333;
	}

	.video {
		width: 100%;
	}



	.logo img {
		height: 2rem;
	}

	body,
	html {
		font-size: 14px;
	}

	.fz-2 {
		font-size: 1rem;
	}

	.fz-3 {
		font-size: 1.2rem;
	}

	.fz-4 {
		font-size: 1.5rem;
	}

	.fz-6 {
		font-size: 2rem;
	}

	.fz-5 {
		font-size: 1.8rem;
	}

	.tac-md {
		text-align: center;
	}

	.w-4 {
		width: 3rem;
	}

	.btn {
		width: 100%;
	}

	.layers-section {
		min-height: 300px
	}

	.layers {
		position: absolute;

	}

	#map {
		min-height: 300px
	}

	.menu-icon {
		position: relative;
		width: 2rem;
		height: 2rem;
	}

	.menu-icon:after,
	.menu-icon:before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: 50%;
		border-top: 2px solid #FF6416;
		border-bottom: 2px solid #FF6416;
		transition: 0.5s
	}

	.menu-icon:after {
		height: 40%;
		transform: translateY(-50%)
	}

	.menu-icon:before {
		height: 100%;
		transform: translateY(-50%)
	}

	.menu-icon.active:after {
		height: 0;
		transform: translateY(-50%) rotate(45deg)
	}

	.menu-icon.active:before {
		height: 0;
		transform: translateY(-50%) rotate(-45deg)
	}

	.owl-dots {
		text-align: center;
	}

	.owl-dot {
		margin: 0 0.25rem;
		width: 0.8rem;
		height: 0.8rem;
		background: rgba(51, 51, 51, 0.99) !important;
		border-radius: 50%;
	}

	.owl-dot:hover,
	.owl-dot.active {
		background: #FF6416 !important;
	}

	.menu {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		min-height: 100vh;
		background: #333333;
		padding-top: 4rem;
		transform: translateY(-100%);
		transition: 0.5s
	}

	.menu.active {
		transform: translateY(0)
	}

	.menu li {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}

	.menu a {

		padding: 1rem 0.5rem;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.125rem;
		text-align: right;
		width: 100%;
		display: inline-block;
	}

	.menu a:hover {
		color: #FF6416
	}


}


@media(max-width:1399px) and (min-width:1200px) {}

@media(max-width:1199px) and (min-width:992px) {}

@media(max-width:991px) and (min-width:768px) {}

@media(max-width:767px) {}

@media(max-width: 476px) {
	.perblo {
		margin-top: 130px!important;
	}
}