/*
@media (max-width: 2539px) and (min-width: 1900px) {}

@media (min-width: 1900px) {}

@media (max-width: 1899px) and (min-width: 1346px) {}

@media (min-width: 1346px) {}

@media (max-width: 1899px) {}

@media (max-width: 1345px) and (min-width: 700px) {}

@media (min-width: 700px) {}

@media (max-width: 1345px) {}

@media (max-width: 699px) {}
*/

html, body {
    position: relative;
    height: 100%;
    color: #fff;
    /*min-height: 720px;*/
}


#header {
	position: fixed;
	left: 0;
	right: 0;
	top: 80px;
	z-index: 2;
}

#menu {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: #ebebeb;*/
	z-index: 1;
	max-width: 250px;
}

@media (max-width: 1300px) {
	#menu {
		max-width: 230px;
	}
}

#footer {
	position: fixed;
	bottom: 80px;
	left: 0;
	right: 0;
	z-index: 1;
}

.align-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	/*top: 0;*/
	/*bottom: 0;*/
	right: 0;
	left: 0;
	height: 100%;
}

.left-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #fff;
	height: 460px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-weight: 500;
}

.left-menu a {
	color: inherit;
}

body[class^='fp-viewing-'] {
	background-position: right;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-size: cover;
	background-color: #0f0f0f;
	transition: background-image 500ms;
}

.fp-viewing-home 							{ background-image: url(../images/backgrounds/home.jpg); }
.fp-viewing-gas_analysis 					{ background-image: url(../images/backgrounds/gas_analysis.jpg); }
.fp-viewing-metallurgy 						{ background-image: url(../images/backgrounds/metallurgy.jpg); }
.fp-viewing-measurement_instrumentation 	{ background-image: url(../images/backgrounds/measurement_instrumentation.jpg); }
.fp-viewing-ophthalmology 					{ background-image: url(../images/backgrounds/ophthalmology.jpg); }
.fp-viewing-endoscope 						{ background-image: url(../images/backgrounds/endoscope.jpg); }
.fp-viewing-sushirobot 						{ background-image: url(../images/backgrounds/sushirobot.jpg); }
.fp-viewing-engravers 						{ background-image: url(../images/backgrounds/engravers.jpg); }
.fp-viewing-medical_curtains 				{ background-image: url(../images/backgrounds/medical_curtains.jpg); }
.fp-viewing-tooling 						{ background-image: url(../images/backgrounds/tooling.jpg); }
.fp-viewing-contacts 						{ background-image: url(../images/backgrounds/contacts.jpg); }

.section p {
	font-weight: 200;
	margin: 30px 0;
}

.section p:last-child {
	margin-bottom: 0;
}


#footer {
	font-weight: 200;
	font-size: 20px;
	color: #9a9a9a;
}

.flex-center {
	display: flex;
	align-items: center;
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li {
	position: relative;
}

.menu li a {
	transition: all 250ms;
}

.menu li a:hover,
.menu li a:focus {
	text-decoration: none;
}

.menu li:before {
	content: '';
	position: absolute;
	left: -100px;
	top: 13px;
	width: 13px;
	height: 4px;
	background: #636363;
	transition: all 250ms;
}

.menu li:hover:before {
	width: 69px;
}

.menu.menu-right li:before {
	left: auto;
	right: -100px;
}

.menu li.without-line:before {
	content: none;
}

.menu-right li {
	display: inline-block;
	margin-left: 30px;
}

.menu-right li a {
	color: #fff;
}

.menu li.active:before {
	width: 69px;
}


.menu li[data-menuanchor="home"].active:before 							{ background: 	#1557d9; }
.menu li[data-menuanchor="home"].active a 								{ color: 		#1557d9; }

.menu li[data-menuanchor="gas_analysis"].active:before 					{ background: 	#ff373c; }
.menu li[data-menuanchor="gas_analysis"].active a 						{ color: 		#ff373c; }

.menu li[data-menuanchor="metallurgy"].active:before 					{ background: 	#0498d4; }
.menu li[data-menuanchor="metallurgy"].active a 						{ color: 		#0498d4; }

.menu li[data-menuanchor="measurement_instrumentation"].active:before 	{ background: 	#14bd70; }
.menu li[data-menuanchor="measurement_instrumentation"].active a 		{ color: 		#14bd70; }

.menu li[data-menuanchor="ophthalmology"].active:before 				{ background: 	#0393dc; }
.menu li[data-menuanchor="ophthalmology"].active a 						{ color: 		#0393dc; }

.menu li[data-menuanchor="endoscope"].active:before 					{ background: 	#ffdfca; }
.menu li[data-menuanchor="endoscope"].active a 							{ color: 		#ffdfca; }

.menu li[data-menuanchor="sushirobot"].active:before 					{ background: 	#0876ff; }
.menu li[data-menuanchor="sushirobot"].active a 						{ color: 		#0876ff; }

.menu li[data-menuanchor="engravers"].active:before 					{ background: 	#00cc51; }
.menu li[data-menuanchor="engravers"].active a 							{ color: 		#00cc51; }

.menu li[data-menuanchor="medical_curtains"].active:before 				{ background: 	#f9d9ac; }
.menu li[data-menuanchor="medical_curtains"].active a 					{ color: 		#f9d9ac; }

.menu li[data-menuanchor="tooling"].active:before 						{ background: 	#e61e27; }
.menu li[data-menuanchor="tooling"].active a 							{ color: 		#e61e27; }


.menu li[data-menuanchor="contacts"].active:before 						{ background: 	#1557d9; }
.menu li[data-menuanchor="contacts"].active a 							{ color: 		#1557d9; }

#bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .6;
	z-index: -1;
}

a { 
	color: #fff;
}

a:hover {
	color: #fefefe;
	text-decoration: none;
}

.btn {
	border-radius: 0;
	font-size: 20px;
	color: #fff;
	background: gray;
	border: 0;
	white-space: nowrap;
	padding: 15px 30px;
	line-height: 1;
	transition: background 250ms;
}
.btn:focus,
.btn:focus:hover,
.btn:hover {
	color: #fff;
}

.btn .sprite {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 20px;
}

.btn.btn-red			{ background: #ff373c; }
.btn.btn-red:hover		{ background: #ff444a; }
.btn.btn-red2			{ background: #e61e27; }
.btn.btn-red2:hover		{ background: #ff373c; }
.btn.btn-yellow			{ background: #fdb910; }
.btn.btn-yellow:hover	{ background: #ffc51d; }
.btn.btn-green			{ background: #14bd70; }
.btn.btn-green:hover	{ background: #1bcd81; }
.btn.btn-blue			{ background: #0393dc; }
.btn.btn-blue:hover		{ background: #06aaee; }
.btn.btn-blue2			{ background: #0876ff; }
.btn.btn-blue2:hover	{ background: #118bff; }
.btn.btn-blue3			{ background: #0498d4; }
.btn.btn-blue3:hover	{ background: #0498d4; }
.btn.btn-green2			{ background: #00cc51; }
.btn.btn-green2			{ background: #00d861; }
.btn.btn-gray			{ background: #ffdfca; color: #000; }
.btn.btn-gray:hover		{ background: #ffe8d2; color: #000;} 
.btn.btn-gray2			{ background: #f9d9ac; color: #000; }
.btn.btn-gray2:hover	{ background: #ffe8d2; color: #000;}
.btn-gray .sprite.arrow { background-position: -135px -55px; }
.btn-gray2 .sprite.arrow { background-position: -135px -55px; }

.download {
	white-space: nowrap;
	line-height: 1;
}

.download:focus {
	text-decoration: none;
	color: inherit;
}

.download span {
	display: inline-block;
	vertical-align: middle;
}

.download span + span {
	margin-left: 20px;
}

img {
	max-width: 100%;
}

.mobile-menu {
	list-style: none;
	margin: 25px 0;
	padding: 0 0;
	text-align: center;
	line-height: 1;
}

.mobile-menu li {
	font-size: 22px;
	font-weight: 500;
	padding: 15px 0;
}

.mobile-menu a:hover,
.mobile-menu a:focus {
	color: inherit;
	text-decoration: none;
	outline: none;
}

.mobile-text {
	font-weight: 200;
}

.mobile-logo {
	margin: 40px 0 15px;
}

.mobile-title {
	font-size: 30px;
	font-weight: 500;
	margin: 30px 0;
	line-height: 1;
}

.modal-logo {
	margin: 0 0 40px;
}

.fancybox-container #modal_gas_analysis					{ background-image: url(../images/bg_mobile/modal_gas_analysis.jpg); }
.fancybox-container #modal_metallurgy					{ background-image: url(../images/bg_mobile/modal_metallurgy.jpg); }
.fancybox-container #modal_measurement_instrumentation	{ background-image: url(../images/bg_mobile/modal_measurement_instrumentation.jpg); }
.fancybox-container #modal_ophthalmology				{ background-image: url(../images/bg_mobile/modal_ophthalmology.jpg); }
.fancybox-container #modal_endoscope					{ background-image: url(../images/bg_mobile/modal_endoscope.jpg); }
.fancybox-container #modal_sushirobot					{ background-image: url(../images/bg_mobile/modal_sushirobot.jpg); }
.fancybox-container #modal_engravers					{ background-image: url(../images/bg_mobile/modal_engravers.jpg); }
.fancybox-container #modal_medical_curtains				{ background-image: url(../images/bg_mobile/modal_medical_curtains.jpg); }
.fancybox-container #modal_tooling						{ background-image: url(../images/bg_mobile/modal_tooling.jpg); }
.fancybox-container #modal_contacts						{ background-image: url(../images/bg_mobile/modal_contacts.jpg); }

.fancybox-container [id^="modal_"] {
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0 50px 30px;
}

.crutch-visible {
	display: none;
}

@media (max-width: 930px) and (min-width: 700px) {
	.crutch-col {
		width: 100%;
		margin-left: 35%;
	}

	.crutch-pic {
		width: 50%;
	}

	.crutch-visible {
		display: block;
	}

	.crutch-hidden {
		display: none;
	}

	.crutch-right {
		float: right;
	}

	.crutch-left {
		float: left;
	}

	.modal-logo {
		margin-bottom: 15px;
	}

	.section p {
		margin: 15px 0;
	}

	.btn {
		padding: 10px 20px;
	}
}


@media (max-height: 670px) {
	#header {
		top: 20px;
	}
	#footer {
		bottom: 20px;
	}
}

.menu-right-item {
	display: none;
}

@media (max-width: 825px) {
	.menu-right {
		display: none;
	}

	.menu-right-item {
		display: block;
	}

	.left-menu {
		height: 420px !important;
	}
}

.social-list a {
	display: inline-block;
}

.dev-text {
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	font-size: 15px;
	color: #848484;
}

#music-icon {
	background: url(../images/music.svg) left center no-repeat;
    width: 30px;
    height: 30px;
    transition: all 250ms;
    background-size: contain;
    cursor: pointer;
}

#music-icon.muted {
	background-image: url(../images/music_mute.svg);
}

.left-menu {
	font-size: 24px;
}