@media screen and (max-width:1400px) {
	.search {
		width:600px;
		}
.mainphone {margin:0 0 40px;font-size:3rem;line-height:2rem;}
.mainphone span {font-size:1.2rem;}
.slider-cube .title {
	font-size:70px;
	letter-spacing:3px;
	}
.slider-cube .text {
	margin:40px auto;
	width:80%;
	font-size:24px;
	line-height:30px;
	}
.slider-cube {
	perspective:1500px;
	width:calc(100% - 230px);
	margin:50px 0 0 230px;
	height:600px;
	}
#cube {transform:translateZ(-300px);}
#cube .front {transform:rotateY(0deg) translateZ(300px);}
#cube .back {transform:rotateX(180deg) translateZ(300px);}
#cube .top {transform:rotateX(90deg) translateZ(300px);}
#cube .bottom {transform:rotateX(-90deg) translateZ(300px);}
#cube.show-front {transform:translateZ(-300px) rotateY(360deg);}
#cube.show-top {transform:translateZ(-300px) rotateX(90deg);}
#cube.show-back {transform:translateZ(-300px) rotateX(180deg);}
#cube.show-bottom {transform:translateZ(-300px) rotateX(270deg);}
.slider-link {font-size:16px;letter-spacing:4px;}
.slider-link a {padding:25px 30px;}

/* ------------------------------------- BASIC ------------------------------------- */
.left {width:305px;padding:0;}
.right {width:305px;padding:0;}
article p.border {width:395px;padding:0 50px;}
article p.white {padding:40px;width:calc(100% - 80px);}
.a-left {width:calc(50% - 25px);font-size:1.4rem;letter-spacing:1.5px;}
	.a-left span {font-size:5rem;line-height:4.6rem;}
.a-right {width:calc(50% - 25px);font-size:1.8rem;line-height:2.6rem;}
article #phones {margin:0 0 40px 0;}
article .phone {margin:0 0 40px 0;}
article .phone h5 {margin:0 auto 15px auto;padding:0 0 40px 0;}
/* ------------------------------------- ASIDE ------------------------------------- */
aside {width:240px;}
.wrapper-logotipe {height:180px;}
.wrapper-logotipe #logotipe {background:url(images/logotipe-medium-v.png) center no-repeat;}
.wrapper-logotipe #logotipe a {width:84px;height:100px;}
.contacts-bottom {bottom:40px;width:240px;font-size:1.2rem;}
/* ----- NAVIGATION ----- */
nav ul {font-size:1rem;line-height:4rem;}
nav ul li a {padding:0 0 0 35px;}

.nav3d.menu-link{
	margin:20px 20px 0 20px;
}
.nav3d.menu-link a {
	display:block;
	width:100%;
	font-size:1.1rem;
	letter-spacing:2px;
	line-height: 5rem;
}
.nav3d.menu-link a span{
	padding:0;
	display:block;
}

/* ------------------------------------- TOP MENU ------------------------------------- */
.wrapper-top-box {left:240px;width:calc(100% - 240px);}
.wrapper-menu-top {width:300px;}
/* ------------------------------------- SLIDER ------------------------------------- */
.slider {margin:50px 0 0 240px;}
.slider-info {top:25%;}
.slider-info #title {font-size:5rem;}
.slider-info p {width:660px;margin:40px auto;font-size:2.2rem;line-height:3rem;}
/* ----- LINK OF SLIDER ----- */
.svgwoosh .woosh {max-width:250px;font-size:1.4rem;line-height:7rem;}
.svgwoosh .woosh svg {height:70px;}
.svgwoosh .woosh rect {stroke-dasharray:678,0;}
.svgwoosh .woosh:hover rect {stroke-dasharray:40,638;stroke-dashoffset:251;}
/* ------------------------------------- ARTICLE ------------------------------------- */
.wrapper-article {margin:0 0 0 240px;background:url(images/background500.png) top center repeat-y;}
article {width:660px;}
article p {width:500px;margin:0 auto 40px auto;}
article h1 {margin:75px 0;font-size:4.6rem;line-height:5.2rem;}
article h2 {font-size:2.6rem;}
	article h2 span {font-size:1.6rem;}
article h3 {margin:0 0 50px 0;font-size:2rem;line-height:2.8rem;letter-spacing:1px;}
article h5 {line-height:2.4rem;letter-spacing:2px;}
article h6 {width:445px;}
article .link {padding:15px 30px;font-size:1rem;letter-spacing:3px;}
.link:hover {box-shadow:inset 180px 0 0 0 #0619c9;}
/* ----- MAP OF RUSSIA ----- */
.russia-wrapper #customer {right:5%;top:38%;font-size:2rem;line-height:2.4rem;}
.russia-wrapper #customer span {font-size:3.2rem;}
/* ----- FIGURE & FIGURATION ----- */
figure {margin:40px 0;width:660px;}
figure:before {top:20px;right:20px;bottom:20px;left:20px;}
figure .img-container {width:350px;height:230px;}
figcaption {left:250px;}
figcaption p {width:360px;font-size:1.6rem;line-height:2.2rem;}
/* ------------------------------------- FOOTER ------------------------------------- */
footer {width:calc(100% - 240px);margin:0 0 0 240px;padding:70px 0 65px 0;}
footer .footer-wrapper {width:660px;}
footer .footer-contact strong {font-size:2.6rem;letter-spacing:2px;}
footer .footer-contact p {font-size:1.2rem;margin:25px 0 0 0;}
footer .copyright {padding:40px 0 0 0;margin:40px 0 0 0;}
	footer .copyright strong {letter-spacing:0px;}
footer .komissarov strong {letter-spacing:1px;}
}

@media screen and (max-width:991px) {
.slider-cube {width:100%;margin:50px 0 0 0;}
/* ------------------------------------- BASIC ------------------------------------- */
.left, .right {width:275px;}
article p.border {width:415px;padding:0 40px;}
article p.white {padding:30px;width:calc(100% - 60px);}
.a-left {font-size:1.2rem;letter-spacing:0.5px;}
	.a-left span {font-size:4rem;line-height:3.8rem;}
.a-right {font-size:1.6rem;line-height:2.2rem;}
article .col4 {width:50%;margin:0 0 20px 0;}
article .phone h5 {font-size:1.4rem;line-height:2.4rem;letter-spacing:2px;}
article .phone {margin:0 0 20px 0;}
/* ------------------------------------- ASIDE ------------------------------------- */
aside {position:relative;left:0;top:50px;width:100%;height:auto;}
.header-wrapper {width:600px;margin:0 auto;overflow:hidden;}
.wrapper-logotipe {display:block;float:left;width:auto;height:63px;padding:30px 0;border-bottom:0;}
.wrapper-logotipe #logotipe {background:url(images/logotipe.png) center no-repeat;}
.wrapper-logotipe #logotipe a {width:200px;height:63px;}
.header-wrapper .contacts-bottom {display:none;}
.contacts-bottom p {margin:0 50px 0 0;}
/* ----- NAVIGATION ----- */
.showing {max-height:480px;}
.handle {display:block;cursor:pointer;float:right;}
#toggle {width:30px;height:25px;padding:44px 0 0 0;}
#toggle div {width:100%;height:5px;background:#1f1f1f;margin:5px auto;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;backface-visibility:hidden;}
#toggle:hover div {background:#ff000a;}
#toggle.on .one {transform:rotate(45deg) translate(5px, 5px);}
#toggle.on .two {opacity:0;}
#toggle.on .three {transform:rotate(-45deg) translate(9px, -9px);}
nav {height:auto;}
.nav3d.menu-link{
	margin:0;
}
.nav3d.menu-link a span{
	background:#0619c9;
	webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;
	webkit-transition:all 0 ease-in-out;
	-moz-transition:all 0 ease-in-out;
	-o-transition:all 0 ease-in-out; 
	-ms-transition:all 0 ease-in-out; 
	transition:all 0 ease-in-out;
}
.nav3d.menu-link a:hover span, .nav3d.menu-link a:focus span {transform:none;}
nav div{
	max-height:0;
	background:#1f1f1f;
	overflow:hidden;
	-webkit-transition:max-height 0.5s ease-in-out;
	-moz-transition:max-height 0.5s ease-in-out;
	-ms-transition:max-height 0.5s ease-in-out;
	-o-transition:max-height 0.5s ease-in-out;
	transition:max-height 0.5s ease-in-out;
}
nav ul {
	width:100%;
	border-top:0;
	font-size:1.2rem;
	line-height:5rem;
	letter-spacing:3px;
	color:#dbdbdc;
	
	}
nav ul li{width:100%;text-align:center;}
nav ul li a {padding:0;color:#dbdbdc;border-bottom:1px solid #2b2b2b;}
	nav ul li a:hover {color:#ff000a;}
nav ul li a.nav-active{color:#ff000a;}
/* ------------------------------------- TOP MENU ------------------------------------- */
.wrapper-top-box {left:0;width:100%;z-index:999;}
.wrapper-menu-top {width:275px;}
/* ------------------------------------- SLIDER ------------------------------------- */
.slider {margin:50px 0 0 0;height:450px;}
.slider-info {top:14%;}
.slider-info #title {font-size:4rem;}
.slider-info p {width:600px;font-size:2rem;line-height:2.6rem;}
/* ----- LINK OF SLIDER ----- */
.svgwoosh .woosh {max-width:200px;font-size:1.2rem;line-height:6rem;}
.svgwoosh .woosh svg {height:60px;}
.svgwoosh .woosh rect {stroke-dasharray:558,0;}
.svgwoosh .woosh:hover rect {stroke-dasharray:40,518;stroke-dashoffset:215;}
/* ------------------------------------- ARTICLE ------------------------------------- */
.wrapper-article {margin:0;background:url(images/background500.png) top center repeat-y;}
article {width:600px;padding:50px 0;}
article h1 {font-size:4rem;line-height:4.6rem;}
article h2 {margin:0 0 40px 0;padding:0 0 20px 0;font-size:2.4rem;line-height:2.6rem;}
	article h2 span {font-size:1.4rem;line-height:1.4rem;}
article h4 {margin:0 0 40px 0;width:100%;font-size:1.6rem;line-height:2.2rem;}
article h6 {width:305px;margin:0 auto 40px auto;padding:25px;font-size:1.4rem;line-height:2rem;}
/* ----- 3D LINK ----- */
.nav3d a {
	-webkit-perspective:1500px;
	-moz-perspective:1500px;
	-ms-perspective:1500px;
	-o-perspective:1500px;
	perspective:1500px;
	font-size:1rem;
	line-height:5rem;
	letter-spacing:4px;
	}
.nav3d a span {padding:0 25px;}
/* ----- FIGURE & FIGURATION ----- */
figure {width:600px;}
figure .img-container {width:300px;height:200px;}
figcaption {top:25%;left:250px;}
figcaption p {width:300px;font-size:1.6rem;line-height:2.2rem;}
/* ------------------------------------- PAGE NAVIGATION ------------------------------------- */
.page-navigation {margin:40px 0 0 0;font-size:1.2rem;}
.page-navigation span {width:18px;font-size:1.4rem;}
.page-navigation #weight-text {font-size:1.2rem;}
/* ------------------------------------- FOOTER ------------------------------------- */
footer {width:100%;margin:0;}
footer .footer-wrapper {width:600px;}
}

@media screen and (max-width:640px) {
.mainphone {margin:0 0 30px;font-size:2.4rem;line-height:2rem;}
.slider-cube .title {font-size:50px;letter-spacing:1px;}
.slider-cube .text {margin:30px auto;font-size:20px;line-height:20px;}
.slider-cube {height:500px;margin:40px 0 0 0;}
#cube {transform:translateZ(-250px);}
#cube .front {transform:rotateY(0deg) translateZ(250px);}
#cube .back {transform:rotateX(180deg) translateZ(250px);}
#cube .top {transform:rotateX(90deg) translateZ(250px);}
#cube .bottom {transform:rotateX(-90deg) translateZ(250px);}
#cube.show-front {transform:translateZ(-250px) rotateY(360deg);}
#cube.show-top {transform:translateZ(-250px) rotateX(90deg);}
#cube.show-back {transform:translateZ(-250px) rotateX(180deg);}
#cube.show-bottom {transform:translateZ(-250px) rotateX(270deg);}
.slider-link {font-size:14px;letter-spacing:3px;}
.slider-link a {padding:20px 25px;}
/* ------------------------------------- BASIC ------------------------------------- */
.left, .right {width:360px;clear:both;float:none;margin:0 auto 50px auto;}
article p.border {width:330px;padding:0 0 0 25px;}
article p.white {padding:25px;width:calc(100% - 50px);}
.a-left {float:none;width:100%;padding:0;text-align:center;font-size:1.4rem;letter-spacing:1.5px;}
	.a-left span {font-size:5rem;line-height:4.6rem;}
.a-right {float:none;width:80%;margin:0 auto;padding:20px 0 0 0;text-align:center;font-size:1.6rem;line-height:2.4rem;}
.a-left p, .a-right p {width:auto;margin:0;}
.bbottom {font-size:1.4rem;line-height:1.6rem;letter-spacing:5px;}
article #phones br {display:block;}
/* ------------------------------------- ASIDE ------------------------------------- */
aside {top:40px;}
.header-wrapper {width:calc(100% - 50px);padding:0 25px;}
.wrapper-logotipe {height:50px;padding:25px 0 15px 0;}
.wrapper-logotipe #logotipe {background:url(images/logotipe-medium.png) center no-repeat;}
.wrapper-logotipe #logotipe a {width:160px;height:49px;}
.contacts-bottom p {margin:0 25px 0 0;}
/* ----- NAVIGATION ----- */

#toggle {width:30px;height:25px;padding:33px 0 0 0;}
nav ul {font-size:1rem;line-height:4rem;letter-spacing:2px;}
/* ------------------------------------- TOP MENU ------------------------------------- */
.wrapper-menu-top {
	width:100%;
	font-size:1.1rem;
	line-height:4rem;
	}
.search {width:calc(100% - 50px);}
/* ------------------------------------- SLIDER ------------------------------------- */
.slider {margin:40px 0 0 0;height:350px;}
.slider-info {top:16%;}
.slider-info #title {font-size:2.6rem;letter-spacing:2px;}
.slider-info p {width:calc(100% - 50px);margin:25px auto;padding:0 25px;font-size:1.6rem;line-height:2.2rem;}
/* ----- LINK OF SLIDER ----- */
.svgwoosh .woosh {max-width:170px;font-size:1rem;line-height:5rem;}
.svgwoosh .woosh svg {height:50px;}
.svgwoosh .woosh rect {stroke-dasharray:478,0;}
.svgwoosh .woosh:hover rect {stroke-dasharray:40,438;stroke-dashoffset:190;}
/* ------------------------------------- ARTICLE ------------------------------------- */
.wrapper-article {background:url(images/background360.png) top center repeat-y;}
article {width:calc(100% - 50px);padding:40px 25px;}
article p {width:360px;}
article h1 {font-size:3.6rem;line-height:4.2rem;}
article h2 {font-size:2.2rem;line-height:2.4rem;letter-spacing:0px;}
article h3 {margin:0 0 40px 0;font-size:1.8rem;line-height:2.4rem;}
article h4 {margin:0 0 40px 40px;width:calc(100% - 40px);font-size:1.4rem;line-height:1.8rem;}
article h5 {padding:40px 0 55px 0;background:url(images/h3-40.png) bottom no-repeat;font-size:1.4rem;line-height:2.4rem;letter-spacing:0px;}
article h6 {width:calc(100% - 50px);padding:15px 25px;}
/* ----- 3D LINK ----- */
.nav3d {text-align:center;}
/* ----- MAP OF RUSSIA ----- */
.russia-wrapper #customer {background:none;top:36%;}
.russia-wrapper #customer span {font-size:2.6rem;}
/* ----- FIGURE & FIGURATION ----- */
figure {width:100%;}
figure .img-container {opacity:0.7;width:100%;height:250px;}
figcaption {top:33%;left:0;}
figcaption p {margin:0 0 0 50px;width:350px;text-align:center;font-size:1.4rem;line-height:2rem;}
/* ------------------------------------- FOOTER ------------------------------------- */
footer {padding:60px 0 55px 0;}
footer .footer-wrapper {width:100%;}
footer .footer-contact strong {font-size:1.8rem;letter-spacing:1px;}
	footer .footer-contact p {margin:25px 10px 0 10px;}
footer .copyright {padding:30px 0 0 0;margin:30px 0 0 0;}
	footer .copyright p {margin:10px 10px 0 10px;line-height:1.2rem;}
	footer .copyright strong {letter-spacing:0px;}

	.contacts-phones{
		flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin-bottom: 3rem;
	}
	.contacts-phones > a{
		margin-bottom: 1rem;
	}
}

@media screen and (max-width:480px) {
.slider-cube {height:300px;}
.slider-cube .title {font-size:40px;}
.slider-cube .text {margin:30px auto;font-size:14px;line-height:16px;}
#cube {transform:translateZ(-150px);}
#cube .front {transform:rotateY(0deg) translateZ(150px);}
#cube .back {transform:rotateX(180deg) translateZ(150px);}
#cube .top {transform:rotateX(90deg) translateZ(150px);}
#cube .bottom {transform:rotateX(-90deg) translateZ(150px);}
#cube.show-front {transform:translateZ(-150px) rotateY(360deg);}
#cube.show-top {transform:translateZ(-150px) rotateX(90deg);}
#cube.show-back {transform:translateZ(-150px) rotateX(180deg);}
#cube.show-bottom {transform:translateZ(-150px) rotateX(270deg);}
/* ------------------------------------- BASIC ------------------------------------- */
.left, .right {width:100%;margin:0 auto 30px auto;}
article p.border {width:calc(100% - 25px);padding:0 0 0 25px;}

article .col4 {width:100%;}
/* ------------------------------------- ASIDE ------------------------------------- */
.header-wrapper .contacts-bottom {display:none;}
/* ------------------------------------- SLIDER ------------------------------------- */
.slider {height:300px;}
.slider-info {top:15%;}
.slider-info #title {font-size:2.2rem;letter-spacing:0;}
.slider-info p {width:calc(100% - 50px);margin:20px auto;padding:0 25px;font-size:1.4rem;line-height:1.8rem;}
/* ----- LINK OF SLIDER ----- */
.svgwoosh .woosh {max-width:170px;font-size:1rem;line-height:5rem;}
.svgwoosh .woosh svg {height:50px;}
.svgwoosh .woosh rect {stroke-width:6;}
.svgwoosh .woosh:hover rect {stroke-width:6;}
/* ------------------------------------- ARTICLE ------------------------------------- */
.wrapper-article {background:url(images/background260.png) top center repeat-y;}
article p {width:100%;margin:0 0 30px;font-size:1.2rem;line-height:1.8rem;}
article h1 {margin:50px 0;font-size:3rem;line-height:3.4rem;}
article h2 {padding:0 0 20px 0;font-size:2rem;line-height:2.2rem;}
article h5 {font-size:1.2rem;line-height:1.8rem;}
/* ----- LINK MAIL ----- */
article .mail {font-size:1.2rem;}
article .mail a {background:url(images/mail-small.png) top center no-repeat;padding:20px 0 0 0;}
article .mail a:hover {background:url(images/mail-small-hover.png) top center no-repeat;}
/* ----- MAP OF RUSSIA ----- */
.russia-wrapper #customer {background:none;right:0%;font-size:1.4rem;line-height:1.6rem;}
.russia-wrapper #customer span {font-size:2.2rem;}
/* ----- FIGURE & FIGURATION ----- */
figure {width:100%;}
figure .img-container {opacity:0.7;width:100%;height:250px;}
figcaption {top:33%;left:0;}
figcaption p {margin:0 0 0 50px;width:350px;text-align:center;font-size:1.4rem;line-height:2rem;}
/* ----- NUMBERS OF MAP ----- */
.wrapper-map {
	padding:10px 0 0 0;
	width:100%;
	height:192px;
	background:url(images/map.png) top center no-repeat;
	text-align:center;
	}
	.wrapper-map p {font-size:1.2rem;line-height:1.2rem;}
	.wrapper-map #left {float:none;}
		.wrapper-map #left p:nth-child(1) {letter-spacing:7.5px;}
		.wrapper-map #left p:nth-child(3) {letter-spacing:1.5px;}
	.wrapper-map #right {float:none;margin:21px 0 0 0;}
		.wrapper-map #right p:nth-child(1) {line-height:1.6rem;}
.wrapper-map .number {font-size:6rem;line-height:6rem;}
.wrapper-map .red {
	font-size:4rem;
	line-height:4rem;
	color:#ff000a;
	}
/* ------------------------------------- LINK TOP ------------------------------------- */
.top-wrapper {margin:50px auto 0 auto;width:45px;font-size:28px;}
.top-wrapper #link {border:3px solid #999;padding:3px 13px;}
	.top-wrapper #link:hover {box-shadow:inset 0 -50px 0 0 #999;}
/* ------------------------------------- PAGE NAVIGATION ------------------------------------- */
.page-navigation {margin:30px 0 0 0;}
.page-navigation a {width:27px;height:25px;margin:0 1px 3px 0;line-height:2.9rem;}
	.page-navigation a:hover {box-shadow:inset 30px 0 0 0 #eaeaea;}
.page-navigation span {width:13px;height:29px;margin:0 1px 3px 0;line-height:2.9rem;}
/* ------------------------------------- FOOTER ------------------------------------- */
footer .footer-contact p {margin:15px 10px 0 10px;font-size:1.1rem;}
footer .copyright strong {font-size:1.1rem;}
footer .copyright p {margin:10px 10px 0 10px;font-size:0.7rem;line-height:1rem;}
footer .komissarov font {display:none;}
footer .komissarov strong {letter-spacing:0px;}
.cont-mail{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.cont-mail > a{
	margin: 0.5rem 0;
}
address > p{
	font-size:18px;
	line-height: 24px;
}
}

@media screen and (max-width:320px) {
.slider-cube .title {font-size:30px;}
/* ------------------------------------- ASIDE ------------------------------------- */
.wrapper-logotipe #logotipe {background:url(images/logotipe-small.png) center no-repeat;}
.wrapper-logotipe #logotipe a {width:63px;height:49px;}
/* ------------------------------------- SLIDER ------------------------------------- */
.slider-info {top:12%;}
/* ------------------------------------- ARTICLE ------------------------------------- */
.wrapper-article {background:url(images/background200.png) top center repeat-y;}
article {min-height:auto;}
article h4 {margin:0 0 30px 25px;width:calc(100% - 25px);font-size:1.2rem;line-height:1.6rem;}
article h6 {width:calc(100% - 50px);padding:15px 25px;font-size:1.2rem;line-height:1.6rem;}
/* ----- MAP OF RUSSIA ----- */
.russia-wrapper #customer {top:30%;font-size:1.2rem;line-height:1.4rem;}
.russia-wrapper #customer span {font-size:2rem;}
/* ----- FIGURE & FIGURATION ----- */
figcaption {top:26%;}
figcaption p {width:70%;}
/* ------------------------------------- FOOTER ------------------------------------- */
footer .footer-contact strong {letter-spacing:0;}
}