/* COMMON */
	/* html { height: 100%; font-size: calc((0.83vw + 1.48vh) / 2); } */
	html { font-size: 1.1111vw; }

	* { margin: 0; padding: 0; box-sizing: border-box; }

	body {
		-webkit-font-smoothing: subpixel-antialiased !important;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility:    hidden;
		-ms-backface-visibility:     hidden;
		text-decoration-skip-ink: none;
		text-decoration-skip-ink: none;
		margin: 0;
		height: 100%;
		color: #434343;
		font-weight: 400;
		font-family: "Montserrat", Arial, sans-serif;
		line-height: 1.2;
		background: #fff;
	}

	h1, h2, h3, h4, h5, h6 { font-weight: 700; }

	.f-trl { font-weight: 700; font-family: "TTTravelsNextTrl", Arial, sans-serif; }
	.f-trl_v { font-weight: 400; font-family: "TTTravelsNextTrialVariable", Arial, sans-serif; }
	.f-open { font-weight: 400; font-family: "OpenSansCondensed", Arial, sans-serif; }

	a { color: inherit; text-decoration: underline; }
	a:hover { color: inherit; text-decoration: none; }

	p a { font-size: inherit; }

	.hidden {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 0;
		height: 0;
		border: 0;
		outline: 0;
		box-shadow: none;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		z-index: -9999;
	}

	.preloader {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh;
		background: #fff;
		transition: 0.3s;
		z-index: 99999;
	}

	.preloader.loaded { opacity: 0; pointer-events: none; }

	.preloader svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50vw;
		height: 50vh;
		object-fit: contain;
		transform: translate(-50%, -50%);
	}

	.point {
		position: absolute;
		top: -20rem;
		left: 0;
		margin: 0;
		padding: 0;
		width: 0;
		height: 0;
		opacity: 0;
		pointer-events: none;
		z-index: -9999;
	}

	b { font-weight: 700; }

	b b { font-weight: 900; }

	main {
		display: block;
		position: relative;
		padding-top: 5rem;
		width: 100%;
	}

	picture img { display: block; width: 100%; height: auto; }

	ul { list-style: none; }

	button:focus { outline: 0; box-shadow: none; }

	.title {
		margin: 0;
		font: 700 2.625rem/3.25rem "TTTravelsNextTrl", Arial, sans-serif;
		text-transform: uppercase;
	}

	.title i { display: inline-block; margin: 0 0.5rem; }

	.title.title-22 {
		font-size: 2.125rem;
	}

	.title-big {
		margin: 0 0 2.75rem;
		font: 700 3.25rem/3.5rem "TTTravelsNextTrl", Arial, sans-serif;
		text-transform: uppercase;
	}

	.title-col {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.title-col > span { margin-top: -0.625rem; }

	.text-gradient {
		display: inline-block;
		position: relative;
		color: #fff;
		z-index: 1;
	}

	.text-gradient::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: -1.125rem;
		width: calc(100% + (1.125rem * 2));
		height: 78%;
		background: linear-gradient(35deg, #E7375D 0%, #F4C332 100%);
		border-radius: 1rem;
		z-index: -1;
	}

	.title-opinion .text-gradient::before {
		height: 73%;
	}

	.text-gradient-2-lines:before { height: 88%; }

	.text-gradient span { top: 0; left: 0; }

	.text-gradient span:first-child { position: relative; color: #fff; z-index: 1; }
	.text-gradient span:last-child { position: absolute; color: #E95353; z-index: 0; }

	.gradient-color-text {
		position: relative;
		background: linear-gradient(28deg, #E7375D 0%, #F4C332 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		z-index: 1;
	}

	.mob { display: none !important; }

	.container { padding: 0 5rem; max-width: 100%; }

	.btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 0 5.75rem;
		height: 3.625rem;
		font-weight: 700;
		font-size: 1rem;
		text-decoration: none;
		background: none;
		border: 0;
		border-radius: 0.9375rem;
		outline: 0;
		overflow: hidden;
		z-index: 1;
	}

	.btn.focus, .btn:focus { box-shadow: none; }

	.btn-gradient { color: #fff; background: rgba(0, 0, 0, 0); }
	.btn-gradient:hover { color: #fff; background: rgba(0, 0, 0, 0); }
	.btn:not(:disabled):not(.disabled).active,
	.btn:not(:disabled):not(.disabled):active { color: #fff; background: linear-gradient(35deg, #E7375D 0%, #F4C332 100%); }

	.btn-gradient::before,
	.btn-gradient::after {
		content: '';
		position: absolute;
		top: 0;
		width: 500%;
		height: 100%;
		background: linear-gradient(45deg, #E7375D 0%, #F4C332 25%, #E7375D 50%, #F4C332 75%, #E7375D 100%);
		z-index: -1;
	}

	.btn-gradient::before { left: -250%; }
	.btn-gradient:hover::before { animation: gradientSlide-b 2.5s linear infinite; }

	.btn-gradient::after { left: -515%; }
	.btn-gradient:hover::after { animation: gradientSlide-a 2.5s linear infinite; }

	@keyframes gradientSlide-b {
	  0% { left: -250%; }
	  99.99% { left: 0; }
	  100% { left: -250%; }
	}

	@keyframes gradientSlide-a {
	  0% { left: -515%; }
	  99.99% { left: -250%; }
	  100% { left: -515%; }
	}

	.btn-grey {
		border: 1px solid #DCE0E2;
		background: linear-gradient(35deg, #e7375d 0%, #f4c332 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.btn-grey:active {
		color: #fff !important;
		border: 0;
		background: linear-gradient(35deg, #e7375d 0%, #f4c332 100%);
		background-clip: border-box;
		-webkit-background-clip: border-box;
		-webkit-text-fill-color: #fff;
	}

	.ico {
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.ico-right { margin-left: 0.625rem; }
	.ico-left { margin-right: 0.625rem; }

	.ico-tg { background-image: url('../img/svg/soc-tg.svg'); }

	.social ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.social ul li { display: block; margin: 0 0.875rem; }

	.social ul li .soc { display: block; position: relative; }

	.social ul li .soc-yt { width: 2.625rem; height: 1.25rem; }
	.social ul li .soc-vk { width: 1.5625rem; height: 1rem; }
	.social ul li .soc-tg { width: 1.25rem; height: 1.375rem; }
	.social ul li .soc-mx { width: 1.25rem; height: 1.25rem; }

	.social ul li .soc::before,
	.social ul li .soc::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		transition: 0.3s;
	}

	.social ul li .soc::before { opacity: 1; }
	.social ul li .soc::after { opacity: 0; }
	.social ul li .soc:hover::before { opacity: 0; }
	.social ul li .soc:hover::after { opacity: 1; }

	.social ul li .soc-yt::before { background-image: url('../img/svg/soc-yt.svg'); }
	.social ul li .soc-yt::after { background-image: url('../img/svg/soc-yt-color.svg'); }
	.social ul li .soc-tg::before { background-image: url('../img/svg/soc-tg.svg'); }
	.social ul li .soc-tg::after { background-image: url('../img/svg/soc-tg-color.svg'); }
	.social ul li .soc-vk::before { background-image: url('../img/svg/soc-vk.svg'); }
	.social ul li .soc-vk::after { background-image: url('../img/svg/soc-vk-color.svg'); }
	.social ul li .soc-mx::before { background-image: url('../img/svg/soc-max.svg'); }
	.social ul li .soc-mx::after { background-image: url('../img/svg/soc-max-color.svg'); }

	.scrollbar-inner>.scroll-element.scroll-y { right: 0.25rem; width: 0.375rem; }

	.scrollbar-inner>.scroll-element .scroll-bar,
	.scrollbar-inner>.scroll-element .scroll-element_outer,
	.scrollbar-inner>.scroll-element .scroll-element_track { border-radius: 6.25rem; }

	.scrollbar-inner>.scroll-element .scroll-element_track {
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0);
		opacity: 1;
	}

	.scrollbar-inner>.scroll-element .scroll-bar,
	.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
	.scrollbar-inner>.scroll-element:hover .scroll-bar { background: #D9D9D9; opacity: 1; cursor: pointer; }

	.scrollbar-inner>.scroll-element .scroll-bar:hover { opacity: 1; }

	.scroll-element.scroll-x { display: none !important; }

	.swiper-notification { display: none; }
/* /COMMON */

@media (min-width: 1025px) {
}

@media (max-width: 1024px) {
	html { height: 100%; font-size: 4.4444vw; }

	body { position: relative; height: 100%; overflow-y: auto; }

	main { position: relative; padding-top: 4rem; height: auto; }

	.desk { display: none !important; }
	.mob { display: block !important; }

	.container { padding: 0 1rem; }

	.btn {
		padding: 0 3.3125rem;
		height: 2.5rem;
		font-size: 0.75rem;
		line-height: 1.25rem;
		border-radius: 0.5rem;
	}

	.title { font-size: 1.375rem; line-height: 1.75rem; }

	.title.title-22 { font-size: 1.475rem; }

	.title-big { margin-bottom: 1.5rem; font-size: 1.5rem; line-height: 1.75rem; }

	.text-gradient::before {
		left: -0.625rem;
		width: calc(100% + (0.625rem * 2));
		height: 78%;
		border-radius: 0.5rem;
	}

	.title-col > span { margin-top: -0.375rem; white-space: nowrap; }

	.title-col > span.text-gradient-2-lines { margin-top: -0.1rem; }

	.text-gradient-2-lines:before { height: 94%; }

	.social ul li { margin: 0 1.5rem 0 0; }

	.social ul li .soc-yt { width: 2.625rem; height: 1.25rem; }
	.social ul li .soc-vk { width: 1.5625rem; height: 1rem; }
	.social ul li .soc-tg { width: 1.25rem; height: 1.375rem; }
	.social ul li .soc-mx { width: 1.25rem; height: 1.25rem; }

	.scrollbar-inner>.scroll-element.scroll-y { width: 0.375rem; }
}