@font-face {
	font-family: 'DINPro-Medium';	
	src: url('../fonts/dinpro-medium.eot') format('embedded-opentype'),
    	 url('../fonts/dinpro-medium.woff') format('woff'),
    	 url('../fonts/dinpro-medium.ttf') format('truetype'),
         url('../fonts/dinpro-medium.svg#DINPro-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @font-face {
	font-family: 'DINPro-Medium';
	src: url('../fonts/dinpro-medium.eot');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: 'DINPro-Regular';	
	src: url('../fonts/dinpro-regular.eot') format('embedded-opentype'),
    	 url('../fonts/dinpro-regular.woff') format('woff'),
    	 url('../fonts/dinpro-regular.ttf') format('truetype'),
         url('../fonts/dinpro-regular.svg#DINPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @font-face {
	font-family: 'DINPro-Regular';
	src: url('../fonts/dinpro-regular.eot');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: 'Fugue-Mono';	
	src: url('../fonts/fugue_mono.eot') format('embedded-opentype'),
    	 url('../fonts/fugue_mono.woff') format('woff'),
    	 url('../fonts/fugue_mono.ttf') format('truetype'),
         url('../fonts/fugue_mono.svg#Fugue-Mono') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @font-face {
	font-family: 'Fugue-Mono';
	src: url('../fonts/fugue_mono.eot');
	font-weight: normal;
	font-style: normal;
} */


@font-face {
  font-family:  'Fugue-Regular';
  src:          url('../fonts/fugue_regular.eot');
  src:          url('../fonts/fugue_regular.eot?#iefix') format('embedded-opentype'),
                url('../fonts/fugue_regular.woff') format('woff'),
				url('../fonts/fugue_regular.woff2') format('woff2'),
				url('../fonts/fugue_regular.ttf') format('truetype'),
				url('../fonts/fugue_regular.svg#Fugue-Regular') format('svg');
  font-weight:  normal;
  font-style:   normal;
  font-stretch: normal;
}

/* @font-face {
	font-family: 'Fugue-Regular';
	src: url('../fonts/fugue_regular.eot');
	font-weight: normal;
	font-style: normal;
} */


html{
	#font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
	}

body{
	margin:0
	}

html{
	width:100%;
	height:100%
	}

body,html{
	margin:0;
	padding:0;
	#font-weight:400;
	-webkit-font-smoothing:antialiased
	}

body{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	min-height:100vh;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	#font-family:"Helvetica Neue",Arial,sans-serif;
	#font-size:17px;
	line-height:24px;
	#color:#4d4d4d;
	color:#262626;
	background-color:#fff
	}

a{
	background-color:transparent
	}

a:active,a:hover{
	outline:0
	}
	
a,a:visited{
	color:inherit;
	text-decoration:none;
	transition:color .2s
	}
	
img,legend{
	border:0
	}

*,:after,:before{
	
	box-sizing:border-box;							/*портит клавиши аккордеона, padding-box или content-box не портит. отключено в css аккордеона */
	-webkit-tap-highlight-color:transparent;
	} 


	
	
	
@media (max-width:999px){
	body{
		overflow:visible!important
		}
	}
	
	
.layout{
	height:100vh;
	position:relative;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex; 					
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	}