/*

	СТРУКТУРА
	
	1. settings (html, root...)
	2. pos (position)
	3. border (border)
	4. size (size)
	5. bg (background)
	6. img (images)
	7. other (shadow, input, menu burger...)
	8. effect (effects: scale, after/before, hover...)
	9. margin (margin and padding)
	10. keyframes
	11. media screen

*/
html{
	min-width:500px;
	font-size:15px;
}
*{
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	scroll-behavior: smooth;
}
body{
	min-width:500px;
}
a{
	text-decoration:unset;
}
:root{
	--color1:rgba(255, 255, 255, 1);
	--color2:rgba(181, 0, 39, 1);
	--color3:rgba(18, 133, 255, 1);
	--color4:rgba(18, 133, 255, 0);
	--color5:rgba(18, 133, 255, 0.3);
	--color6:rgba(0, 0, 0, 1);
	--color7:rgba(0, 0, 0, 0.3);
	--color8:rgba(20, 20, 20, 0);
	--color9:rgba(0, 0, 0, 0.9);
	--color10:rgba(255, 255, 255, 0.6);
	--color11:rgba(0, 0, 0, 0.8);
	--color12:rgba(15, 230, 0, 1);
	--color13:rgba(0, 0, 0, 0.8);
	--color14:rgba(0, 0, 0, 0.2);
	--color15:rgba(255, 255, 255, 1);
	--color16:rgba(255, 255, 255, 0);
	--color17:rgba(0, 0, 0, 0.6);
	--color18:rgba(20, 159, 242,0.2);
	--color19:rgba(0, 74, 215, 1);
	--color20:rgba(69, 184, 46, 1);
	--color21:rgba(196, 223, 244, 1);
	--color22:rgba(0, 0, 0, 0.8);
	--color23:rgba(255, 255, 255, 0.9);
	--color24:rgba(60, 70, 80, 1);
	--color25:rgba(110, 160, 240, 1);
	--color26:rgba(40, 40, 40, 1);
	--color27:rgba(0, 189, 3, 1);
	--color28:rgba(255, 255, 255, 0.2);
	--color29:rgba(0, 0, 0, 0.1);
	--color30:rgba(255, 255, 255, 0.5);
	--color31:rgba(48, 48, 48, 1);
	--color32:rgba(255, 255, 255, 0.9);
	--color33:rgba(0, 0, 0, 0.03);
	--color34:rgba(235, 235, 235, 1);
	--color35:rgba(5, 158, 7, 1);
	--color36:rgba(0, 0, 0, 0.5);
	--color37:rgba(66, 181, 20, 1);
	--color38:rgba(60, 110, 255, 1);
	--color39:rgba(0,0,0,0.5);
	--color40:rgba(38, 199, 65, 1);
	--color41:rgba(20, 20, 20, 1);
	--color42:rgba(31, 147, 255, 1);
	--color43:rgba(66, 79, 194, 1);
	--color44:rgba(66, 194, 94, 1);
	--color45:rgba(224, 70, 131, 1);
	--color46:rgba(141, 48, 217, 1);
	--color47:rgba(199, 48, 48, 1);
}
.pos1{
	position:fixed;
	z-index:200;
	top:0;
	left:0;
}
.pos2{
	position:absolute;
	bottom:3rem;
	left:50%;
	-webkit-transform:translate(-50%,0) rotate(-90deg);
	transform:translate(-50%,0) rotate(-90deg);
}
.pos3{
	position:absolute;
	top:2rem;
}
.pos4{
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pos5{
	position:absolute;
	bottom:-4rem;
	left:3.5rem;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pos6{
	position:absolute;
	top:20%;
	left:60%;
}
.pos7{
	position:absolute;
	bottom:-1%;
	left:-10%;
}
.pos8{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.pos9{
	position:absolute;
	bottom:-1%;
	left:0%;
}
.pos10{
	position:absolute;
	top:5%;
	left:60%;
}
.pos11{
	left:5%;
	top:0;
	position:absolute;
}
.pos12{
	position:absolute;
	top:50%;
	transform:translate(0%,-50%);
}
.pos13{
	z-index:300 !important;
}
.pos14{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.pos15{
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:3000;
}
.pos16{
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	z-index:100;
}
.pos17{
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translate(-100%, -50%);
	transform:translate(-100%, -50%);
	z-index:40;
}
.pos17_p:hover .pos17{
	-webkit-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
}
.pos18{
	position:absolute;
	top:0rem;
	left:50%;
	-webkit-transform:translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
.pos19{
	transform:translate(2.5%,-50%);
}
.border0{
	border:0 solid rgba(255,255,255,0);
}
.border1{
	border:1px solid var(--color3);
}
.border2{
	border-radius:3rem;
}
.border3{
	border-left:4px solid var(--color3);
	border-right:4px solid var(--color3);
	border-left:4px solid var(--color1);
	border-right:4px solid var(--color1);
}
.border4{
	border-radius:0.3rem;
}
.border5{
	border-radius:0.5rem;
}
.border6{
	border-radius:3rem 0 0 3rem;
}
.border7{
	border-radius:0 3rem 3rem 0;
}
.border8{
	border-radius:0 0 1rem 1rem;
}
.border9{
	border-radius:1.5rem;
}
.border10{
	border-radius:50% 50% 0.3rem 50%;
}
.border11{
	border-top:1px solid var(--color20);
	border-bottom:1px solid var(--color20);
}
.border12{
	border-radius:3rem;
}
.border13{
	border-top:1px dotted var(--color39);
}
.border14{
	border-radius:3rem;
}
.border15{
	border-radius:2.5rem;
}
.border16{
	border-radius:1rem;
}
.size1{
	width:3rem;
	height:100vh;
}
.size2{
	min-height:500px;
}
.size3{
	min-height:3.5rem;
}
.size4{
	height:auto;
}
.size5{
	height:15rem;
}
.size6{
	min-height:38rem;
}
.size7{
	height:5rem;
	width:5rem;
}
.size8{
	aspect-ratio:1/1;
}
.size9{
	width:100%;
	height:25rem;
}
.size10{
	width:100%;
	height:100%;
}
.size11{
	min-height:65rem;
}
.size12{
	height:30rem;
}
.size13{
	height:30rem;
}
.size14{
	
}
.size15{
	height:100%;
	width:95% !important;
}
.size16{
	max-height:90vh;
}
.size17{
	height:auto;
	width:100%;
}
.size18{
	height:100%;
	width:37rem;
}
.size19{
	width:100%;
	height:100%;
}
.size20{
	min-width:270px;
}
.size21{
	min-height:300px;
}
.size22{
	/*used*/
}
.size23{
	max-height:600px;
	overflow-y:hidden;
	transition:all 0.9s;
}
.bg1{
	background-color:var(--color1);
}
.bg2{
	background-color:rgba(20, 20, 20, 0);
	background-color:var(--color8);
}
.bg3{
	background-color:var(--color3);
}
.bg3:hover{
	background-color:var(--color3);
}
.bg4{
	background-color:var(--color14);
}
.bg5{
	background-image:radial-gradient(circle, rgb(0, 170, 234) 0%, rgb(0, 107, 255) 100%);
	background-size:200% 230%;
	background-position:bottom;
}
.bg6{
	background-image:linear-gradient(90deg, rgba(0,120,209,0.4) 0%, rgba(0,120,209,0.1) 50%, rgba(0,120,209,0.4) 100%);
	background-image:linear-gradient(90deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.4) 100%);
	background-size:100% 100%;
	background-position:center;
}
.bg7{
	background-image:url('images/pexels-francesco-ungaro-409127.jpg');
	background-size:cover;
	background-position:center;
}
.bg8{
	background-color:var(--color15);
}
.bg9{
	background-color: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(180,236,255,1) 56%);
	background-image:url('images/bgshechka8.png');
	background-size:cover;
	background-position:center;
}
.bg10{
	background-color:var(--color18);
	background-color:var(--color1);
}
.bg10:hover{
	background-color:var(--color12);
}
.bg11{
	background-image:url('images/main beside.png');
	background-size:cover;
	background-position:left;
}
.bg12{
	background: rgb(188, 233, 255);
	background: linear-gradient(0deg, rgb(175, 186, 223) 0%, rgb(188, 233, 255) 60%, rgb(202, 234, 253) 100%) 
}
.bg13{
	background: rgb(16,54,189);
	background: linear-gradient(0deg, rgb(24, 24, 24) 0%, rgb(53, 53, 53) 60%, rgb(79, 79, 79) 100%)
}
.bg14{
	background-image:radial-gradient(circle, rgba(47,175,52,1) 45%, rgba(32,135,10,1) 100%);
	background-size:200% 150%;
	background-position:center bottom;
}
.bg15{
	background-color:var(--color21);
}
.bg16{
	background-color:var(--color22);
}
.bg17{
	background-color:var(--color24);
	background-image:url('images/icons/advantages 1.png');
	background-size:65% 65%;
	background-position:center;
	background-repeat:no-repeat;
}
.bg18{
	background-color:var(--color24);
	background-image:url('images/icons/advantages 2.png');
	background-size:65% 65%;
	background-position:center;
	background-repeat:no-repeat;
}
.bg19{
	background-color:var(--color24);
	background-image:url('images/icons/advantages 3.png');
	background-size:65% 65%;
	background-position:center;
	background-repeat:no-repeat;
}
.bg20{
	background-color:var(--color24);
	background-image:url('images/icons/advantages 4.png');
	background-size:65% 65%;
	background-position:center;
	background-repeat:no-repeat;
}
.bg21{
	background-color:var(--color24);
	background-image:url('images/icons/advantages 5.png');
	background-size:65% 65%;
	background-position:center;
	background-repeat:no-repeat;
}
.bg22{
	background-color:var(--color24);
	background-image:url('images/icons/advantages 6.png');
	background-size:65% 65%;
	background-position:center;
	background-repeat:no-repeat;
}
.bg23{
	background-color:var(--color25);
}
.bg24{
	background-color:var(--color26);
}
.bg24:hover{
	background-color:var(--color27);
}
.bg25{
	background-color:var(--color28);
}
.bg26{
	background-color:var(--color24);
	background-image:url('images/bgshechka 9.jpg');
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	opacity:0.4;
}
.bg27{
	background-color:var(--color30);
}
.bg28{
	background-color:var(--color32);
}
.bg29{
	background-color:var(--color34);
}
.bg30{
	background-image:url('images/work/work 1.jpg');
	background-size:cover;
	background-position:center;
}
.bg31{
	background-image:url('images/work/work 2.jpg');
	background-size:cover;
	background-position:center;
}
.bg32{
	background-image:url('images/work/work 3.jpg');
	background-size:cover;
	background-position:center;
}
.bg33{
	background-image:url('images/work/work 4.jpg');
	background-size:cover;
	background-position:center;
}
.bg34{
	background-color:var(--color35);
}
.bg35{
	background-color:var(--color38);
}
.bg35:hover{
	background-color:var(--color12);
}
.bg36{
	background-color:var(--color41);
}
.bg37{
	background-color:var(--color42);
}
.bg38{
	background-color:var(--color43);
}
.bg39{
	background-color:var(--color44);
}
.bg40{
	background-color:var(--color45);
}
.bg41{
	background-color:var(--color46);
}
.bg42{
	background-image:url('../styles/images/loading.jpg');
	background-size:cover;
	background-position:center;
}
.bg43{
	background-color:var(--color47);
}
.img1{
	height:3rem;
	width:auto;
}
.img2{
	height:2rem;
	width:2rem;
}
.img3{
	height:1rem;
	width:auto;
}
.img4{
	height:5rem;
	width:5rem;
}
.img5{
	height:auto;
	width:50%;
	border-radius:2rem;
}
.img6{
	width:60%;
	height:auto;
}
.img7{
	width:70%;
	height:auto;
	opacity:0.1;
}
.img8{
	width:55%;
	height:auto;
	opacity:0.1;
}
.img9{
	width:100%;
	object-fit:cover;
	object-position:center;
}
.img10{
	width:100%;
	height:auto;
}
.img11{
	width:2rem;
	height:2rem;
}
.img12{
	width:30%;
	height:auto;
	opacity:0.1;
}
.img13{
	width:50%;
	height:auto;
	opacity:0.2;
}
.img14{
	height:100%;
	width:auto;
	opacity:0.2;
}
.img15{
	width:40%;
	height:auto;
	opacity:0.3;
}
.img16{
	width:100%;
	height:100%;
	object-fit:cover;
}
.img17{
	height:100%;
	width:97%;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	object-fit:cover;
}
.img18{
	height:auto;
	width:100%;
	z-index:50;
}
.img19{
	width:100%;
	height:100%;
}
.img20{
	height:auto;
	width:40%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	transform:translate(-50%,-50%) scale(1,1);
	opacity:0;
}
.img21{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.img22{
	width:1.5rem;
	height:1.5rem;
}
.img23{
	height:auto;
	width:40%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	transform:translate(-50%,-50%) scale(1,1);
	opacity:0.8;
}
.img24{
	width:1rem;
	height:1rem;
}
.img25{
	width:1.5rem;
	height:1.5rem;
	margin-right:1rem;
}
.img26{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center bottom;
	top:0;
	left:0;
}
.img27{
	width:2rem;
	height:2rem;
	margin-left:1.5rem;
}
.img28{
	width:11rem;
	height:auto;
	opacity:0.7;
}
.img28:hover{
	opacity:1;
}
.img29{
	height:150%;
	width:150%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	object-fit:cover;
	object-position:center;
	z-index:40;
}
.img30{
	height:3rem;
	width:3rem;
	margin-right:1.5rem;
}
.img31{
	width:10rem;
	min-width:10rem;
	height:10rem;
	object-fit:cover;
}
.img32{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	top:0;
	left:0;
}
.img33{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
	top:0;
	left:0;
}
.img34{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:fill;
	top:0;
	left:0;
}
.img35{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:fill;
	top:0;
	left:0;
	display:none;
}
.line1{
	margin-right:2rem;
	background-color:var(--color3);
	width:4rem;
	height:3px;
}
.menu_burger{
	position:absolute;
	top:3rem;
	left:50%;
	padding-top:0.6rem;
	padding-bottom:0.6rem;
	-webkit-transform:translate(-50%,0%);
	transform:translate(-50%,0%);
	width:2.3rem;
	z-index:100;
}
.menu_burger_line{
	width:100%;
	display:flex;
	height:2px;
	border-bottom:1px solid rgba(200,200,200,1);
	background-color:rgba(90,90,90,1);
	margin-top:0.6rem;
	margin-bottom:0.6rem;
}
.menu_burger::after{
	content:'';
	display:flex;
	height:1px;
	width:100%;
	border-bottom:1px solid rgba(200,200,200,1);
	background-color:rgba(90,90,90,1);
}
.menu_burger::before{
	content:'';
	display:flex;
	height:1px;
	width:100%;
	border-bottom:1px solid rgba(200,200,200,1);
	background-color:rgba(90,90,90,1);
}
.light_wall{
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background-color:var(--color16);
	background-image:url('images/shadow1.png');
	background-size:cover;
	background-position:right bottom;
}
.dark_wall{
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background-color:var(--color17);
	/*background-image:url('images/shadow1.png');
	background-size:cover;
	background-position:right bottom;*/
}
.input1{
	padding:1rem;
	background-color:var(--color33);
	border-radius:2rem;
	border:0;
	-webkit-box-shadow:0 4px 4px -2px var(--color29);
	box-shadow:0 4px 4px -2px var(--color29);
}
.input1:focus{
	outline:none;
	background-color:var(--color38);
	color:var(--color1);
}
.shadow1{
	-webkit-box-shadow:0 0 1rem 0.1rem var(--color7);
	box-shadow:0 0 1rem 0.1rem var(--color7);
}
.shadow2{
	-webkit-box-shadow:0 0 8px 0px var(--color3);
	box-shadow:0 0 8px 0px var(--color3);
}
.shadow2:hover{
	-webkit-box-shadow:0 0 12px 1px var(--color3);
	box-shadow:0 0 12px 1px var(--color3);
}
.shadow3{
	-webkit-box-shadow:0px 170px 70px -150px var(--color11);
	box-shadow:0px 170px 70px -150px var(--color11);
}
.shadow4{
	-webkit-box-shadow:0 0 8px 0px var(--color20);
	box-shadow:0 0 8px 0px var(--color20);
}
.shadow4:hover{
	-webkit-box-shadow:0 0 12px 1px var(--color20);
	box-shadow:0 0 12px 1px var(--color20);
}
.shadow5{
	-webkit-box-shadow:0 0px 5px 0px var(--color29);
	box-shadow:0 0px 5px 0px var(--color29);
}
.shadow6{
	-webkit-box-shadow:0 0 1rem -1px var(--color41);
	box-shadow:0 0 1rem -1px var(--color41);
}
.shadow7{
	-webkit-box-shadow:0 0 1rem -1px var(--color42);
	box-shadow:0 0 1rem -1px var(--color42);
}
.shadow8{
	-webkit-box-shadow:0 0 1rem -1px var(--color43);
	box-shadow:0 0 1rem -1px var(--color43);
}
.shadow9{
	-webkit-box-shadow:0 0 1rem -1px var(--color44);
	box-shadow:0 0 1rem -1px var(--color44);
}
.shadow10{
	-webkit-box-shadow:0 0 1rem -1px var(--color45);
	box-shadow:0 0 1rem -1px var(--color45);
}
.shadow11{
	-webkit-box-shadow:0 0 1rem -1px var(--color46);
	box-shadow:0 0 1rem -1px var(--color46);
}
.shadow12{
	-webkit-box-shadow:0 0 1rem -1px var(--color47);
	box-shadow:0 0 1rem -1px var(--color47);
}
.z-index100{
	z-index:100;
}
.simple_gallery_element{
	width:31%;
}
.effect1::before{
	width:110%;
	height:110%;
	position:absolute;
	content:'';
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:var(--color10);
	z-index:-1;
}
.effect2::after{
	bottom:50%;
	right:-1.1rem;
	content:'';
	width:0.4rem;
	height:0.4rem;
	border-bottom:2px rgba(0, 0, 0, 0.8) solid;
	border-right:2px rgba(0, 0, 0, 0.8) solid;
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
	position:absolute;
	transition:all 0.3s;
}
.effect2_r::after{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.effect3:hover{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.effect4::before{
	position:absolute;
	content:'';
	z-index:150;
	width:3rem;
	height:3rem;
	background-image:url('images/icons/2023 old.png');
	background-size:cover;
	background-position:center;
	border-radius:50%;
	top:50%;
	left:2.5rem;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transition:all 0.8s;
	animation:anim1 infinite linear 28s;
	opacity:0.95;
}
.effect4::after{
	position:absolute;
	content:'';
	z-index:150;
	width:1.1rem;
	height:0.5rem;
	border-radius:0;
	border-left:0.2rem solid var(--color1);
	border-bottom:0.2rem solid var(--color1);
	top:50%;
	left:2.5rem;
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
	transform:translate(-50%,-50%) rotate(-45deg);
	transition:all 0.8s;
}
.effect4:hover::before{
	opacity:1;
}
.effect5_t1{
	left:0;
}
.effect5_t2{
	left:0;
}
.effect5:hover .effect5_t1{
	left:-0.5rem;
}
.effect5:hover .effect5_t2{
	left:0.5rem;
	/*transform:rotate(-45deg) scale(0.7,1.1);*/
}
.effect6{
	overflow:hidden;
}
.effect6::after{
	width:5rem;
	height:20rem;
	top:50%;
	content:'';
	position:absolute;
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-animation:anim1 5s infinite ease-out;
	animation:anim2 4s infinite ease-out;
	background-color:rgba(255,255,255,1);
	background-color:var(--color1);
}
.effect7{
	-webkit-transition:all 1.2s cubic-bezier(.56,.01,.45,.99);
	transition:all 1.2s cubic-bezier(.56,.01,.45,.99);
}
.effect8{
	background-image:url('../styles/images/video.webp');
	background-position:center;
	background-size:cover;
}
.effect9{
	animation:anim3 10s infinite ease-out;
}
.effect10{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:10;
	border-radius:inherit;
}
.effect10::before{
	width:8rem;
	height:20rem;
	top:50%;
	content:'';
	position:absolute;
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-animation:anim1 5s infinite ease-out;
	animation:anim2 12s infinite ease-out;
	background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 53%, rgba(255,255,255,0) 100%);
}
.effect11{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
.effect11:hover{
	-webkit-transform:rotate(10deg);
	transform:rotate(10deg);
}
.effect12{
	-webkit-transform:rotate(0deg) scale(1,1);
	transform:rotate(0deg) scale(1,1);
	background-position:left center;
}
.effect12:hover{
	-webkit-transform:rotate(2deg) scale(1.1,1.1);
	transform:rotate(2deg) scale(1.1,1.1);
	background-position:center center;
}
.effect13::before{
	position:absolute;
	content:'';
	z-index:150;
	width:2rem;
	height:2rem;
	background-image:url('images/icons/2023.png');
	background-size:cover;
	background-position:center;
	border-radius:50%;
	top:100%;
	left:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transition:all 0.8s;
	animation:anim1 infinite linear 28s;
	opacity:0.95;
}
.effect13::after{
	position:absolute;
	content:'';
	z-index:150;
	width:0.8rem;
	height:0.3rem;
	border-radius:0;
	border-left:1px solid var(--color1);
	border-bottom:1px solid var(--color1);
	top:100%;
	left:100%;
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
	transform:translate(-50%,-50%) rotate(-45deg);
	transition:all 0.8s;
}
.effect13:hover::before{
	opacity:1;
}
.effect14{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect14:hover{
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.effect15{
	overflow-y:hidden;
	color:rgba(0,0,0,0);
}
.effect15::before{
	content:'';
	position:absolute;
	height:100%;
	left:calc(100% - 2rem);
	top:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:1px;
	/*border-left:2px var(--color26) dashed;*/
	/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000000A3' stroke-width='6' stroke-dasharray='20%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");*/
	background-image: url("data:image/svg+xml,%3csvg width='3' height='30' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='200%25' height='100%25' fill='none' stroke='%23000000A3' stroke-width='5' stroke-dasharray='20%2c 20' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.effect15_m::before{
	top:50%;
}
.effect15_b::before{
	top:0%;
}
.effect15::after{
	content:'';
	position:absolute;
	top:50%;
	left:calc(100% - 2rem);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	height:3rem;
	width:3rem;
	border-radius:50%;
	background-color:var(--color3);
	-webkit-box-shadow:0 0 5px 1px var(--color7);
	box-shadow:0 0 5px 1px var(--color7);
}
.effect16{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect16:hover{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
.effect17_t1{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect17:hover .effect17_t2{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
.effect17:hover .bg24{
	background-color:var(--color27);
}
.effect17:hover .bg25{
	background-color:var(--color30);
}
.effect17{
	border:4px solid var(--color16);
	border-radius:3rem;
	background-color:var(--color16);
}
.effect17:hover{
	border:4px solid var(--color29);
	background-color:var(--color18);
}
.effect18{
	overflow-y:hidden;
	color:rgba(0,0,0,0);
}
.effect18::before{
	content:'';
	position:absolute;
	height:100%;
	left:50%;
	top:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:1px;
	/*border-left:2px var(--color26) dashed;*/
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000000A3' stroke-width='6' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.effect18_m::before{
	top:50%;
}
.effect18_b::before{
	top:0%;
}
.effect18::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	height:1.5rem;
	width:1.5rem;
	border-radius:0.2rem;
	background-color:var(--color31);
	-webkit-box-shadow:0 0 5px 1px var(--color7);
	box-shadow:0 0 5px 1px var(--color7);
}
.effect19_t1{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect19:hover .effect17_t2{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
.effect19:hover .bg24{
	background-color:var(--color27);
}
.effect19:hover .bg25{
	background-color:var(--color30);
}
.effect19{
	border:4px solid var(--color16);
	border-radius:1rem;
	background-color:var(--color16);
}
.effect19:hover{
	border:4px solid var(--color29);
	background-color:var(--color18);
}

.selected_town{
	border:4px solid var(--color29);
	background-color:var(--color18);
}
.selected_town .effect18::after{
	background-color:var(--color3);
}
.selected_town .effect17_t2::after{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
.selected_town .effect18::after{
	content:'✓';
	color:var(--color15);
	font-size:1.1rem;
	text-align:center;
	align-items:center;
	justify-content:center;
	display:flex;
	font-family:'Inter-Medium';
}

.effect20{
	position:absolute;
	width:1rem;
	height:1rem;
	border-radius:50%;
	background-color:var(--color3);
	-webkit-box-shadow:0 0 8px 0px var(--color3);
	box-shadow:0 0 8px 0px var(--color3);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:100;
	animation:anim4 infinite linear 7s;
}
.selected_town_marker{
	width:2rem;
	height:2rem;
	-webkit-box-shadow:0 0 12px 1px var(--color3);
	box-shadow:0 0 12px 1px var(--color3);
}
.effect21{
	-webkit-filter:drop-shadow(0px 0px 5px var(--color7));
	filter:drop-shadow(0px 0px 5px var(--color7));
}
.effect22{
	overflow:hidden;
}
.effect22::before{
	content:'';
	position:absolute;
	height:100%;
	left:50%;
	top:100%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:1px;
	/*border-left:2px var(--color26) dashed;*/
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000000A3' stroke-width='6' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
.effect22_m::before{
	top:50%;
}
.effect22_b::before{
	top:0%;
}
.effect22::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	height:2.8rem;
	width:2.8rem;
	border-radius:50%;
	background-color:var(--color3);
	-webkit-box-shadow:0 0 5px 1px var(--color7);
	box-shadow:0 0 5px 1px var(--color7);
}
.effect23::after{
	content:'✓';
	color:var(--color15);
	font-size:0.9rem;
	text-align:center;
	align-items:center;
	justify-content:center;
	display:flex;
	font-family:'Inter-Medium';
	width:1.1rem;
	height:1.1rem;
	border:1px solid var(--color15);
	opacity:0.7;
	margin-left:0.5rem;
}
.effect24:hover{
	opacity:0.5;
}
.effect25{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect25:hover{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
	background-color:var(--color21);
}
.effect26{
	overflow:hidden;
}
.effect26::before{
	width:8rem;
	height:20rem;
	top:50%;
	content:'';
	position:absolute;
	-webkit-transform:rotate(45deg) translate(-50%, -50%);
	transform:rotate(45deg) translate(-50%, -50%);
	-webkit-animation:anim1 5s infinite ease-out;
	animation:anim2 12s infinite ease-out;
	background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 53%, rgba(255,255,255,0) 100%);
	z-index:200;
}
.effect27_1{
	position:absolute;
	z-index:100;
	top:50%;
	left:0;
	width:5rem;
	height:5rem;
	background-color:var(--color1);
	border-radius:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-image:url('images/icons/arrow_left.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:30% 30%;
	-webkit-box-shadow:0 0 0px 0px var(--color3);
	box-shadow:0 0 0px 0px var(--color3);
}
.effect27_1:hover{
	background-color:var(--color21);
	-webkit-box-shadow:0 0 11px -2px var(--color3);
	box-shadow:0 0 11px -2px var(--color3);
}
.effect27_2{
	position:absolute;
	z-index:100;
	top:50%;
	left:100%;
	width:5rem;
	height:5rem;
	background-color:var(--color1);
	border-radius:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-image:url('images/icons/arrow_right.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:30% 30%;
	-webkit-box-shadow:0 0 0px 0px var(--color3);
	box-shadow:0 0 0px 0px var(--color3);
}
.effect27_2:hover{
	background-color:var(--color21);
	-webkit-box-shadow:0 0 11px -2px var(--color3);
	box-shadow:0 0 11px -2px var(--color3);
}
.effect28_t{
	overflow:hidden;
	height:auto;
	border-radius:0.5rem;
	aspect-ratio:465/819;
}
.effect28_t .img17{
	border-radius:0.5rem;
}
.effect28_t .img19{
	border-radius:0.5rem;
}
.effect28{
	aspect-ratio:1/1;
	border-radius:50%;
	height:auto;
}
.effect28 .img17{
	width:100%;
	border:2px solid var(--color21);
	border-radius:50%;
}
.effect28_t .img20{
	opacity:1;
}
.effect28 .img20{
	opacity:0;
}
.effect28_t:hover .img20{
	-webkit-transform:translate(-50%,-50%) scale(0.8,0.8);
	transform:translate(-50%,-50%) scale(0.8,0.8);
}
.effect28_t::after{
	content:'';
	position:absolute;
	z-index:100;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:0%;
	height:0%;
	background-color:var(--color21);
	opacity:0;
	transition:all 0.4s;
	border-radius:20%;
}
.effect28::after{
	width:100%;
	height:100%;
	opacity:0.7;
	border-radius:50%;
}
.effect29{
	-webkit-transform:translate(-50%,-50%) scale(1,1);
	transform:translate(-50%,-50%) scale(1,1);
}
.effect29:hover{
	-webkit-transform:translate(-50%,-50%) scale(1.3,1.3);
	transform:translate(-50%,-50%) scale(1.3,1.3);
}
.effect30{
	position:fixed;
	width:105%;
	height:105%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:1000;
	background-color:rgba(0,0,0,0.8);
}
.effect30_t{
	z-index:2500;
}
.effect31::before{
	width:120%;
	height:120%;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	transition:all 0.3s;
	position:absolute;
	content:'';
	opacity:0;
	border-radius:0.5rem;
	background-color:var(--color37);
	z-index:-1;
}
.effect31:hover::before{
	opacity:0.5;
}
.effect32:hover .effect29{
	-webkit-transform:translate(-50%,-50%) scale(0.8,0.8);
	transform:translate(-50%,-50%) scale(0.8,0.8);
	opacity:1;
}
.effect38::after{
	content:'';
	position:absolute;
	background-color:var(--color1);
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-box-shadow:0 0 1rem 0.1rem var(--color7);
	box-shadow:0 0 1rem 0.1rem var(--color7);
	z-index:40;
}
.effect39{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect39:hover{
	-webkit-transform:scale(0.95,0.95);
	transform:scale(0.95,0.95);
}
.effect40{
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
.effect40:hover{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}
.effect45{
	/*used*/
}
.effect46{
	-webkit-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);
}
.effect47::after{
	background-image:url('../styles/images/icons/check 2.jpg');
	background-size:cover;
	background-position:center;
}
.effect48{
	/*used*/
}
.effect49{
	/*used*/
}
.effect50::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0);
	z-index:3000;
}
.effect51{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 25px 50px -12px;
}
.margin1{
	margin-left:2rem;
}
.margin2{
	padding:0.9rem 1.3rem 0.9rem 1.3rem;
}
.margin3{
	margin-right:0.5rem;
}
.margin4{
	padding-left:5.5rem;
}
.margin5{
	/*padding-left:5.5rem;
	padding-right:5rem;*/
}
.margin6{
	margin-top:0.5rem;
	margin-bottom:1.5rem;
}
.margin7{
	padding:4rem;
}
.margin8{
	padding:0.4rem 0.4rem 0.4rem 5rem;
	margin-top:1.5rem;
}
.margin9{
	margin-left:2rem;
}
.margin10{
	padding:1.5rem 3rem 1.5rem 3rem;
}
.margin11{
	margin-top:1.5rem;
	padding:0.5rem;
}
.margin12{
	padding-top:2rem;
	padding-bottom:9rem;
}
.margin13{
	margin-bottom:7rem;
}
.margin14{
	margin-bottom:4rem;
	margin-top:4rem;
}
.margin15{
	padding:2rem 2rem 2rem 5rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
.margin16{
	margin-top:4rem;
	margin-bottom:2rem;
}
.margin17{
	margin-top:1rem;
	padding-left:3rem;
}
.margin18{
	margin-left:2rem;
	margin-right:1rem;
}
.margin19{
	margin-top:3rem;
}
.margin20{
	padding-top:9rem;
	padding-bottom:9rem;
}
.margin21{
	padding-top:5rem;
	padding-bottom:5rem;
}
.margin22{
	margin-top:3rem;
}
.margin23{
	padding:2rem 2rem 2rem 7.5rem;
}
.margin24{
	padding:3rem 2rem 2rem 2rem;
}
.margin25{
	margin-top:2rem;
	margin-bottom:2rem;
}
.margin26{
	margin-bottom:4rem;
}
.margin27{
	padding-top:6rem;
	padding-bottom:6rem;
}
.margin28{
	margin-top:2rem;
}
.margin29{
	padding:2rem;
}
.margin30{
	padding-top:0rem;
	padding-bottom:0rem;
}
.margin31{
	padding:0.5rem;
}
.margin32{
	margin-bottom:0.9rem;
}
.margin33{
	margin-top:3rem;
}
.margin34{
	margin-bottom:0.5rem;
}
.margin35{
	padding-top:3rem;
	padding-bottom:3rem;
}
.margin36{
	padding:4rem;
}
.margin37{
	margin-top:2rem;
	margin-bottom:2rem;
}
.margin38{
	margin-bottom:0.5rem;
}
.margin39{
	padding-top:1rem;
	padding-bottom:1rem;
}
.margin40{
	margin-top:1rem;
	margin-right:2rem;
}
.margin41{
	padding:1rem;
}
.margin42{
	padding:0.6rem;
}
.margin43{
	padding-top:3rem;
	padding-bottom:3rem;
}
.margin44{
	padding:0rem;
}
.margin45{
	padding:0.5rem 1rem 0.5rem 0;
}
.margin46{
	padding:4rem 3rem 4rem 6rem;
}
.margin47{
	margin-bottom:4rem;
}
.margin48{
	margin-top:1rem;
}
.margin49{
	margin-top:5rem;
}
.margin50{
	padding-top:7rem;
	padding-bottom:7rem;
}
.margin51{
	padding-top:4rem;
	margin-top:5rem;
}
.margin52{
	margin-left:2rem;
}
.margin53{
	padding:4rem;
}
.margin54{
	margin-top:1rem;
	margin-bottom:2rem;
}
.margin55{
	margin-bottom:2rem;
}
.margin56{
	margin-top:4rem;
	margin-bottom:2rem;
}
.margin57{
	padding:1rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
.margin58{
	/*used*/
}
.margin59{
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.margin60{
	/*used*/
}
.margin61{
	/*used*/
}
.margin62{
	padding-top:12rem;
}
.margin63{
	margin-top:3rem;
	margin-bottom:3rem;
}
.margin64{
	margin-bottom:4rem;
}
.margin65{
	margin-left:1rem;
	margin-right:1rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
.margin66{
	margin-top:9rem;
	margin-bottom:5rem;
}
.margin67{
	margin-right:1rem;
	padding:1rem;
}
.margin68{
	margin-top:2rem;
	margin-bottom:2rem;
}
.margin69{
	/*used*/
}
.margin70{
	margin-bottom:4rem;
}
.margin71{
	margin-top:6rem;
	padding:4rem;
}
.margin72{
	padding-bottom:120px;
}



.element-animation {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: all 1s;
  transition: all 1s;
}
.element-show {
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}



@keyframes anim1{
	0%{
		-webkit-transform:translate(-50%,-50%) rotate(0deg);
		transform:translate(-50%,-50%) rotate(0deg);
	}
	100%{
		-webkit-transform:translate(-50%,-50%) rotate(360deg);
		transform:translate(-50%,-50%) rotate(360deg);
	}
}
@keyframes anim2{
	0%{
		left:-12rem;
	}
	30%{
		left:100%;
	}
	100%{
		left:100%;
	}
}
@keyframes anim3{
	0%{
		border-radius:3rem;
	}
	70%{
		border-radius:0.5rem;
	}
	100%{
		border-radius:3rem;
	}
}
@keyframes anim4{
	90%{
		-webkit-transform:translate(-50%,-50%) scale(1,1);
		transform:translate(-50%,-50%) scale(1,1);
	}
	95%{
		-webkit-transform:translate(-50%,-50%) scale(1.4,1.4);
		transform:translate(-50%,-50%) scale(1.4,1.4);
	}
	95%{
		-webkit-transform:translate(-50%,-50%) scale(1.4,1.4);
		transform:translate(-50%,-50%) scale(1.4,1.4);
	}
	100%{
		-webkit-transform:translate(-50%,-50%) scale(1,1);
		transform:translate(-50%,-50%) scale(1,1);
	}
	/*0%{
		-webkit-box-shadow:0 0 12px 1px var(--color3);
		box-shadow:0 0 12px 1px var(--color3);
	}*/
}

@media screen and (min-width:1000px){
	#dark_wall_3{
		display:none !important;
	}
}
@media screen and (max-width:1500px){
	.margin14{
		margin-bottom:4rem;
		margin-top:6rem;
	}
	.margin58{
		margin-top:3rem;
	}
	.size22{
		max-height:150px;
		overflow-y:hidden;
	}
	.size22::after{
		position:absolute;
		content:'';
		-webkit-box-shadow:inset 0px -40px 40px -20px var(--color1);
		box-shadow:inset 0px -40px 40px -20px var(--color1);
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:100;
		transition:all 0.5s;
	}
	.effect25:hover .size22::after{
		-webkit-box-shadow:inset 0px -40px 40px -20px var(--color21);
		box-shadow:inset 0px -40px 40px -20px var(--color21);
	}
	.size11{
		min-height:unset;
	}
	.size12{
		height:15rem;
	}
	.img23{
		width:20%;
	}
	.simple_gallery_element .img23{
		width:40%;
	}
	.margin41{
		margin-top:1rem;
		margin-bottom:1rem;
	}
	.effect48{
		flex-direction:column-reverse;
	}
	.margin71{
		margin-top:6rem;
	}
	.margin60{
		margin-top:6rem;
	}
	.margin62{
		padding-top:10rem;
	}
}

@media screen and (max-width:1200px){
	.margin14{
		margin-bottom:4rem;
		margin-top:7rem;
	}
	.margin53{
		padding:3.5rem;
	}
	.margin20{
		padding-top:8rem;
		padding-bottom:8rem;
	}
	.margin71{
		margin-top:5rem;
	}
}

@media screen and (max-width:1000px){
	.margin17{
		padding-left:5rem;
	}
	.margin12{
		padding-bottom:7rem;
	}
	.margin36{
		margin-top:4rem;
	}
	.simple_gallery_element{
		width:29%;
	}
	.simple_gallery_element .img23{
		width:50%;
	}
	.margin61{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:3rem;
	}
	.margin62{
		padding-top:9rem;
	}
	.margin71{
		margin-top:4rem;
		padding:3rem;
	}
}

@media screen and (max-width:999px){
	.pos17_p:hover .pos17{
		-webkit-transform:translate(-100%, -50%);
		transform:translate(-100%, -50%);
	}
	.pos17_p2 .pos17{
		-webkit-transform:translate(0%, -50%) !important;
		transform:translate(0%, -50%) !important;
	}
	.pos1{
		-webkit-transform:translate(-100%, 0%);
		transform:translate(-100%, 0%);
	}
	.pos17{
		z-index:150;
	}
	.menu_burger{
		left:180%;
		background-color:var(--color3);
		padding:1rem 0.6rem;
		border-radius:0.3rem;
		width:4rem;
		top:1rem;
	}
	.menu_burger_line{
		width:100%;
		display:flex;
		height:2px;
		border-bottom:1px solid rgba(170,170,170,1);
		background-color:rgba(255,255,255,1);
		margin-top:0.7rem;
		margin-bottom:0.7rem;
	}
	.menu_burger::after{
		content:'';
		display:flex;
		height:1px;
		width:100%;
		border-bottom:1px solid rgba(170,170,170,1);
		background-color:rgba(255,255,255,1);
	}
	.menu_burger::before{
		content:'';
		display:flex;
		height:1px;
		width:100%;
		border-bottom:1px solid rgba(170,170,170,1);
		background-color:rgba(255,255,255,1);
	}
	.effect38::after{
		display:none;
	}
	.pos17 .pos16{
		top:1.25rem;
	}
	.img31{
		width:8rem;
		min-width:8rem;
		height:8rem;
	}
	.margin70{
		margin-bottom:3rem;
	}
	.margin72{
		padding-bottom:100px;
	}
}

@media screen and (max-width:900px){
	.margin10{
		padding:1rem 2rem 1rem 2rem;
	}
	.margin53{
		padding:3rem;
	}
	.effect27_1{
		width:4rem;
		height:4rem;
	}
	.effect27_2{
		width:4rem;
		height:4rem;
	}
}

@media screen and (max-width:800px){
	.size6{
		min-height:19rem;
	}
	.margin21{
		padding-top:3rem;
		padding-bottom:0rem;
	}
	.margin20{
		padding-top:7rem;
		padding-bottom:7rem;
	}
	.effect15::before{
		left:50%;
	}
	.effect15::after{
		left:50%;
		height:2.2rem;
		width:2.2rem;
	}
	.effect17{
		border-radius:1rem;
	}
	.effect15{
		display:none !important;
	}
	.effect45::before{
		content:'';
		position:absolute;
		height:100%;
		left:50%;
		top:100%;
		-webkit-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		width:1px;
		/*border-left:2px var(--color26) dashed;*/
		/*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000000A3' stroke-width='6' stroke-dasharray='20%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");*/
		background-image: url("data:image/svg+xml,%3csvg width='3' height='30' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='200%25' height='100%25' fill='none' stroke='%23000000A3' stroke-width='5' stroke-dasharray='20%2c 20' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
		z-index:0;
	}
	.effect45_m::before{
		top:50%;
	}
	.effect45_b::before{
		top:0%;
	}
	.margin29{
		padding:2rem 1.5rem 2rem 1.5rem;
	}
	.effect20{
		height:0.7rem;
		width:0.7rem;
	}
	.selected_town_marker{
		width:1.7rem;
		height:1.7rem;
	}
	.img31{
		width:13rem;
		min-width:13rem;
	}
	.margin62{
		padding-top:9rem;
	}
	.margin66{
		margin-bottom:3rem;
	}
	.img34{
		display:none;
	}
	.img35{
		display:block;
	}
	.margin72{
		padding-bottom:80px;
	}
}

@media screen and (max-width:700px){
	.img27{
		margin-left:1rem;
	}
	.margin53{
		padding:2.5rem;
	}
	.margin20{
		padding-top:6rem;
		padding-bottom:6rem;
	}
	.effect27_1{
		width:3.5rem;
		height:3.5rem;
	}
	.effect27_2{
		width:3.5rem;
		height:3.5rem;
	}
	.simple_gallery_element{
		width:45%;
	}
	.margin69{
		padding:0.8rem;
	}
	.effect49{
		font-family:'Roboto-Regular';
	}
	.margin71{
		margin-top:3rem;
		padding:2rem;
	}
	.margin72{
		padding-bottom:70px;
	}
}