/*remove */
/*
img.canfull{
	width: 100%
}
*/
/*remove /zzz*/
/************************************************ шаблон */
/********************** Z3W styles for HTML */
.dn{
	display: none !important;
}
.df,
.dfc,
.dfcc,
.dfsb,
.dfsbc,
.dfsa,
.dfsac
{
	display: flex;
}
.dfw,
.dfwc,
.dfwcc,
.dfwsb,
.dfwsbc,
.dfwsa,
.dfwsac,
#header,
#z3_menu>ul {
	display: flex;
	flex-wrap: wrap;
}

.dfc,
.dfcc,
.dfwc,
.dfwcc{
	justify-content: center;
}

.dfsb,
.dfsbc,
.dfwsb,
.dfwsbc,
#header {
	justify-content: space-between;
}

.dfsa,
.dfsac,
.dfwsa,
.dfwsac {
	justify-content: space-around;
}

.aic,
.dfcc,
.dfwcc,
.dfwsbc,
.dfwsac{
	align-items: center;
}

.f1,
.f1c{
	flex:1 0;
}

.f1c{
	align-self: center;
}
.db{
	display: block;
}
.dib{
	display: inline-block;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
.tac{
	text-align: center;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.lsn{
	list-style: none;
	margin: 0;
	padding: 0;
}
.red{
	color: #e61b1b;
}
.green{
	color: #080;
}
.inherit{
	color: inherit;
	font-size: 1em;
	font-weight: inherit;
}
/********************** Z3W styles for HTML /z*/

#system-message{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
	cursor: pointer;
	background: #000;
	text-align: center;
	padding: 1em 0;
}
#system-message-container .alert-heading{
	color: #e61b1b;
}
#t131{
	display: flex;
	flex-wrap: wrap;
}
#side_a,
#side_b{
	flex: 0 1 13%;
	font-size: 0.85em;
	padding: 0 0.5rem;
	background: #f7f7f7;
}
#side_a{
	order: 1;
}
#side_b{
	order: 3;
}
#header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9;
	font-size: 0.8rem;
	height: 2.9em;
	background: #454545;
	transition: all 0.2s;
}
/************************************************ headroom.js*/
.hdr-pinned.hdr-not-top #header{
	background: #454545;
	opacity: 0.9;
}
.hdr-pinned.hdr-not-top #header:hover{
	opacity: 1;
}
.hdr-unpinned #header,
.hdr-not-top #header {
	transform: translateY(-100%);
}
.hdr.hdr-pinned #header {
	transform: translateY(0%);
}
/* headroom.js END*/

/*--------------------------------------------- Меню в хедере */
#z3_menu > ul{
	height: 100%;
	font: 1.4em/1.5 'roboto', verdana, sans-serif;
	letter-spacing: 1px;
}
#z3_menu .deep{
	position: relative;
}
#z3_menu .hide_ul{
	visibility: hidden;
	position: absolute;
	box-shadow: 0 1px 5px #fff,0 5px 25px #000;
	min-width: 100%;
	white-space: nowrap;
	opacity: 0;
	transition: all 0.3s;
	/*transform-origin: 0 0;*/
}
#z3_menu>ul>.deep>ul {
	background: rgba(32, 32, 32,0.97);
	font-size: 0.95em;
	left: 0;
	top: 99%;
	transform: rotateX(90deg);
	transform-origin: 0 0;
}
#z3_menu .hide_ul>.deep>.hide_ul{
	background: rgba(40, 40, 40,0.97);
	top:0;
	left: 100%;
	transform: rotateY(90deg);
}
#z3_menu>ul>.deep:hover>ul,
#z3_menu .hide_ul>.deep:hover>.hide_ul{
	visibility: visible;
	display: block;
	opacity: 1;
	transition: all 0.3s;
	z-index: 99;
}
#z3_menu>ul>.deep:hover>ul {
	transform: rotateX(0deg);
}
#z3_menu .hide_ul>.deep:hover>.hide_ul {
	transform: rotateY(0deg);
}
#z3_menu .hide_ul>li{
	border-bottom: 1px solid #666;
	text-transform: none;
}
#z3_menu .hide_ul>li:last-child{
	border: none;
}
#z3_menu a{
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0.5em;
	color: #eee;
}
#z3_menu a:hover,
#z3_menu a:focus{
	box-shadow: 0 0 0.5em inset;
	color: #ddd;
}
#z3_menu>ul>li{
	display: inline-block;
	font-size: 0.9em;
	text-transform: uppercase;
	border-left: 1px solid #2b2b2b;
}
#z3_menu>ul>li:last-child{
	border-right: 1px solid #2b2b2b;
}
#fw.hdr-top #z3_menu>ul>li,
#fw.hdr-top #z3_menu>ul>li:last-child{
	border-color: transparent;
}
#z3_menu .active>a,
#z3_menu .active_alias>a{
	color: #3367d6;
}
#z3_menu>ul>li>a{
	padding: 0.5em 0.5em 0.4em;
}

/*--------------------------------------------- Меню в хедере ЕНД*/


/*--------------------------------------------- Мобильное Меню */

#z3_mobmenu{
	display: none;
}
.mmo main:before{
	content: "";
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 2;
}
.mmo #z3_mobmenu{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
}
.mmo #z3_mobmenu:before {
	content: '\f000';
	font-size: 1.3em;
	color: #e61b1b;
	padding: 0.3em;
}
.touchevents #z3_menu{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	min-height: 100vh;
	transform: translateX(100%);
	transition: all 0.2s;
}
.desktop #z3_menu{
	transition: unset;
}
.touchevents #z3_menu > ul{
	display: inline-block;
	font-size: 2em;
	margin: 2em 1.5em 3em;
	height: auto;
	text-align: left;
}
.mmo #z3_menu{
	display: block;
	background: #111;
	box-shadow: 0 0 1em #fff;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999;
	transform: translateX(0);
	transition: all 0.2s
}
.touchevents #z3_menu li{
	display: block;
	width: 100%;
	border: none;
}
.mmo #z3_menu > ul > li{
	margin: 0 0 1em;
	border: none !important;
}
.touchevents #z3_menu a{
	display: inline-block;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}
.touchevents #z3_menu .hide_ul,
.touchevents #z3_menu .hide_ul > .deep > .hide_ul{
	opacity: 1;
	position: unset;
	visibility: visible;
	transform: unset;
	box-shadow: none;
	background: no-repeat;
	margin-left: 1em;
}
/*--------------------------------------------- Мобильное Меню ЕНД*/

#logo{
	font-size: 2.4em;
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 0 0.2em 0;
	height: 100%;
}
#logo>img{
	height: 100%;
}
#logo>span{
	display: inline-block;
}
#logo>.logo_text{
	position: absolute;
	left: 110%;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 0.6em;
	padding: 0;
	text-transform: uppercase;
	white-space: nowrap;
}
/*
#logo>.logo_text:after{
	content: unset;
}
*/
/*
.no-touchevents #logo{
line-height: 1.1;
}
*/
#logo:hover{
	/*animation: skew 0.25s linear;*/
}
#logo.oldtv:before,
#logo.oldtv:after{
	content: '\e019';
	line-height: 1.2;
	margin: 0 0.2em 0 0.1em;
	padding: 0;
}
.header-buttons{
	color: #eee;
}
#fullscreen-mode,
#contact-mail,
.touchevents #z3_mobmenu,
.dsgn,
#hdr-search,
#a2hs{
	display: flex;
	align-items: center;
	font-size: 1.7em;
	margin: 0 0.3em 0 0;
	cursor: pointer;
	text-shadow: 0 0 0.1em #333;
	transition: all 0.2s;
}
#a2hs:before{
	padding: 0;
}
#a2hs{
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
}
#fullscreen-mode:hover,
#contact-mail:hover,
.no-touchevents #z3_mobmenu:hover{
	transform: scale(1.3);
}
#hdr-search{
	position: relative;
	margin: 0 0.5em 0 0;
}
.dsgn{
	/*background: #ccc;*/
	background: #202020;
	box-shadow: 0 0 0.1em #fff inset;
	width: 0.8em;
	height: 0.8em;
	margin: 0 0.5em 0 0;
	align-self: center;
	transform: rotate(45deg);
}
.dsgn:hover{
	transform: scale(1.3) rotate(45deg);
}

#language-mod{
	position: relative;
	width: 3em;
	margin-right: 0.5em;
}

#language-mod a{
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0.5em 0;
	opacity: 0.6;
	transition: all 0.2s;
}
#language-mod a:hover{
	opacity: 1;
	transform: scale(1.3);
}
#language-mod.ru{
	width: auto;
	display: flex;
}
#language-mod .ru_ru{
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.25em;
	/* background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTAgMzAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDQ1MHYxMDBIMHoiLz48cGF0aCBmaWxsPSIjMDBmIiBkPSJNMCAxMDBoNDUwdjEwMEgweiIvPjxwYXRoIGZpbGw9InJlZCIgZD0iTTAgMjAwaDQ1MHYxMDBIMHoiLz48L3N2Zz4=') center no-repeat; */
}
#language-mod .ru_ru::before{
	content: attr(title);
}
#language-mod .en_gb{
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMzAgMTVoMzB2MTV6djE1SDB6SDBWMHpWMGgzMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48cGF0aCBmaWxsPSIjMDAyNDdkIiBkPSJNMCAwdjMwaDYwVjB6Ii8+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjYiIGQ9Ik0wIDBsNjAgMzBtMC0zMEwwIDMwIi8+PHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik0wIDBsNjAgMzBtMC0zMEwwIDMwIiBjbGlwLXBhdGg9InVybCgjYSkiLz48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMTAiIGQ9Ik0zMCAwdjMwTTAgMTVoNjAiLz48cGF0aCBzdHJva2U9IiNjZjE0MmIiIHN0cm9rZS13aWR0aD0iNiIgZD0iTTMwIDB2MzBNMCAxNWg2MCIvPjwvc3ZnPg==') center no-repeat;
}
#language-mod .lang-active{
	display: none;
}
/*логотип области в сайдбаре */
.side_logo{
	margin: 1.2em 1em;
	text-align: center;
}
.side_logo>a{
	max-width: 150px;
	width: 100%;
}
.side_logo>a:hover{
	transform: scale(1.2)
}
/*логотип области в сайдбаре /z*/
/************************************************ Кнопки наверх в футере */
.toup{
	cursor: pointer;
	transition: all 0.1s;
}
.upbottom{
	font-size: 2em;
	background: #111;
	color: #eee;
	padding:0.2em 0;
	text-align: center;
	overflow: hidden;
}
.upbottom>.i_chev_up{
	position: relative;
}
.upbottom>.i_chev_up:after{
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: '\e00a';
	font-style: normal;
	transform: translateY(150%);
}
.upbottom:hover>.i_chev_up:after{
	visibility: visible;
	transform: translateY(-100%);
	transition: all 0.2s;
}
.upleft{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	z-index: 8;
}
.touchevents .upleft{
	width: auto;
	font-size: 1.75em;
	color: #3367d6;
	right: 0;
	bottom: 0;
	left: unset;
	top: unset;
	opacity: 0.5;
	transform: translateY(100%);
}
.desktop .upleft{
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	transform: unset;
}
.touchevents .upleft:hover,
.touchevents .upbottom:hover + .upleft{
	background: none
}
.touchevents .upleft:before{
	content: '\e006';
}
.desktop .upleft:before{
	content: unset;
}
.touchevents.hdr-not-top .upleft{
	transform: translateY(0);
}
/************************************************ Кнопки наверх в футере END*/

/************************************************ всплывающие подсказки TT */
.tt {
	position: relative;
}

.tt:after {
	content: attr(data-tt);
	visibility: hidden;
	position: absolute;
	left: 0;
	bottom: 105%;
	min-width: 100%;

	display: block;
	text-align: center;
	font: normal 0.9em sans-serif;
	padding: 0.5em;
	background: rgba(2, 2, 2, 0.95);
	box-shadow: 0 0 3px #fff;
	color: #fff;

	text-shadow: none;
	pointer-events: none;
	z-index: 999;
	opacity: 0;
	transform: rotateX(90deg);
	transition: all 0.1s;
}
.tt:hover:after {
	visibility: visible;
	opacity: 1;
	transform: rotateX(0deg);
	transition: all 0.1s linear 0.5s;
}
/************************************************ END всплывающие подсказки TT */

/************************************************ модальное окно */
#z3_modal {
	position: fixed;
	visibility: hidden;
	display: block;
	text-align: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow-y: auto;
	z-index: 1000;
	opacity: 0;
	background: rgba(247, 247, 247, 0.95);
	transform: rotateY(90deg);
	transition: all ease-in-out 0.3s;
}
#z3_modal:before{
	display: inline-block;
	height: 100%;
	padding: 0;
	content: '';
	vertical-align: middle;
}
.z3_modal>#z3_modal:after{
	content: '\f000';
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 1.7em;
	color: #e61b1b;
	padding: 0.3em;
	opacity: 0.8;
}
.z3_modal,
.mmo{
	overflow: hidden;
}
.z3_modal>#z3_modal {
	visibility: visible;
	opacity: 1;
	transform: rotateY(0deg);
}
#z3_modal>div{
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
	padding: 0;
	margin: 1% 0 3%;
	background: #f7f7f7;
}

/************************ модальное окно END*/



/************************ аякс форма mail обратной связи */

#z3_modal > #mail_container{
	transition: all 0.5s;
	font-size: 1.1em;
	padding: 0 2%;
}
#mail_container>h3{
	padding: 1em 0 0;
}
#mail_container>form>p{
	position: relative;
	margin: 1.5em 0;
}
#mail_container label{
	position: absolute;
	visibility: hidden;
	text-align: left;
	color: #e61b1b;
	bottom: 100%;
	right: 0;
	left: 0;
	opacity: 0;
	transform: translateY(-100%);
	transition:all 0.3s;
}
#z3_modal label>i{
	margin: 0 0.5em;
}
#mail_container .error>label{
	visibility:visible;
	opacity: 1;
	transform: translateY(0%);
}
#mail_container .error>input,
#mail_container .error>textarea
{
	border: 1px solid #e61b1b;
}
#mail_container input,
#mail_container textarea {
	width: 100%;
	min-width: 300px;
}
#mail_container textarea{
	min-height: 7.7em;
}
#mail_container .contacts{
	margin: 0 0 0.8em;
	font-size: 1.7em;
}
#mail_container .contacts a:hover{
	text-shadow: 0 0 0.1em #fff;
}

/* отправка и получение */
#mail_container.mail_sending{
	opacity: 0;
	transform: scale(0);
}
#mail_container.mail_send{
	box-shadow: 0 0 0.5em #fff;
	opacity: 1;
	transform: scale(1);
}
#mail_container .send_ok{
	font-size: 5em;
	margin: 0 0.5em;
	color: #690;
	animation: skew 0.25s linear 0.5s;
}
/* отправка и получение /z*/

/************************************************ аякс форма mail обратной связи  END*/
/* custom webkit scrollbar */
/* width */
.desktop ::-webkit-scrollbar {
	width: 5px;
}
.touchevents ::-webkit-scrollbar {
	width: 3px;
}
/* Track */
::-webkit-scrollbar-track {
	/*background: #2b2b2b;*/
	background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}
/* custom webkit scrollbar /z*/
/* for additional scripts */
.ajm{
	cursor: zoom-in;
}
script.lz{
	width: 1px;
	height: 1px;
	display: inline;
	visibility: hidden;
	position: absolute;
	right: 0;
}
/*
.lz{
	opacity: 0;
	transition: opacity 0.15s;
}
.lz.ll{
	opacity: 1
}
*/
/* for additional scripts /z*/

.sticky{
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 0;
	z-index: 2;
	transition: all 0.2s;
}
.hdr-not-top.hdr-pinned .sticky{
	top: 2.35rem;
}

/************** webkit-based browsers (Chrome, Safari, etc.) Hack only *************************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.touchevents #logo .logo_text,
	.touchevents #logo:after{
		/*padding-top: 0.2em;*/
	}
}
/************** webkit-based browsers (Chrome, Safari, etc.) Hack only ************************ /z*/



/************** Firefox Hack only *************************/
@-moz-document url-prefix() {

	.touchevents .dsgn:before{
		content: 'a';
		opacity: 0
	}

}
/************** Firefox Hack only ************************ /z*/