/* Сброс */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
	blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
	article,aside,main,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
	script, style{display: none !important}
	td{border: 1px solid #333; padding: 3px 5px} .login_layout td{border: 0}
	strong{font-weight: 600} em{font-style: italic} p{line-height: 18px}
	:hover,:focus,:active{outline: none} ol,ul{list-style: none}
	table{border-collapse:collapse; border-spacing: 0}
	
/* Animate */	
	a,*:before,*:after, img, svg, button, input, textarea{transition-duration: .15s; transition-timing-function: linear}
	button, input, textarea{transition-property: border, background}
	a, *:before, *:after{transition-property: color, background}
	*:before, *:after{transition-property: height, width}
	svg{transition-property: fill, background}
	img{transition-property: width, height}
	svg{width: 20px; height: 20px;}
	
/* Links*/
	a{text-decoration: none; color: #222}
	a:hover{color: var(--clr-greenlight)}

/* Общие стили */
	body{
		color: #222;
		margin: 0 auto;
		line-height: 1;
		min-width: 300px;
		max-width: 1920px;
		font-weight: normal;
		font-family: 'Cambria';
		font-family: 'a';
		background-color: var(--clr-white);

		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	body[data-user="admin"], 
	body[data-user="admin"] p,
	body[data-user="admin"] li{
		-moz-user-select: initial;
		-webkit-user-select: initial;
		-ms-user-select: initial;
		-o-user-select: initial;
		user-select: initial
	}
	body.fix{
		overflow: hidden;
	}
	#main{
		margin-top: 30px;
		margin-bottom: 30px;
		min-height: calc(100vh - 442px);
	}

/* Заголовки */
	#main h1{
		font-size: 30px;
		padding-top: 15px;
		margin-bottom: 10px;
		font-family: 'u';
		font-weight: 500;
		border-top: 1px solid #dedede;
	}
	#main.home h2{
		font-size: 32px;
		margin-bottom: 30px;
		font-family: 'u';
	}


/* Формы, кнопки */
	input, textarea, button, select{
		font-family: 'a';
		margin-left: 0;
	}
	button{
		border: 0;
		cursor: pointer;
		box-shadow: none;
	}
	.btn{
		color: var(--clr-white);
		cursor: pointer;
		font-size: 14px;
    	font-size: 15px;
		font-weight: 600;
		border-radius: 3px;
		background-color: var(--clr-4);
		transition-duration: .15s;
		transition-timing-function: linear;
		box-shadow: 0px 3px 0px 0px var(--clr-5);
		transition-property: background-color, color, box-shadow;
	}
	.btn:hover{
		color: var(--clr-white);
		background-color: var(--clr-green);
		box-shadow: 0px 3px 0px 0px var(--clr-green);
	}
	
/* Скрол для webkit */
	::-webkit-scrollbar{
		width: 5px;
	}
	::-webkit-scrollbar-thumb{ 
		border-radius: 10px;
		background-color: #777;
	}
	::-webkit-scrollbar-track{
		background-color: #ddd;
	}
	::-webkit-scrollbar-track:hover{
		background-color: #bbb;
	}
	
/* Стили для изображений */
	img{max-width: 100%}
	
	.ob-cv img{object-fit: cover}
	.ob-cn img{object-fit: contain}
	.ob-cv img, .ob-cn img{width: 100%; height: 100%}
	
	.z-img, .d-img{overflow: hidden}
	.z-img img, .d-img img{transition: transform .2s linear; display: block}
	.z-img:hover img{transform: scale(1.05)}
	.d-img:hover img{transform: scale(0.95)}
	
/* Стили ддя полей 
	input::-webkit-input-placeholder{
		color: #d7b5b8;
	} 
	input::-moz-placeholder{
		color: #d7b5b8;
	}
*/

.clearfix:after{
	content: "";
	clear: both;
	display: table;
}