.header-block__mobile {
	display: none;
}
@media (max-width: 1600px) {
	.header-block .nav a {
		font-size: 14px;
	}
}
@media (max-width: 1500px) {
	.header-block .logo {
		width: 25%;
	}
}
@media (max-width: 1400px) {
	.header-block .logo {
		width: 20%;
	}
}
@media (max-width: 1280px) {
	header {
    	height: 70px;
	}
	header .content {
		padding: 0;
	}
	.header-block__pc {
		text-align: left;
		position: fixed;
		display: block;
		top: 70px;
		left: -100%;
		bottom: 0;
	    width: 100%;
		max-width: 360px;
		padding: 20px 0;
		background: #fff;
		height: auto;
		overflow: auto;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-ms-transition: 0.5s ease;
		-o-transition: 0.5s ease;
	}
	header.active .header-block__pc {
		left: 0;
	}
	.header-block__pc .logo,
	.header-block__pc .lang {
		display: none;
	}
	.header-block__pc .nav,
	.header-block__pc .nav li {
		display: block;
	}
	.header-block__pc .nav li a {
		padding: 10px;
	}
	.header-block__pc .nav li.open a {
		padding-right: 30px!important;
	}
	.header-block__pc .nav li a:before {
	    bottom: 0px;
	    height: 4px;
	}
	.header-block__pc .nav li.open > a:after {
	    right: 10px;
	}
	.header-block__pc .nav li ul {
		position: relative;
		width: auto;
		transform: none;
	    opacity: 1;
	    visibility: visible;
	    box-shadow: none;
	    padding: 0 0 0 20px;
	    background: #fafafa;
	}
	.header-block__pc .nav li:hover ul {
	    padding: 10px 0 10px 20px;
	}
	.header-block__pc .nav li ul a {
		font-size: 0;
		padding: 0 15px;
		opacity: 0;
	}
	.header-block__pc .nav li:hover ul a {
		font-size: 14px;
		padding: 5px 15px;
		opacity: 1;
	}
	.pc-header-block__box {
		padding-top: 30px;
	}
	.header-block__mobile {
		display: flex;
	}
	.header-block__mobile .logo {
		display: inline-block;
		vertical-align: middle;
		padding: 10px;
		width: 60%;
		max-width: 250px;
	}
	.mobile-header-block__box {
		display: inline-block;
		vertical-align: middle;
	}
	.header-block__mobile .lang span {
		display: inline-block;
		line-height: 19px;
   		width: 29px;
   		border-radius: 6px;
	}
	/*brgr*/
	header .brgr {
		display: inline-block;
		vertical-align: middle;
	    padding: 20px 10px;
	    width: 50px;
	    height: 70px;
	    opacity: 1;
	    cursor: pointer;
	    z-index: 11;
	}
	header .brgr .line {
	    position: relative;
	    height: 7px;
	    width: 100%;
	    margin: 4px auto;
	    background: #25A4DA;
	    border-radius: 15px;
		transition: 0.35s ease;
		-webkit-transition: 0.35s ease;
		-moz-transition: 0.35s ease;
		-ms-transition: 0.35s ease;
		-o-transition: 0.35s ease;
	}
	header.active .brgr .line {
	    width: 0;
	    background: #48B7FD;
	}
	header .brgr .line:first-child {
	    top: 0;
	    margin: 0;
	    transform: rotateZ(0deg);
	}
	header.active .brgr .line:first-child {
	    width: 100%;
	    top: 11px;
	    transform: rotateZ(-45deg);
	}
	header .brgr .line:last-child {
	    bottom: 0;
	    margin: 0;
	    transform: rotateZ(0deg);
	}
	header.active .brgr .line:last-child {
	    width: 100%;
	    bottom: 11px;
	    transform: rotateZ(45deg);
	}
	.overlay {
		position: fixed;
		top: -100%;
		left: -100%;
		right: -100%;
		bottom: -100%;
		margin: auto auto;
		background: #000;
		cursor: pointer;
		opacity: 0;
		visibility: hidden;
		z-index: 1;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-ms-transition: 0.5s ease;
		-o-transition: 0.5s ease;
	}
	.overlay.active {
		opacity: 0.7;
		visibility: visible;
	}
	.s1 {
		min-height: inherit;
		padding: 0;
	}
	.s1 h1 {
		font-size: 60px;
	}
	.s1 .circles {
    	padding: 15px 10px 20px;
	}
	.s2,
	.s2.white {
		height: auto;
	}
	.s2.white {
		padding-bottom: 0;
	}
	.decor-plus.bl {
	    bottom: 0;
	}
	.decor-plus.br {
	    bottom: 0;
	}
	.s2 .content {
		height: auto;
	}
	.s2 .tab-box {
		position: relative;
	    left: 0;
	    right: 0;
		opacity: 1;
		visibility: visible;
		display: none;
	}
	.s2 .tab-box.active {
		display: block;
	}
	.s2 .inner-box {
		max-width: inherit;
		transform: scale(1) translateX(0);
		opacity: 1;
	}
	.s2 .inner-box:before {
		display: none;
	}
	.s2 .img {
		position: relative;
		left: 0;
		bottom: 0;
    	overflow: auto;
		z-index: 0;
	}
	.s2 .img img {
		position: relative;
		display: block;
		margin: 20px auto 0;
		width: 100%;
	    max-width: 500px;
		transform: scale(1) translateX(0);
		opacity: 1;
	}
	.s2.white .white {
	    top: 0;
	}
	.s2.white .img img {
		max-width: 300%;
	}
	.s2.white .white .img {
    	margin: 0 -10px;
    	top: 0;
	}
	.s3 .inner-box {
		width: 100%;
	}
    .s4 {
    	height: auto;
		min-height: inherit;
    }
	.s4 .inner-box {
		width: 100%;
		position: relative;
		padding: 20px 10px;
	}
	.s4 .inner-box:last-child {
		padding: 20px 10px;
	    min-height: 400px;
	}
	.s4 .inner-box:last-child p {
	    max-width: 640px;
	}
	.s4 .bg-img {
		width: auto;
		left: -10px;
		right: -10px;
		background-position: center center;
	}
	.s6 {
		height: auto;
		min-height: inherit;
    	padding: 50px 0;
	}
}
@media (max-width: 950px) {
	footer {
		margin: 0;
	}
	.footer-block {
		position: relative;
		padding-top: 0;
		z-index: 0;
	}
	.footer-block .content {
		height: auto;
	}
	.footer-block .inner-box {
		position: relative;
		width: 50%;
	}
	.footer-block .inner-box:first-child:before {
		width: 100%;
	}
	#map {
		position: relative;
		width: 100%;
		height: 400px;
	}
	.s1 {
    	padding: 50px 0 50px;
    }
	.s2 h2,
	.s3 h2,
	.s4 .inner-box h2 {
    	font-size: 26px;
    }
	.s2.white .white .img #anim {
		width: 400%;
	}
	.decor-plus.bl {
	    bottom: 50px;
	}
	.decor-plus.br {
	    bottom: 50px;
	}
}
@media (max-width: 768px) {
	.preloader {
		background-size: 160%;
	}
	.footer-block .inner-box {
	    width: 100%;
	}
	.s1 {
		min-height: inherit;
	    background-position: 20% 0;
	}
	.s1 h1 {
    	font-size: 40px;
    }
    .s2 {
	    padding: 100px 0;
	}
	.s2.white .white .img #anim {
	    width: 500%;
	}
	.decor-plus.tl {
		top: -80px;
	}
	.decor-plus.tr {
		top: -80px;
	}
	.s3 .inner h3 {
    	font-size: 22px;
    }
	.s4 .clmn {
		width: 100%;
	}
	.s4 .inner-box h3 {
    	font-size: 26px;
    }
	.s6 {
    	padding: 50px 0;
    	background-position: top left;
    }
	.s6 h2 {
	    font-size: 37px;
	}
}
@media (max-width: 380px) {
	.s1 h1 {
	    font-size: 30px;
	    line-height: 1;
	}
	.decor-plus.bl {
	    bottom: 30px;
	}
	.decor-plus.br {
	    bottom: 30px;
	}
}