@font-face {
    font-family: 'Fors';
    src: local('TT Fors'), url('../fonts/fors/TT_Fors_Regular.woff2') format('woff2'), url('../fonts/fors/TT_Fors_Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Fors ExtraBold';
    src: local('TT Fors ExtraBold'), url('../fonts/fors/TT_Fors_ExtraBold.woff2') format('woff2'), url('../fonts/fors/TT_Fors_ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


body, html {
	background: #ffffff; 
	font-family: 'Fors';
	padding:0px; 
	margin:0 auto; 
	font-weight: 400; 
	font-style: normal; 
	color:#1A1A1A; 
	line-height:1.2; 
	
}

/* Базовые стили */

img {border:0px;}
a:link{
	color:#78039e;
	text-decoration:none;
	border-bottom:1px solid #78039e;
}
a:hover{
	color:#FFAE00;
	text-decoration:none;
	border-bottom:1px solid #FFAE00;
}
a:visited{
	color:#0537c8; 
	text-decoration:none;
	border-bottom:1px solid #0537c8;
}
a:visited:hover{
	color:#FFAE00; 
	text-decoration:none;
	border-bottom:1px solid #FFAE00;
}
h1 {
	font-size: 2em; 
	font-weight: 800; 
	margin: 0 0 1em 0;
	font-family: 'Fors ExtraBold';
}
h2 {
	font-size: 1.6em; 
	font-weight: 800; 
	margin: 1em 0 1em 0;
	font-family: 'Fors ExtraBold';
}
h3 {
	font-size: 1.2em; 
	font-weight: 800; 
	margin: 1em 0 1em 0;
	font-family: 'Fors ExtraBold';
}
h4 {
	font-size: 1em; 
	font-weight: 800; 
	margin: 1em 0 1em 0;
	font-family: 'Fors ExtraBold';
}
p {padding: 0.2em 0px 0.2em 0px;}
textarea {width:100%; height:90px; font-family: 'Fors';} 
hr {border-top:1px solid #333333; border-bottom:0px solid #cccccc; margin-bottom:24px; margin-top:24px; clear:both;}
blockquote {border-left:6px solid #333333; margin: 24px 0px; padding-left:12px; font-weight:bold;}
fieldset {margin:10px 0px 10px 0px; padding: 10px; border:1px solid #333333;}
legend {font-weight:bold;}
input {padding:0px; font-family: 'Fors';}

.btn {
	padding:0.5em 1em;
    font-size:1em;
    border:1px solid #cccccc;
	background:#cccccc;
    display:inline-block;
    border-radius:1.5em;
    height: 2em;
	line-height:1em;
	font-family: 'Fors';
}

.btn:hover {
	cursor:pointer;
}

.loading_trnslt {
	position:relative;
} 

.loading_trnslt:before {
	position:absolute;
	top:-16px;
	left: -4px;
	content: "";
	z-index:2;
	background: url("/project/webroot/images/trnslt_loading.png") no-repeat;
	background-size:24px;
	width:24px;
	height:24px;
} 

.langs_list {
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
	background: #ffffff;
	padding:0.25em 0.25em;
}

.langs_list .change_lang {
	color:#0537c8;
	border-bottom:1px dashed #0537c8;
	display:inline-block;
	margin-left: 0.5em;
	cursor:pointer;
}

.langs_list .change_lang img {
	width:1.25em;
}

.langs_list .change_lang:hover {
	cursor:pointer;
}

.langs_list .change_lang.active{
	color:#1A1A1A;
	border-bottom:0;
	font-weight:bold;
}

.breadcrumbs {
	margin-bottom:1em;
	color:#cccccc;
} 

.breadcrumbs a {
	color:#cccccc;
	border-bottom:1px solid #cccccc;
} 

.styled-scrollbars {
	/* плашка-бегунок и фон */
	scrollbar-color: #cccccc #ffffff;
}
.styled-scrollbars::-webkit-scrollbar {
	width: 8px; /* в основном для вертикальных полос прокрутки */
	height: 8px; /* в основном для горизонтальных полос прокрутки */
}
.styled-scrollbars::-webkit-scrollbar-thumb { /* плашка-бегунок */
	background: #efefef;
}
.styled-scrollbars::-webkit-scrollbar-track { /* фон */
	background: #ffffff;
}