* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
:root {
}
@font-face {
	font-family: 'Rotondac';
	src: url('../fonts/rotondac.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rotondac-bold';
	src: url('../fonts/rotondac-bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width: 520px) {
	:root {
		
	}
}
.io-animate {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}
.io-animate._in-view {
  opacity: 1;
  transform: translateY(0);
}
.wpcf7-form-control-wrap{
	max-width:100%;
}
button,
checkbox,
textarea {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
}
button:focus {
	box-shadow: none !important;
}
*:focus {
	outline: none;
}
body {
	font-family: 'Rotondac', sans-serif;
	font-display: swap;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	line-height:100%;
	font-size: var(--main-font-size);
	color:#000;
}
a {
	display: inline-block;
	font: inherit;
	color: inherit;
	transition: 300ms;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
	max-height: 100%;
}
a img {
	border: none;
	outline: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
section{
	position:relative;
	overflow:hidden;
}
.container {
  max-width: 83.3333vw;
  margin: 0 auto;
}
@media screen and (max-width: 1220px) {
	.container {
		width: 1140px;
	}
}
@media screen and (max-width: 1180px) {
	.container {
		width: 970px;
	}

}
@media screen and (max-width: 991px) {
  .container {
    width: 750px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 520px) {
  .container {
    width: 100%;
	max-width:100%;
    padding: 0 20px;
  }
}
#home-hero{
	background-image: url(/wp-content/uploads/2025/10/hero-bg.avif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
	width: 100%;
    height: 91.1vw;
	position:relative;
}
.home_logo {
    width: 10.2969vw;
    position: absolute;
    top: 0.9vw;
    left: 3vw;
}
.home_hero {
    position: absolute;
    top: 18vw;
    left: 7vw;
    width: 44vw;
}
.home_hero h1{
	color: #fcc564;
    text-align: center;
    line-height: 100%;
    font-family: 'Rotondac-bold';
    font-size: 2.9vw;
    max-width: 36vw;
    margin-bottom: 2vw;
}
.home_hero p{
	color: #fff;
    font-family: 'Rotondac';
    font-size: 1.5vw;
    line-height: 100%;
}
.home_hero_icons {
    display: flex;
    position: relative;
    gap: 5vw;
	margin-top: 4vw;
}
.home_hero_icon {
    border-radius: 50%;
    width: calc(34vw / 3);
    height: calc(34vw / 3);
	display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4vw;
}
.home_hero_icon:nth-child(1){
	background: #75c15963;
}
.home_hero_icon:nth-child(3){
	background:#8979ba96;
}
.home_hero_icon:nth-child(5){
	background:#ec8fbe8c;
}
.home_hero_icon_image_wrapper {
	display: flex;
    justify-content: center;
    width: 5.4vw;
    height: 5.4vw;
}
.home_hero_icon img {
    object-fit: contain;
}
.home_hero_icon:nth-child(3) .home_hero_icon_image_wrapper img {
	width: 4.7vw;
}
.home_hero_icon:nth-child(5) .home_hero_icon_image_wrapper img {
	width: 4.7vw;
}
.home_hero_icon p {
    color: #fff;
    width: min-content;
    text-align: center;
    font-family: 'Rotondac';
    line-height: 110%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4vw;
}
.home_hero_arrow {
    position: absolute;
	width:3vw;
	height:auto;
	top: 4vw;
}
.home_hero_arrow:nth-child(2){
    left: 12.3vw;
}
.home_hero_arrow:nth-child(4){
    left: 28.6vw;
}
.hero_scan_link {
    border-radius: 50%;
    background: #fba61f;
    color: #fff;
    width: 13vw;
    height: 13vw;
    margin: 4vw auto 0;
    text-decoration: none;
    text-align: center;
    font-size: 2vw;
    line-height: 110%;
    font-family: 'Rotondac-bold';
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
}
#home-how-work{
	padding-bottom:1vw;
}
.home_how_work h3,#home-examples h4 {
    color: #f36c46;
    text-align: center;
    line-height: 100%;
    font-family: 'Rotondac-bold';
    font-size: 3.2vw;
    margin: 2vw 0 3vw;
}
.home_how_work_items {
    display: flex;
    gap: 5vw;
    position: relative;
}
.home_how_work_item {
    flex: 1;
}
.home_how_work_item_title {
    display: flex;
	gap:1vw;
    align-items: flex-end;
	margin-bottom: 2vw;
}
.home_how_work_item_title h4 {
    text-transform: uppercase;
    font-family: 'Rotondac-bold';
    font-size: 1.4vw;
    line-height: 100%;
    padding-bottom: 1vw;
}
.home_how_work_item ul {
    gap: 0.4vw;
    list-style: disc;
    color: #58595b;
    line-height: 100%;
    font-family: 'Rotondac';
    display: flex;
    flex-direction: column;
    font-size: 1.3vw;
	max-width: 23vw;
}
.home_how_icon_image_wrapper {
    height: 5vw;
    display: flex;
    align-items: center;
}
.home_how_work_item:nth-child(1) .home_how_work_item_title  h4{
	color:#75c159;
}
.home_how_work_item:nth-child(3) .home_how_work_item_title  h4{
	color:#8979ba;
}
.home_how_work_item:nth-child(5) .home_how_work_item_title  h4{
	color:#ec8fbe;
}
.home_how_arrow{
	position:absolute;
	width: 3vw;
    top: 9.7vw;
}
.home_how_arrow:nth-child(2){
	left: 23.8vw;
}
.home_how_arrow:nth-child(4){
	left: 53.5vw;
}
.home_how_work_line {
    width: 100%;
}
.home_how_work_line img {
    width: 100%;
}
.home_how_work_bottom_text{
    color: #58595b;
    line-height: 100%;
    font-family: 'Rotondac';
    font-size: 1.3vw;
	margin-top: 6vw;
}
.home_how_link{
	border-radius: 50%;
    background: #f36c46;
    color: #fff;
    width: 13vw;
    height: 13vw;
    margin: 4vw auto 0;
    text-decoration: none;
    text-align: center;
    font-size: 2vw;
    line-height: 110%;
    font-family: 'Rotondac-bold';
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
}
.home_examples_block_items {
    display: flex;
	padding-bottom:4vw;
	gap:2vw;
}
.home_examples_block_items img {
    width: calc((100% - 6vw) / 4);
    box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
}
/*Страница QR*/
#qr-block {
    background-image: url(/wp-content/uploads/2025/10/qr-bg-scaled.avif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height:100vw;
	padding-bottom: 3vw;
	position:relative;
}
.qr_logo{
	position:absolute;
	width: 20vw;
    left: 3vw;
}
.qr_block {
    height: 100%;
    width: 100%;
    position: relative;
}
.qr_content {
    position: absolute;
    right: 20vw;
    top: 18vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.qr_content h1 {
    font-family: 'Rotondac-bold';
    color: #fff;
    font-size: 2.4vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    max-width: 33vw;
}
.qr_content_scan {
    width: 28vw;
    background-image: url(/wp-content/uploads/2025/10/qr-wrapper.png);
    background-size: cover;
    padding: 4.2vw;
    margin: 1.8vw 0;
}
.qr_back {
    border-radius: 50%;
    background: #75c159;
    color: #fff;
    width: 9vw;
    height: 9vw;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
}
.qr_back img{
	width: 4.7vw;
	height:auto;
}
.qr_arrow {
    position: absolute;
    top: 2.8vw;
    right: -3vw;
    width: 3.5vw;
}
#qr-reader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
}

#qr-reader-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}

#qr-reader-modal {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

#qr-instruction {
    font-size: 16px;
    margin-bottom: 10px;
}

#qr-reader {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
}

#qr-close-btn {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
}

#qr-close-btn:hover {
    background-color: #c0392b;
}
.qr_manual_input{
	margin:20px 0;
}
.qr_manual_input {
    margin-top: 20px;
    text-align: center;
}

.qr_manual_input input {
    padding: 10px;
    width: 180px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.qr_manual_input button {
    padding: 10px 20px;
    margin-left: 10px;
    border: none;
    background-color: #d82222;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
.qr_manual_input p{
	margin-bottom:10px;
}
.qr_manual_input button:hover {
    background-color: #b91a1a;
}
@media (max-width:520px){
	#qr-block{
		height:100vh;
		background-position: 17% 0%;
	}
	.qr_logo {
		width: 42vw;
	}
	#qr-reader-modal{
		height:auto;
	}
	#qr-reader {
   		width: 100%;
		height: auto;
	}
	.qr_arrow {
		position: absolute;
		top: 13.8vw;
		right: 21px;
		width: 5.5vw;
	}
	.qr_content{
		top:33vh;
		right:3vw;
		max-width: 69vw;
	}
	.qr_content h1 {
    	font-size: 3vh;
		max-width: 100%;
	}
	.qr_content_scan {
		width: 24vh;
		background-image: url(/wp-content/uploads/2025/10/qr-wrapper.png);
		background-size: cover;
		padding: 3vh;
		margin: 1.8vh 0;
	}
	.qr_back{
		width: 9vh;
    	height: 9vh;
	}
	.qr_back img {
		width: 4.7vh;
		height: auto;
	}
}
/*Страница Атласа*/
#altas-top {
    width: 100%;
    height: 30.3vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	position:relative;
}
#altas-items {
    margin: 5vw 0;
}
.altas_top_text {
    position: absolute;
    left: 16.6666vw;
    top: 6vw;
    max-width: 50vw;
}
.altas_top_text h1, .altas_top_text h2{
	font-size:2.4vw;
	line-height:100%;
	margin-bottom: 0.4vw;
	color:#fff;
	font-family:'Rotondac-bold';
}
.altas_items {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
    align-items: center;
    justify-content: center;
}
.altas_item{
	width:calc((100% - 15vw)/6);
	padding:0.3vw;
	border-radius: 2.3vw;
}
.altas_item_image {
    width: 100%;
    height: calc(((68.33333vw) / 6) - 0.6vw);
    background-size: cover;
	border-radius: 2.3vw;
    background-position: center;
    background-repeat: no-repeat;
}
.altas_item h4 {
    display: flex;
    padding: 0 0.2vw;
    font-size: 1.4vw;
    line-height: 110%;
    text-align: center;
    min-height: 3.0816vw;
    margin: 0.8vw 0 0.4vw;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    color: #58595b;
}
@media (max-width:520px){
	#altas-top{
		background-position: 81% 50%;
		height: 68.3vw;
	}
	.altas_top_text{
		left:20px;
	}
	.altas_top_text h1{
		text-align:center;
	}
	.altas_top_text h1, .altas_top_text h2 {
    	font-size: 5vw;
		margin-bottom: 1.4vw;
	}
	#altas-items {
		margin: 10vw 0;
	}
	.altas_items{
		gap:20px;
	}
	.altas_item{
		width: calc((100% - 20px) / 2);
		padding: 1.3vw;
		border-radius: 7.3vw;
	}
	.altas_item_image{
		height: calc(((83.51111vw) / 2) - 2.6vw);
		background-size: cover;
		border-radius: 7.3vw;
	}
	.altas_item h4 {
		padding: 0 1.2vw;
		font-size: 4.4vw;
		line-height: 110%;
		min-height: 9.682vw;
		margin: 2.4vw 0;
	}
}
/*Страница Вида*/
#vid-gallery{
	background:#f3f3f3;
	height: 67.969vw;
}
.vid_logo{
	width: 10.2969vw;
    position: absolute;
    top: 0.9vw;
    left: 3vw;
	z-index:3;
}
.vid_gallerry_slide {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    height: 67.969vw;
}
.vid_gallery_bg_1 {
    background-image: url('/wp-content/uploads/2025/10/vid_bg1.png');
    position: absolute;
    height: 15vw;
    background-size: cover;
    background-position: top;
    z-index: 1;
    width: 100%;
    bottom: 0;
	pointer-events:none;
}
.vid_gallery_bg_2 {
    background-image: url('/wp-content/uploads/2025/10/vid_bg2.png');
    width: 100%;
    position: absolute;
    height: 6.6vw;
    background-size: cover;
    background-position: top;
    z-index: 1;
    bottom: 0;
	pointer-events:none;
}
#vid-gallery .swiper-pagination-bullets{
	bottom: 7vw;
}
#vid-gallery .swiper-pagination-bullet{
	width: 1.3vw;
    height: 1.3vw;
    margin: 0 0.9vw;
	background: #75c159;
    opacity: 1;
}
#vid-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#e88685;
}
.vid_name_back_atlas{
	background:#88ca70;
	width:10vw;
	height:10vw;
	position:absolute;
}
#vid-name{
	overflow: visible;
	margin: 2vw 0;
}
.vid_name_back_atlas {
    background: #65b3498a;
    width: 15vw;
    height: 15vw;
    position: absolute;
    border-radius: 50%;
    right: 12vw;
    top: -12vw;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	gap:1vw;
	padding: 3.2vw;
	box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
}
.vid_name_back_atlas img{
	width: 9vw;
    height: auto;
}
.vid_name_back_atlas span{
	color: #fff;
    font-size: 1.4vw;
    line-height: 100%;
    text-align: center;
}
.vid_name_volume_block {
    display: flex;
    border-radius: 50%;
    background: #f78b1f;
    width: 7vw;
    height: 7vw;
    align-items: center;
    justify-content: center;
    padding: 0.9vw 1vw 1vw 1vw;
	cursor:pointer;
}
.vid_name {
    display: flex;
    gap: 2vw;
    align-items: center;
    width: 64vw;
}
.vid_name_volume_title {
	max-width:calc(100% - 9vw);
    display: flex;
    flex-direction: column;
    gap: 0.4vw;
}
.vid_name_volume_title h1{
	color: #f78b1f;
    font-family: 'Rotondac-bold';
    font-size: 2.4vw;
    line-height: 100%;
}
.vid_name_volume_title h3{
	color: #f78b1f;
    font-family: 'Rotondac';
    font-size: 2.4vw;
    line-height: 100%;
	font-weight: 400;
}
#vid-description {
	color:#58595b;
	font-size: 1.4vw;
	line-height:100%;
	margin-bottom:4vw;
}
.vid_place {
    width: 14vw;
    height: 14vw;
    left: calc(50% - 6.5vw);
    position: relative;
    margin: 4vw 0 4vw;
}
#vid-quiz {
    overflow: visible;
}
.vid_quiz {
    position: relative;
    width: min-content;
    margin: 0 auto;
}
.vid_quiz_link {
    background: #f496a9;
    text-align: center;
    font-size: 2.4vw;
    line-height: 110%;
    font-family: 'Rotondac';
    text-transform: uppercase;
    padding: 1vw 2vw;
    width: 40vw;
    letter-spacing: 0.1vw;
    margin: 0 auto;
    border-radius: 2vw;
    color: #fff;
}
.vid_quiz_link span{
	font-family: 'Rotondac-bold';
}
.vid_quiz img{
	position: absolute;
    top: -7.3vw;
    right: -10.5vw;
    width: 11vw;
    max-width: max-content;
    max-height: max-content;
}
#vid-bottom-buttons{
	overflow: visible;
	margin: 8vw 0;
}
.vid_bottom_buttons {
    display: flex;
    gap: 22vw;
    justify-content: center;
}
.vid_bottom_button {
    border-radius: 50%;
    width: 10vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
}
.vid_bottom_button:nth-child(1){
	background: #a1d7b4;
}
.vid_bottom_button:nth-child(2){
	background: #949fd1;
}
.vid_bottom_button:nth-child(1) img{
	width: 5vw;
}
.vid_bottom_button:nth-child(2) img{
	width: 5.5vw;
}
@media (max-width:520px){
	.vid_logo {
        width: 22vw;
        top: 2vw;
        left: 20px;
    }
	.vid_name_back_atlas {
		background: #65b349d1;
		width: 27vw;
		height: 27vw;
		right: 7vw;
		top: -24vw;
		gap: 2vw;
		padding: 3.2vw;
		box-shadow: 4px 1px 6px rgb(17 25 31 / 20%);
	}
	.vid_name_back_atlas img {
		width: 14vw;
	}
	.vid_name_back_atlas span {
		font-size: 3vw;
	}
		#vid-name {
		margin: 6vw 0;
	}
	.vid_name{
		width:100%;
		gap:4vw;
	}
	.vid_name_volume_title{
		width:calc(100% - 22vw);
	}
	.vid_name_volume_block {
		width: 18vw;
		height: 18vw;
		padding: 1.9vw 2vw 2vw 2vw;
	}
	.vid_name_volume_title h1{
		font-size: 6vw;
	}
	.vid_name_volume_title h3{
		font-size: 6vw;
	}
	.vid_place {
		width: 32vw;
		height: 32vw;
		left: calc(50% - 15vw);
		position: relative;
		margin: 6vw 0 6vw;
	}
	#vid-description {
		color: #58595b;
		font-size: 3.4vw;
		line-height: 120%;
		margin-bottom: 20vw;
	}
	.vid_quiz {
		width: 100%;
	}
	.vid_quiz_link {
		font-size: 5.4vw;
		line-height: 120%;
		padding: 3vw 5vw;
		width: 100%;
		letter-spacing: 0.3vw;
		border-radius: 6vw;
	}
	.vid_quiz img {
		top: -17.3vw;
		right: 33.5vw;
		width: 20vw;
	}
	#vid-bottom-buttons {
		margin: 10vw 0;
	}
	.vid_bottom_button{
		width: 25vw;
    	height: 25vw;
		box-shadow: 2px 2px 18px rgba(17, 25, 31, 0.29);
	}
	.vid_bottom_button:nth-child(1) img {
		width: 10vw;
	}
	.vid_bottom_button:nth-child(2) img {
		width: 12.5vw;
	}
}
/*Страница Места*/
#place-gallery{
	background:#f3f3f3;
	height: 42.969vw;
}
#place-gallery h1 {
    position: absolute;
    z-index: 2;
    text-align: center;
    color: #fff;
    font-family: 'Rotondac-bold';
    font-size: 3.4vw;
    width: 50vw;
    left: calc(50% - 25vw);
    top: calc(50% - 10vw);
    line-height: 110%;
    text-transform: uppercase;
}
.place_logo{
	width: 10.2969vw;
    position: absolute;
    top: 0.9vw;
    left: 3vw;
	z-index:3;
}
.place_gallerry_slide {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
    height: 42.969vw;
}
.place_gallery_bg_1 {
    background-image: url('/wp-content/uploads/2025/10/vid_bg1.png');
    position: absolute;
    height: 15vw;
    background-size: cover;
    background-position: top;
    z-index: 1;
    width: 100%;
    bottom: 0;
	pointer-events:none;
}
.place_gallery_bg_2 {
    background-image: url('/wp-content/uploads/2025/10/vid_bg2.png');
    width: 100%;
    position: absolute;
    height: 6.6vw;
    background-size: cover;
    background-position: top;
    z-index: 1;
    bottom: 0;
	pointer-events:none;
}
.place_gallery_bg_3 {
    background-image: url('/wp-content/uploads/2025/10/place_bg_3.png');
    width: 100%;
    position: absolute;
    height: 20.6vw;
    background-size: cover;
    background-position: top;
    z-index: 1;
    bottom: 0;
	pointer-events:none;
}
#place-gallery .swiper-pagination-bullets{
	bottom: 6vw;
}
#place-gallery .swiper-pagination-bullet{
	width: 1.3vw;
    height: 1.3vw;
    margin: 0 0.9vw;
	background: #75c159;
    opacity: 1;
}
#place-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#e88685;
}
#place-weather-icons{
	overflow:visible;
	margin: 7vw 0 5vw;
}
#place-weather-icons .vid_name_back_atlas{
	top: -19vw;
}
.place_weather_icons {
    display: flex;
	justify-content: space-around;
    align-items: center;
}
.place_weather_icon{
	border-radius: 50%;
    width: 12vw;
    height: 12vw;
	padding: 1.4vw;
    box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
    display: flex;
    align-items: center;
    justify-content: center;
}
.place_weather_icon:nth-child(1){
	background:#f69249;
}
.place_weather_icon:nth-child(2){
	background:#73a8dc;
}
.place_weather_icon:nth-child(3){
	background:#949fd1;
}
#place-description{
	color: #58595b;
    font-size: 1.4vw;
    line-height: 100%;
    margin: 7vw 0;
}
.habitats_map {
    width: calc(100% - 6vw);
    margin: 0 auto;
    height: 38vw;
    overflow: hidden;
    border: 0.1vw solid #75c159;
    border-radius: 3vw;
}
.habitats_icons {
    margin: 5vw auto 10vw;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 6vw);
    gap: 4vw;
}
.habitats_icon {
    border-radius: 1.4vw;
    display: flex;
    padding: 1vw;
    width: calc((100% - 16vw) / 5);
    height: 12.2666vw;
    align-items: center;
    justify-content: center;
	background-size: cover;
}
@media (max-width:520px){
	.place_logo {
        width: 22vw;
        top: 2vw;
        left: 20px;
    }
	#place-gallery h1{
		font-size: 4.4vw;
		width: 80vw;
		left: calc(50% - 40vw);
		top: calc(50% - 7vw);
		line-height: 120%;
	}
	
	.habitats_map {
		height: 85vw;
		border: 2px solid #75c159;
		border-radius: 5vw;
	}
	.habitats_icons {
		margin: 10vw auto 30vw;
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 6vw);
		gap: 10vw;
	}
	.habitats_icon {
		border-radius: 3.4vw;
		display: flex;
		width: calc((100% - 10vw) / 2);
		height: 37.2666vw;
		padding: 6vw;
		align-items: center;
		justify-content: center;
	}
	#place-description{
		color: #58595b;
        font-size: 3.4vw;
        line-height: 120%;
        margin-bottom: 20vw;
	}
	.place_weather_icon {
		width: 20vw;
		height: 20vw;
		padding: 3vw;
		box-shadow: 0.4vw 0.4vw 0.46vw rgba(17, 25, 31, 0.29);
	}
	#place-weather-icons {
		margin: 16vw 0 14vw;
	}
	#place-weather-icons .vid_name_back_atlas {
		top: -32vw;
	}
}
/*Страница квиза*/
#quiz-top {
    width: 100%;
    height: 32.6vw;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
}
.quiz_top_text {
    position: absolute;
    left: 16.6666vw;
    top: 18vw;
    max-width: 40vw;
}
.quiz_top_text h3{
	color:#f69249;
	font-family: 'Rotondac-bold';
	font-size: 2.4vw;
	text-transform:uppercase;
    line-height: 100%;
	margin-bottom: 0.4vw;
}
.quiz_top_text h1{
	font-size: 2.8vw;
    line-height: 100%;
    color: #8979ba;
    font-family: 'Rotondac-bold';
}
#quiz-questions{
	margin-top:4vw;
}
.quiz_question {
    display: flex;
    gap: 2vw;
}
.quiz_question .quiz_question_number{
	display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f69249;
    width: 2.4vw;
    height: 2.4vw;
    font-size: 2vw;
    color: #fff;
    font-family: 'Rotondac-bold';
}
.quiz_question .quiz_question_text{
	font-size: 1.8vw;
    line-height: 110%;
    font-family: 'Rotondac-bold';
    color: #7b89c6;
    letter-spacing: 0.05vw;
    width: calc(100% - 4vw);
}
.quiz_choices {
    display: flex;
    flex-direction: column;
	margin: 2vw 0;
    gap: 3vw;
}
.quiz_choice_item {
    border: 0.15vw solid #eea231;
    padding: 1vw 3vw;
    font-size: 1.7vw;
    border-radius: 2vw;
    display: flex;
    gap: 0.7vw;
    color: #58595b;
	position:relative;
}
.quiz_choice_item.correct::before,
.quiz_choice_item.incorrect::before {
	content: "";
	position: absolute;
	left: 1vw;
    top: 50%;
	transform:translateY(-50%);
    width: 1.2vw;
    height: 1.2vw;
	border-radius: 50%;
	border: 2px solid #ccc;
}
.quiz_choice_item.correct::before {
	border-color: #80c267;
	background-color: #80c267;
}
.choice_feedback {
    position: absolute;
    top: -0.2vw;
	transform:translateY(-100%);
    right: 2vw;
    font-size: 1.4vw;
    line-height: 100%;
}
.quiz_choice_item.incorrect::before {
	border-color: #f496a9;
	background-color: #f496a9;
}
.sortable_words_block {
    display: flex;
    gap: 10vw;
	position: relative;
}
.quiz_success_message {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10vw;
}
.sortable_words, .sortable_targets{
	width:calc(50% - 5vw);
	display: flex;
    flex-direction: column;
	margin: 2vw 0;
    gap: 1vw;
}
.sortable_words .sortable_item,.sortable_targets .sortable_target{
    border: 0.15vw solid #eea231;
    padding: 0.5vw 3vw;
    font-size: 1.7vw;
    border-radius: 2vw;
    min-height: 2.934vw;
    line-height: 120%;
    display: flex;
    gap: 0.7vw;
    color: #58595b;
	cursor:pointer;
}
.sortable_targets .sortable_target.filled {
	border-color:#80c267;
}
.sortable_targets .sortable_target.wrong{
	border-color:#f496a9;
}
.sortable_words .sortable_item.selected{
	color:#fff;
	background:#eea231;
}
.sortable_images {
    display: flex;
    gap: 2vw;
    flex-wrap: wrap;
	margin: 2vw 0;
}
.sortable_images .sortable_item{
	width:calc((100% - 10vw)/6);
	height:12.222vw;
	background-size:cover;
	border-radius:2vw;
}
.sortable_images_buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5vw;
	gap: 2vw;
}
input.user_sequence_input {
    width: 30vw;
    padding: 0.5vw 2vw;
    font-size: 1.2vw;
    border-radius: 2vw;
    color: #000;
    border: 0.2vw solid #eea231;
}
.check_sequence_btn {
    height: 100%;
    font-size: 1.4vw;
    line-height: 100%;
    padding: 0.632vw 2vw;
    border-radius: 2vw;
    border: none;
    background: #eea231;
    color: #fff;
}
@media (max-width:520px){
	.quiz_top_text{
		left:20px;
		max-width: 50vw;
	}
	.quiz_top_text h3{
		font-size:4.4vw;
		margin-bottom:1.4vw;
	}
	.quiz_top_text h1 {
    	font-size: 4.8vw;
	}
	#quiz-questions {
		margin-top: 10vw;
	}
	.quiz_question {
		gap: 3vw;
	}
	.quiz_question .quiz_question_number {
		width: 7vw;
		height: 7vw;
		font-size: 6vw;
	}
	.quiz_question .quiz_question_text{
		width:calc(100% - 10vw);
		font-size: 3.8vw;
	}
	.quiz_choices {
		margin: 5vw 0;
		gap: 7vw;
	}
	.quiz_choice_item {
		border: 0.45vw solid #eea231;
		padding: 2vw 4vw 2vw 6vw;
		font-size: 3.7vw;
		border-radius: 3vw;
		gap: 1.7vw;
	}
	.quiz_choice_item.correct::before, .quiz_choice_item.incorrect::before {
		left: 2vw;
        top: 50%;
        transform: translateY(-50%);
        width: 2vw;
        height: 2vw;
	}
	.choice_feedback {
		top: -0.2vw;
		transform:translateY(-100%);
		right: 2vw;
		font-size: 2.7vw;
	}
	.sortable_words, .sortable_targets{
		margin: 5vw 0;
		gap: 3vw;
	}
	.sortable_words .sortable_item,.sortable_targets .sortable_target{
		border: 0.45vw solid #eea231;
		padding: 2vw 4vw 2vw 6vw;
		font-size: 3.7vw;
		border-radius: 3vw;
		gap: 1.7vw;
	}
	.sortable_images{
		margin:5vw 0;
		gap:4vw;
	}
	.sortable_images .sortable_item {
		width: calc(50% - 2.5vw);
		height: calc(52.355vw - 40px);
		background-size: cover;
		border-radius: 8vw;
	}
	.sortable_images_buttons {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10vw;
		gap: 5vw;
		flex-direction: column;
	}
	input.user_sequence_input {
		width: 100%;
		padding: 2.5vw 4vw;
		font-size: 4.2vw;
		border-radius: 4vw;
		color: #000;
		border: 0.4vw solid #eea231;
	}
	.check_sequence_btn {
		height: 100%;
		font-size: 4.2vw;
		line-height: 100%;
		padding: 2.632vw 4vw;
		border-radius: 4vw;
		border: none;
		background: #eea231;
		color: #fff;
	}
}
.footer_block h3 {
    text-align: center;
    color: #907ab2;
    font-size: 2.8vw;
    line-height: 100%;
    font-weight: 200;
    letter-spacing: 0.08vw;
    margin-bottom: 2.5vw;
}
.footer_soc_items {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
	margin-bottom:3vw;
}
a.footer_item {
    width: 7vw;
    height: 7vw;
}
.footer_item a img{
	width: 7vw;
	height:auto;
	object-fit:contain;
}
#home-mobile-hero,.mobile_cloud{
	display:none;
}
@media (max-width:520px){
	.mobile_cloud{
		display:block;
		position:absolute;
		width: 192px;
		top: -73px;
		left: 0;
	}
	.home_logo {
		width: 87px;
		position: absolute;
		top: 1px;
		left: 47px;
		z-index: 2;
	}
	#home-mobile-hero{
		display:block;
		margin:25px 0;
		overflow: visible;
	}
	.home_hero_arrow:nth-child(n){
		width: 5vw;
		top: auto;
		left:auto;
		position:relative;
	}

	.home_hero_icon_image_wrapper{
		width:10vw;
		height:10vw;
	}
	.home_hero_icon p{
		font-size: 2.7vw;
	}
	.home_hero_icon{
		width:calc((88vw - 40px)/3);
		height:calc((88vw - 40px)/3);
		gap:1vw;
	}
	.home_hero_icon:nth-child(3) .home_hero_icon_image_wrapper img{
		width: 8.7vw;
	}
	.home_hero_icon:nth-child(5) .home_hero_icon_image_wrapper img {
		width: 8.7vw;
	}
	#home-mobile-hero .home_hero_icons{
		align-items: center;
		gap:1vw;
		justify-content: space-between;
		margin:30px 0 50px;
	}
	.home_how_work h3{
		margin-bottom:30px;
	}
	#home-mobile-hero .text{
        font-size: 16px;
    	font-family: 'Rotondac';
		line-height:100%;
		text-align:center;
		color: #58595b;
	}
	#home-hero{
		overflow: visible;
	}
	.home_hero p,.home_hero .home_hero_icons{
		display:none;
	}
	.home_hero {
		position: absolute;
		top: 22vw;
		left: 20px;
		width: 50%;
	}
	.hero_scan_link{
		width:120px;
		height:120px;
		font-size:18px;
		box-shadow: 11px 11px 16px rgba(17, 25, 31, 0.29);
	}
	.home_hero h1{
		max-width:100%;
	}
	#home-how-work {
    	padding-bottom: 20px;
		overflow:visible;
	}
	.home_how_work_item_title{
		margin-bottom:15px;
		gap:5px;
	}
	.home_how_work_line{
		margin-top:20px;
	}
	.home_how_arrow:nth-child(n) {
		position: relative;
		width: 50px;
		margin: 10px auto;
		rotate: 85deg;
		top: auto;
		left: auto;
	}
	.home_how_work_item_title h4{
		font-size:20px;
		padding-bottom: 8px;
	}
	.home_how_icon_image_wrapper {
		height: 50px;
	}
	#home-examples h4{
		margin:30px 0 20px;
	}
	.home_how_work_items{
		flex-direction:column;
	}
	.home_how_work_item ul{
		max-width:100%;
		font-size: 16px;
        padding-left: 15px;
	}
	.home_how_work_bottom_text{
		font-size:16px;
		margin-top:30px;
		text-align:center;
	}
	.home_how_link{
		width:120px;
		height:120px;
		font-size:24px;
		box-shadow: 11px 11px 16px rgba(17, 25, 31, 0.29);
		margin-top:35px;
	}
	.home_examples_block_items {
		flex-wrap: wrap;
		padding-bottom: 40px;
		gap: 15px;
	}
	.home_examples_block_items img{
		width:100%;
	}
	.footer_block h3,.home_how_work h3, #home-examples h4,.home_hero h1{
		font-size: 30px;
	}
	.footer_block h3,.footer_block h3,{
		margin-bottom:15px;
	}
	.footer_soc_items{
		gap: 15px;
    	margin-bottom: 20px;
	}
	a.footer_item {
		width: 60px;
		height: 60px;
	}
}