/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&subset=cyrillic,cyrillic-ext");

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

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

ul {
	list-style-type: none
}

a {
	text-decoration: none;
	color: #000
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0
}

* {
	font-family: Montserrat, sans-serif
}

.container-fluid {
	background-color: #fff
}

.container-fluid_bg_space {
	display: flex;
	background-color: #103c86;
	position: relative;
	overflow: hidden;
	z-index: -99
}

.container-fluid_bg_space:after {
	content: "";
	background-image: url(../../img/bg/earth.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	opacity: .3;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1
}

.container-fluid_bg_blue {
	z-index: 0;
	background-color: #103c86
}

.container-fluid_video {
	min-height: 640px;
	display: flex;
	justify-content: center;
	align-items: center
}

.container {
	max-width: 1180px;
	margin: 0 auto
}

.prlx {
	width: 4000px;
	height: 2500px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0
}

@media (min-height:1366px) {
	.prlx {
		transform: translateY(25%)
	}
}

@media (min-height:992px) {
	.prlx {
		transform: translateY(25%)
	}
}

@media (max-width:2560px) {
	.prlx {
		width: 2700px;
		height: 1999px
	}
}

@media (max-width:1920px) {
	.prlx {
		width: 1920px;
		height: 1400px
	}
}

@media (max-width:1366px) {
	.prlx {
		width: 1366px;
		height: 1000px
	}
}

@media (max-width:1024px) {
	.prlx {
		width: 1024px;
		height: 800px
	}
}

@media (max-width:768px) {
	.prlx {
		width: 768px;
		height: 500px
	}
}

@media (max-width:1020px) {
	.prlx {
		display: none
	}
}

.left-back {
	background-image: url(../../img/batteries/left_back.png);
	top: -400px;
	left: 1000px
}

@media (max-width:2560px) {
	.left-back {
		height: 1500px;
		top: -300px;
		left: 600px
	}
}

@media (max-width:1920px) {
	.left-back {
		height: 1000px;
		top: 100px;
		left: 500px
	}
}

@media (max-width:1366px) {
	.left-back {
		height: 800px;
		top: 80px;
		left: 350px
	}
}

@media (max-width:1024px) {
	.left-back {
		height: 600px;
		top: 150px;
		left: 200px
	}
}

.left-middle {
	background-image: url(../../img/batteries/left_middle.png);
	top: 0;
	left: 300px
}

@media (max-width:2560px) {
	.left-middle {
		height: 1300px
	}
}

@media (max-width:1920px) {
	.left-middle {
		height: 1000px;
		top: 300px;
		left: 200px
	}
}

@media (max-width:1366px) {
	.left-middle {
		top: 200px;
		left: 150px;
		height: 800px
	}
}

@media (max-width:1024px) {
	.left-middle {
		height: 500px;
		left: 100px
	}
}

.left-front {
	background-image: url(../../img/batteries/left_front.png);
	top: -800px;
	left: 0
}

@media (max-width:2560px) {
	.left-front {
		top: -550px
	}
}

@media (max-width:1920px) {
	.left-front {
		top: -50px;
		left: -50px
	}
}

@media (max-width:1366px) {
	.left-front {
		height: 1200px;
		top: -50px;
		left: -50px
	}
}

@media (max-width:1024px) {
	.left-front {
		height: 900px;
		top: -50px;
		left: -50px
	}
}

.right-back {
	background-image: url(../../img/batteries/right_back.png);
	top: 900px;
	right: 0
}

.right-middle {
	background-image: url(../../img/batteries/right_middle.png);
	top: -350px;
	left: 150px
}

@media (max-width:2560px) {
	.right-middle {
		height: 1200px;
		top: -100px;
		left: 80px
	}
}

@media (max-width:1920px) {
	.right-middle {
		height: 1000px;
		top: 250px;
		left: 100px
	}
}

@media (max-width:1366px) {
	.right-middle {
		height: 800px;
		top: 150px;
		left: 90px
	}
}

@media (max-width:1024px) {
	.right-middle {
		height: 600px;
		top: 150px;
		left: 70px
	}
}

.right-front {
	background-image: url(../../img/batteries/right_front.png);
	top: -700px;
	left: 0
}

@media (max-width:2560px) {
	.right-front {
		height: 1700px;
		top: -400px;
		left: 0
	}
}

@media (max-width:1920px) {
	.right-front {
		width: 2300px;
		top: -100px;
		left: -200px;
		transform: scale(.8)
	}
}

@media (max-width:1366px) {
	.right-front {
		top: -350px;
		left: -500px;
		transform: scale(.6)
	}
}

@media (max-width:1024px) {
	.right-front {
		top: -450px;
		left: -600px;
		transform: scale(.5)
	}
}

.hero {
	max-width: 100%;
	height: 100vh;
	padding: 50px 0;
	text-align: center
}

.hero .header {
	height: 50px;
	margin-bottom: -30px;
	display: flex;
	justify-content: center;
	align-items: center
}

.hero .header__logo {
	width: 132px
}

.hero .header img {
	width: 70%
}

@media (max-width:780px) {
	.hero .header img {
		width: 50%
	}
}

.hero .tagline {
	height: calc(100% - 65px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative
}

.hero .tagline__thin {
	font-weight: 300;
	font-size: 5.1rem;
	color: #fff
}

@media (max-width:1180px) {
	.hero .tagline__thin {
		font-size: 3.8rem
	}
}

@media (max-width:780px) {
	.hero .tagline__thin {
		font-size: 2.6rem
	}
}

@media (max-width:550px) {
	.hero .tagline__thin {
		font-size: 2rem
	}
}

@media (max-width:460px) {
	.hero .tagline__thin {
		font-size: 1.8rem
	}
}

@media (max-width:425px) {
	.hero .tagline__thin {
		font-size: 1.8rem
	}
}

@media (max-width:360px) {
	.hero .tagline__thin {
		font-size: 1.5rem
	}
}

@media (max-width:320px) {
	.hero .tagline__thin {
		font-size: 1.3rem
	}
}

.hero .tagline__thick {
	position: relative;
	font-weight: 700;
	font-size: 7rem;
	color: #a8c000
}

@media (max-width:1180px) {
	.hero .tagline__thick {
		font-size: 5rem
	}
}

@media (max-width:780px) {
	.hero .tagline__thick {
		font-size: 3.5rem
	}
}

@media (max-width:550px) {
	.hero .tagline__thick {
		font-size: 2.7rem
	}
}

@media (max-width:460px) {
	.hero .tagline__thick {
		font-size: 2.5rem
	}
}

@media (max-width:425px) {
	.hero .tagline__thick {
		font-size: 2.25rem
	}
}

@media (max-width:360px) {
	.hero .tagline__thick {
		font-size: 2rem
	}
}

@media (max-width:320px) {
	.hero .tagline__thick {
		font-size: 1.7rem
	}
}

.hero .tagline .battery-static {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1
}

@media (max-width:1180px) {
	.hero .tagline .battery-static {
		width: 75%;
		top: 20px
	}
}

@media (max-width:1024px) {
	.hero .tagline .battery-static {
		transform: translateX(-51%)
	}
}

@media (max-width:768px) {
	.hero .tagline .battery-static {
		transform: translateX(-52%)
	}
}

@media (max-width:544px) {
	.hero .tagline .battery-static {
		width: 85%;
		top: 10px;
		transform: translateX(-50%)
	}
}

.hero .footer {
	font-weight: 600;
	height: 50px;
	margin-top: 30px;
	font-size: 1rem;
	color: #fff
}

.damage {
	max-width: 1180px;
	height: 550px;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

@media (max-width:1180px) {
	.damage {
		height: auto;
		padding: 65px 0
	}
}

.damage__txt {
	width: 83.33333%;
	margin-left: 8.33333%;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.5rem
}

.damage__txt p {
	display: block
}

@media (max-width:768px) {
	.damage__txt p {
		display: inline
	}
}

@media (max-width:1180px) {
	.damage__txt {
		font-size: .9rem
	}
}

.damage__img {
	margin-top: 100px;
	display: flex;
	justify-content: space-around;
	align-items: center
}

@media (max-width:1180px) {
	.damage__img {
		flex-direction: column;
		justify-content: center
	}
}

.damage__img div {
	max-width: 112px
}

.damage__img span {
	font-weight: 800;
	font-size: 1.5rem
}

.damage__img .equals {
	max-width: 270px;
	max-height: 100px
}

.damage__img .txt {
	font-weight: 700;
	font-size: .9em
}

.infographic {
	max-width: 100%;
	height: 1352px;
	background-image: url(../../img/infographic/scheme-new.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	z-index: 999
}

@media (min-width:1920px) {
	.infographic {
		height: 1400px
	}
}

@media (min-width:1975px) {
	.infographic {
		height: 1600px
	}
}

@media (min-width:2270px) {
	.infographic {
		height: 1800px
	}
}

@media (min-width:2540PX) {
	.infographic {
		height: 2100px
	}
}

@media (min-width:3065px) {
	.infographic {
		height: 2460px
	}
}

@media (min-width:3490px) {
	.infographic {
		height: 2860px
	}
}

@media (max-width:1180px) {
	.infographic {
		height: 1260px;
		background-size: 150%
	}
}

@media (max-width:960px) {
	.infographic {
		height: 1000px
	}
}

@media (max-width:800px) {
	.infographic {
		height: 860px
	}
}

@media (max-width:680px) {
	.infographic {
		height: 760px
	}
}

@media (max-width:630px) {
	.infographic {
		height: 660px
	}
}

@media (max-width:560px) {
	.infographic {
		height: 552px
	}
}

@media (max-width:490px) {
	.infographic {
		height: 502px
	}
}

@media (max-width:425px) {
	.infographic {
		height: 430px
	}
}

@media (max-width:356px) {
	.infographic {
		height: 350px
	}
}

.points {
	padding-top: 115px;
	padding-bottom: 60px
}

@media (max-width:1180px) {
	.points {
		padding-top: 65px
	}
}

.points .title {
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
	color: #0d3d8e
}

.points .card-wrapper {
	width: auto;
	margin: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

@media (max-width:1180px) {
	.points .card-wrapper {
		justify-content: center
	}
}

.points .card-wrapper .row {
	display: flex;
	flex-wrap: nowrap
}

@media (max-width:325px) {
	.points .card-wrapper .row {
		flex-direction: column
	}
}

.points .card-wrapper .card-item {
	width: 280px;
	margin-bottom: 15px;
	margin-right: 7px;
	margin-left: 7px
}

@media (max-width:600px) {
	.points .card-wrapper .card-item {
		width: 186px;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 5px
	}
}

@media (max-width:375px) {
	.points .card-wrapper .card-item {
		margin-left: 1;
		margin-right: 1px;
		margin-bottom: 2px
	}
}

.points .card-wrapper .card-item__photo {
	height: 280px;
	background-position: 50%;
	background-size: cover
}

@media (max-width:600px) {
	.points .card-wrapper .card-item__photo {
		height: 200px
	}
}

.points .card-wrapper .card-item .pe-bm {
	background-image: url(../../img/points/pe_bm.jpg)
}

.points .card-wrapper .card-item .orto {
	background-image: url(../../img/points/orto.jpg)
}

.points .card-wrapper .card-item .pe-aut {
	background-image: url(../../img/points/pe_aut.jpg)
}

.points .card-wrapper .card-item .unicom {
	background-image: url(../../img/points/unicom.jpg)
}

.points .card-wrapper .card-item .park {
	background-image: url(../../img/points/park.jpg)
}

.points .card-wrapper .card-item .sinet {
	background-image: url(../../img/points/sinet.jpg)
}

.points .card-wrapper .card-item .edem {
	background-image: url(../../img/points/edem.jpg)
}

.points .card-wrapper .card-item .deley {
	background-image: url(../../img/points/deley.jpg)
}

.points .card-wrapper .card-item .optimistprof {
	background-image: url(../../img/points/optimistprof.jpg)
}

.points .card-wrapper .card-item .asia {
	background-image: url(../../img/points/asia.jpg)
}


.points .card-wrapper .card-item__address {
	display: block;
	position: relative;
	padding: 25px 20px 20px;
	background-color: #0d3d8e
}

@media (max-width:600px) {
	.points .card-wrapper .card-item__address {
		height: 200px
	}
}

.points .card-wrapper .card-item__address .name,
.points .card-wrapper .card-item__address .org {
	display: block;
	font-weight: 600;
	font-size: 1.1rem;
	color: #fff
}

@media (max-width:600px) {

	.points .card-wrapper .card-item__address .name,
	.points .card-wrapper .card-item__address .org {
		font-size: .7rem
	}
}

.points .card-wrapper .card-item__address .name {
	display: block;
	margin-bottom: 25px
}

@media (max-width:600px) {
	.points .card-wrapper .card-item__address .name {
		margin-bottom: 20px
	}
}

.points .card-wrapper .card-item__address .city,
.points .card-wrapper .card-item__address .floor,
.points .card-wrapper .card-item__address .street {
	display: block;
	font-size: .8rem;
	color: #fff
}

@media (max-width:600px) {

	.points .card-wrapper .card-item__address .city,
	.points .card-wrapper .card-item__address .floor,
	.points .card-wrapper .card-item__address .street {
		font-size: .52rem
	}
}

.points .card-wrapper .card-item__address .show-btn {
	height: 50px;
	line-height: 50px;
	margin-top: 25px;
	text-align: center;
	font-weight: 700;
	font-size: .9em;
	background-color: #f0c000;
	cursor: pointer
}

@media (max-width:600px) {
	.points .card-wrapper .card-item__address .show-btn {
		width: 150px;
		height: 40px;
		line-height: 40px;
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 20px;
		padding: 0 20px;
		font-size: .6rem
	}
}

.points .card-wrapper .card-item__address .show-btn:hover {
	background-color: #ffd324
}

.points #show-more-btn {
	width: 280px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font-size: 1em;
	background-color: #f0c000;
	cursor: pointer
}

.points #show-more-btn:hover {
	background-color: #ffd324
}

.types {
	height: 670px;
	padding: 115px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center
}

.types__title {
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
	color: #fff
}

@media (max-width:780px) {
	.types__title {
		font-size: 1.5rem
	}
}

@media (max-width:550px) {
	.types__title {
		font-size: 1.2rem
	}
}

@media (max-width:780px) {
	.types__img img {
		width: 75%
	}
}

.types__txt {
	margin: 0 40px;
	display: block;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #fff
}

@media (max-width:320px) {
	.types__txt {
		margin: 0 20px
	}
}

@media (max-width:780px) {
	.types__txt p {
		display: inline;
		font-size: .75rem
	}
}

.insta {
	margin: 0 auto;
	padding: 115px 0;
	text-align: center
}

.insta .title {
	font-weight: 600;
	font-size: 2rem;
	color: #fff
}

.insta .hashtag {
	margin: 10px 0 50px;
	font-size: 1.3rem;
	color: #fff
}

.insta .call2action {
	display: block;
	margin: auto;
	padding: 0 20px;
	max-width: 872px;
	color: #fff
}

.insta .card-wrapper_insta {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.insta .card-wrapper_insta .card-item_insta {
	width: 280px;
	margin-right: 7px;
	margin-left: 7px;
	margin-bottom: 15px;
	text-align: left
}

@media (max-width:1180px) {
	.insta .card-wrapper_insta .card-item_insta {
		margin-right: 15px;
		margin-bottom: 60px
	}
}

@media (max-width:768px) {
	.insta .card-wrapper_insta .card-item_insta {
		margin-right: 0;
		margin-bottom: 60px
	}
}

.insta .card-wrapper_insta .card-item_insta__photo {
	min-height: 280px;
	background-image: url(../../img/points/default.png);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__photo--1 {
	min-height: 280px;
	background-image: url(../../img/insta/1.jpg);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__photo--2 {
	min-height: 280px;
	background-image: url(../../img/insta/2.jpg);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__photo--3 {
	min-height: 280px;
	background-image: url(../../img/insta/3.jpg);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__photo--4 {
	min-height: 280px;
	background-image: url(../../img/insta/4.jpg);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__photo--5 {
	min-height: 280px;
	background-image: url(../../img/insta/5.jpg);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__photo--6 {
	min-height: 280px;
	background-image: url(../../img/insta/6.jpg);
	background-size: cover
}

.insta .card-wrapper_insta .card-item_insta__author {
	margin: 20px 0;
	font-weight: 600;
	font-size: .9rem;
	color: #fff
}

.insta .card-wrapper_insta .card-item_insta__post {
	margin-right: 40px;
	font-size: .8rem;
	color: #fff
}

.insta .card-wrapper_insta .card-item_insta__small-hashtag {
	margin-top: 20px;
	font-size: .75rem;
	color: #fff
}

.social {
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 2px solid #fff;
	background-color: #103c86
}

.social span {
	margin-right: 40px;
	color: #fff
}

@media (max-width:780px) {
	.social span {
		max-width: 135px;
		font-size: .8rem
	}
}

.social__icons {
	display: flex;
	justify-content: space-between
}

.social__icons i {
	margin-right: 20px;
	color: #fff
}

.social__icons a:hover i {
	color: #f0c000
}

@media (max-width:378px) {
	.points .card-wrapper {
		width:100%;
	}
	.points .card-wrapper .card-item {
		width:calc(100% - 40px);
		margin-bottom:20px;
	}
	.points .card-wrapper .card-item__address .show-btn {
	    font-size: .8rem;
	    width: 200px;
	}
	.points .card-wrapper .card-item__address .name,
	.points .card-wrapper .card-item__address .org,
	.points .card-wrapper .card-item__address .city,
	.points .card-wrapper .card-item__address .floor,
	.points .card-wrapper .card-item__address .street {
	    font-size: .8rem;
	}
}

.video {
    display: flex;
    /* box-sizing: border-box; */
   justify-content: center;
   background: #103c86;;
}

/* .video1 {
    display: flex;
 

}

.video2 {
    display: flex;
    
} */

@media (max-width: 1024px) {
    /* .prlx {
        width: 800px;
        height: 700px;
    }
   

    .left-back {
        top: -1040px;
        left: 155px;
    } */
/* 
    .left-middle {
        top: -1010px;
        left: 80px;
    }

    .right-middle {
        top: -950px;
        left: -290px;
        width: 1500px;
        height: 900px;
    }

    .right-front {
        left: -400px;
        width: 1800px;
        height: 1200px;
    }


   

    .left-front {
        width: 800px;
        height: 900px;
        top: -1120px;
        left: -70px;
    }

    .right-front {
        top: -200px;
        left: 100px;
    } */

    .road-img {
        display: none;
    }

    .car-img {
        display: none;
    }



    .result-box {
        height: 1400px;
    }

    .house1-img {
        display: none;
    }

    .house2-img {
       display: none;
    }

  

    .font-text {
        font-size: 25px;

    }

 
  

    .result-box {
        background-image: url("../img/background-town.jpg");
  
        background-repeat: no-repeat;
        background-position: 50%;
        /* background-size: cover; */
   
    }

    .result-title {
        padding-top: 30px;
       padding-left: 20px;
       padding-right: 20px;
       font-size: 28px;
    }
 

    .top {
        /* top:670px; */
        top: 720px;
    }
    
    .bottom {
        bottom: 40px;
    }


    .video {
        flex-direction: column;
        
    }

    .video1 {
        width: 100%;
        height: 500px;
    }

    .video2 {
        width: 100%;
        height: 500px;
    }
}


.documents {

    background: #103c86;
    background: #fefefe;
    /* background: red; */
    border-top: 1px solid white;
    display: flex;
    justify-content: center;
    max-width: 100%;
}
.documents-box {
    /* background: #103c86; */
 
    height: 140px;
    /* background: red; */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* align-items: center; */
    padding-top: 40px;
    box-sizing: border-box;
    text-align: center;
    /* margin-left: 45px;
        margin-right: 45px; */
    color: #103c86;

}

.documents-text {
    display: flex;
    /* padding-bottom: 25px; */
    justify-content: center;
    padding: 20px 0 80px 0;
    
}

.documents-box a {
     text-decoration: none;
     color:#103c86;
     display: flex;
     align-items: center;
     /* width: 200px; */
     /* background: orange; */
     margin: 0 10px;
     font-weight: 800;

}



@media (max-width: 2560px) {

    .background-space {
        height: 100vh;
    }
    .earth {
        height: 100vh;
    }

    /* .headline {
        display: flex;
        justify-content: center;
    } */

}

@media (max-width: 1980px) {
    .right-front {
        left: 100px;
    }

    .right-middle {
        top: -1200px;
        left: -650px;
    }

    /* .right-front {
        left: -750px;
    } */
}

@media (max-width: 1750px) {
    .right-middle {
        top: -800px;
        left: -250px;
        width: 2200px;
        height: 900px;
    }

    .right-front {
        left: -200px;
        top: -200px;
        width: 2200px;
        height: 1500px;
    }

    .left-front {
        top: -1200px;
        left: -100px;
        height: 1150px;
        width: 1500px;
    }

    .left-middle {
        height: 1000px;
        width: 2000px;
    }

    .city1 {
     
        top: 590px; 
      
    }

    .city2 {
        bottom: 120px;
    }
}

@media (max-width: 1470px) {
    .left-middle {
        height: 800px;
        width: 1000px;
        left: 100px;
    }

    .right-middle {
        top: -800px;
        left: 50px;
        width: 1500px;
        height: 900px;
    }
    /* четкя пик */

    .left-front {
        top: -1000px;
        left: -100px;
        height: 800px;
        width: 800px;
    }

    .left-back {
        top: -1050px;
        left: 250px;
        height: 700px;
        width: 700px;
    }
}

@media (max-width: 1320px) {
    .right-front {
        left: -100px;
        top: -50px;
        width: 1800px;
        height: 1200px;
    }

    .right-middle {
        top: -950px;
        left: -150px;
        width: 1500px;
        height: 900px;
    }

}

@media (max-width: 1180px) {

    .right-front {
        left: -350px;
        width: 1800px;
        height: 1200px;
    }

    .right-middle {
        top: -950px;
        left: -250px;
        width: 1500px;
        height: 900px;
    }

    .left-middle {
        left: 100px;
        top: -900px;
    }


    .slogan {
        font-size: 3.8rem;
    }

    .slogan2 {
        font-size: 5rem;
    }
    
    .battery-static {
        width: 75%;
        /* top: 20px; */
        /* margin-top: -95px; */
        /* margin-left: 150px; */
        display: flex;
        left: 50%;
        width: 800px;
        margin-left: -400px;
        position: absolute;
        top: 210px;

    }

    /* .tag {
        margin-top: 10080px;
    } */
   
    
}

@media (max-width: 1070px) {
    .right-middle {
        top: -950px;
        left: -290px;
        width: 1500px;
        height: 900px;
    }

    .right-front {
        left: -450px;
        width: 1800px;
        height: 1200px;
    }

    .left-middle {
        left: 50px;
        top: -900px;
    }

    .prlx {
        width: 800px;
        height: 700px;
    }
   

    .left-back {
        top: -1040px;
        left: 155px;
    }


}

@media (max-width: 1024px) {
    /* .prlx {
        width: 800px;
        height: 700px;
    }
   

    .left-back {
        top: -1040px;
        left: 155px;
    } */
/* 
    .left-middle {
        top: -1010px;
        left: 80px;
    }

    .right-middle {
        top: -950px;
        left: -290px;
        width: 1500px;
        height: 900px;
    }

    .right-front {
        left: -400px;
        width: 1800px;
        height: 1200px;
    }


   

    .left-front {
        width: 800px;
        height: 900px;
        top: -1120px;
        left: -70px;
    }

    .right-front {
        top: -200px;
        left: 100px;
    } */

    .road-img {
        display: none;
    }

    .car-img {
        display: none;
    }



    .result-box {
        height: 1400px;
    }

    .house1-img {
        display: none;
    }

    .house2-img {
       display: none;
    }

  

    .font-text {
        font-size: 25px;

    }

 
  

    .result-box {
        background-image: url("../img/background-town.jpg");
  
        background-repeat: no-repeat;
        background-position: 50%;
        /* background-size: cover; */
   
    }

    .result-title {
        padding-top: 30px;
       padding-left: 20px;
       padding-right: 20px;
       font-size: 28px;
    }
 
    .top {
        /* top:670px; */
        top: 720px;
    }
    
    .bottom {
        bottom: 40px;
    }


    .video {
        flex-direction: column;
        
    }

    .video1 {
        width: 100%;
        height: 500px;
    }

    .video2 {
        width: 100%;
        height: 500px;
    }
}

@media (max-width: 1200px) {

    .main-imgs {
        padding-left: 40px;
        padding-right: 40px;
    }

    .map {
        height: 1260px;
        /* height: auto; */
        /* object-fit: contain; */
        background-size: 150%;
    }

    .shop-about {
        margin: 0 20px;
    }
  
    .shop-img {
        height: auto;
    }

    /* .tag {
        margin-top: 180px;
    } */
 
}

@media (max-width: 1020px) {


    .container-damage {
        /* height: auto; */
        /* padding-bottom: 100px; */
        padding-left: 30px;
        padding-right: 30px;
        
        }

        .map {
            height: 1000px;
        
            
        }

        .prlx {
            display: none;
        }

        .prlx3 {
            display: none;
        }

        .prlx4 {
            display: none;
        }

        .prlx5 {
            display: none;
        }



}

@media (max-width: 870px) {

    .main-imgs {
    flex-direction: column;
    justify-content: center;
    height: auto;
    }

    .container-damage {
        height: auto;
        padding-bottom: 80px;
        /* padding: 0 130px 100px; */
        padding-left: 0;
        padding-right: 0;
        display: flex;
      
      }

    .main-text {
        font-size: .9rem;
        padding: 40px;
        box-sizing: border-box;
        padding-top: 50px;
    }

    .box-shops {
        flex-wrap: wrap;
    }

    .map {
        height: 860px;
    }

    .card {
       margin-bottom: 15px;
    }

    .battery-img {
        width: 75%;
    }

    .battery-text {
        margin: 0 20px;
        padding-bottom: 60px;
    }
    
    .battery-headline {
        margin: 0 20px;
        padding-top: 60px;
    }

    .url-insta {
       
        margin-bottom: 20px;
    }

    .slogan {
        font-size: 2.6rem;
    }

    .slogan2 {
        font-size: 3.5rem;
    }

    .battery-static {
        width: 450px;
        margin-left: -225px;
        top: 195px;
   }

   /* .tag {
    margin-top: 530px;
}
    */
}

@media (max-width: 745px) {
   


    /* .tag {
        margin-top: 450px;
    } */

}


@media (max-width: 590px) {


    .map {
        height: 560px;
    }

 

    .documents-text a {
        font-size: 13px;
    }

    /* .insta-card {
        padding: 0 15px;
    } */

    .url-insta {
        margin-right: 0;
        /* margin-bottom: 20px; */
    }

    .slogan {
        font-size: 2rem;
    }

    .slogan2 {
        font-size: 2.7rem;
    }

    /* .tag {
        margin-top: 620px;
    } */

    .battery-static {
        width: 400px;
        margin-left: -200px;
        top: 175px;
   /* }
   .tag {
    margin-top: 580px;
} */
}

@media (max-width: 480px) {

    /* .tag {
        margin-top: 280px;
    } */
    .slogan {
        font-size: 1.8rem;
    }

    .slogan2 {
        font-size: 2.5rem;
    }

    .documents {
        padding-left: 50px;
        padding-right: 50px;
        height: 180px;
    }

    .documents-text {
        flex-wrap: wrap;
        padding: 15px 40px;
        row-gap: 5px;
      
    }

    .documents-box {
        padding-top: 30px;
    }
    

    .documents-text a {
        margin: 10px;
        font-size: 13px;
    }

    .result-title {
      
       font-size: 23px;
    }

    .battery-static {
    
        top: 170px;
   }
   

}

@media (max-width: 425px) {
   

    .slogan2 {
        font-size: 2.25rem;
    }
    
    .battery-static {
    
        top: 167px;
   }
}

@media (max-width: 400px) {

    .map {
        height: 380px;
    }

    .social-text {
        font-size: 15px;
        margin-right: 20px;
    }

    .slogan {
        font-size: 1.5rem;
    }
    .slogan2 {
        font-size: 2rem;
    }

    .battery-static {
    
        top: 157px;
   }

   .logo img {
       /* width: 55%; */
       
   }
   
   /* .logo {
    
       display: flex;
       justify-content: center;
    
   } */

   .company {
     
       padding-right:5px;
   }
}

@media (max-width: 320px) {

    .map {
        height: 350px;
    }

    .social-text {
        font-size: 13px;
    }

 



   
}