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

@font-face {
	font-family: 'site_font2';
	src: url('fonts/roboto/RobotoMedium.eot');
	src: url('fonts/roboto/RobotoMedium.eot?#iefix') format('embedded-opentype'),
	url('fonts/roboto/RobotoMedium.woff2') format('woff2'),
	url('fonts/roboto/RobotoMedium.woff') format('woff'),
	url('fonts/roboto/RobotoMedium.ttf') format('truetype'),
	url('fonts/roboto/RobotoMedium.svg#Roboto-Medium') format('svg'),
	url('fonts/roboto/RobotoMedium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

/****** нормализация ******/

* {
	box-sizing: border-box;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	margin: 0; padding: 0; border: 0; outline: 0;
	vertical-align: top; position: relative; 
}
*::before, *::after { box-sizing: inherit; transition: inherit; }
*:focus{ outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }

ul { list-style-position: outside; }
table, th, td { border: 1px solid #000; padding: 0; border-collapse: collapse; }
th, td { vertical-align: top; padding: 2px 5px; }
a { color: #000; text-decoration : none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover { color: #dc0000; text-decoration : none; }
img { max-width:100%; max-height: 100%; height:auto; border-radius: 5px; }


::-webkit-scrollbar { height: 6px; overflow: visible; width: 6px; }
::-webkit-scrollbar-button { height: 0; width: 0; }
::-webkit-scrollbar-track { background: #F8F2E9; background-clip: padding-box; border-radius: 3px; }
::-webkit-scrollbar-thumb { background: #b4212c; background-clip: padding-box; border-radius: 3px; }
::-webkit-scrollbar-corner { background: transparent; }
body::-webkit-scrollbar-track-piece { background-clip: padding-box; background-color: #F8F2E9; }


/****** базовая разметка ******/
html { height: 100%; min-height: 100%; color: #000;
	font: 15px site_font, Arial, Verdana, Tahoma, Helvetica, sans-serif;
	line-height: 1.534; -webkit-text-size-adjust: none;
}
body { padding: 5% 10px; }

/******** layout *********/
header { margin: 0; padding: 0; width: 100%; background: #F8F2E9; border-bottom: 1px solid #E0BB77; position: fixed; top: 0; left: 0; right: 0px; z-index: 2; }
main { z-index: 0; }
.content { display: flex; flex-flow: row nowrap; justify-content: stretch; align-content: stretch; align-items: stretch; }
.content aside { flex: 0 0 200px; padding: 0 20px 40px 0; }
.content main { flex: 1 1 60%; }
footer { background: #F8F2E9; padding: 50px 0 10px 0; }


.bblk { width: 100%; }
.bblk+.bblk { margin-top: 30px; }
.block { width: 100%; max-width: 1138px; margin: 0 auto; padding: 0 14px 0px 14px; }
.block .block { padding: 0; }
section.bblk section.bblk { padding: 0; }

.row { display: flex; flex-flow: row wrap; justify-content: space-evenly; align-content: stretch; align-items: stretch; margin: 0 -14px 0 -14px; }
.row .col { flex: 0 0 100%; padding: 0 14px 20px 14px; max-width: 100%; }
.row.cols2>.col { flex-basis: 50%; }
.row.cols2>.col.wide { flex-basis: 100%; }
.row.cols3>.col { flex-basis: 33.3333%; }
.row.cols3>.col.wide { flex-basis: 66.6666%; }
.row.cols4>.col { flex-basis: 25%; }
.row.cols4>.col.wide { flex-basis: 50%; }
.row.cols5>.col { flex-basis: 20%; }
.row.cols5>.col.wide { flex-basis: 40%; }
.row.cols6>.col { flex-basis: 16.6666%; }
.row.cols6>.col.wide { flex-basis: 33.3333%; }
.row.cols6>.col.xwide { flex-basis: 50%; }
.row.cols7>.col { flex-basis: 14.2857%; }
.row.cols7>.col.wide { flex-basis: 28.5714%; }
.row.cols8>.col { flex-basis: 12.5%; }
.row.cols8>.col.wide { flex-basis: 25%; }
.row.cols9>.col { flex-basis: 11.1111%; }
.row.cols9>.col.wide { flex-basis: 22.2222%; }
.row.cols10>.col { flex-basis: 10%; }
.row.cols10>.col.wide { flex-basis: 20%; }

.row h5.col { flex-basis: 100%; min-width: 100%; padding-top: 20px; }
aside .row.cols4>.col { flex-basis: 100%; }


/****** headers *******/
h1 { font-family: 'site_font2'; font-size: 2.4rem; line-height: 1.2; letter-spacing: -0.3px; color: rgb(33, 37, 41); text-transform: uppercase; text-align: left; margin: 0 0 20px 0; padding: 0; }
header h1 { margin-bottom: 0; font-size: 0; }
h3 { font-family: 'site_font2'; font-size: 2.4rem; line-height: 1.2; letter-spacing: -0.3px; color: rgb(33, 37, 41); text-transform: uppercase; text-align: center; margin: 0 0 10px 0; padding: 0; }
h4 { font-family: 'site_font2'; font-size: 1.3rem; line-height: 1.2; padding-bottom: 10px; }
h5 { font-family: 'site_font2'; font-size: 1.2rem; line-height: 1.2; padding-bottom: 20px; margin-bottom: 15px; }
h5:before { content: ''; position: absolute; left: 14px; bottom: 0; width: 25px; height: 3px; background: #e0bb77; }
h6 { font-family: 'site_font2'; font-size: 1.2rem; line-height: 1.2; padding-bottom: 30px; }
.ttl { font-family: 'site_font2'; text-transform: uppercase; font-size: 1.2rem; line-height: 1.3; color: #000; padding: 10px; font-weight: bold; }
.news .ttl { background: #fff; }

.docs h3, .newsinf h3, .calendar h3, .contacts h3 { text-align: left; background: none; }

.main { background: #F8F2E9; z-index: 1; }
main .bblk.site_banner .block { width: 100%; max-width: 1130px; padding-bottom: 60px; }

/****** misc *******/
.shad { box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.09); }
.nobr { white-space: nowrap; }
.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }
.link { font-family: 'site_font2'; color: #dc0000; font-size: 1.1rem; display: inline-block; margin-top: 14px; }
.alert { color: #dc0000; font-style: italic; text-align: center; padding: 0 0 30px 0; }
.alert li { padding-left: 20px; }
.time { font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; font-size: 1.2rem; }
.time:before { content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #ddd; }
.date { display: inline-block; color: #999; font-size: 0.8rem; vertical-align: baseline; }
.video {  padding-bottom: 46%; padding-top: 30px; height: 0; overflow: hidden; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bblk.video { height: auto; padding: 0; }

footer .row { align-items: center; }

ul li + li { margin-top: 10px; }

/********* blocks ********/
header .bblk { margin: 0; padding: 0; }
header .row { flex-flow: row nowrap; align-items: center; }
header .logo { flex: 0 0 0px; padding: 0 0 70px 0; background: url(images/logo.jpg) no-repeat center center; background-size: contain; }

header .logo a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; }
header .menu_left, header .menu_right { flex: 1 1 50%; }
header .menu_left { text-align: right; }
header a { text-transform: uppercase; text-decoration: none; display: inline-block; font-size: 0.8rem; line-height: 1.4; margin: 0 30px; }
header a:hover { }

footer hr { height: 0; border-bottom: 2px dashed #E0BB77; }
footer .policy a { display: inline-block; font-size: 0.7rem; color: #553d0c; text-decoration: underline; margin: 0; padding: 5px 26px 5px 0; letter-spacing: -.1px; }
footer .element a { display: inline-block; font-size: 0.7rem; color: #553d0c; text-decoration: underline; margin: 0; padding: 5px 26px 5px 0; letter-spacing: -.1px; }
footer .element { background: url(images/element.svg) no-repeat left center; background-size: contain; display: inline-block; padding: 0 0 0 30px; }

.txt .block .txt { padding-top: 20px; }

aside .contacts .row { padding-top: 20px; }
aside .contacts h3 { display: none; }
aside .contacts h6 { display: block; }

.policy a { text-decoration: underline; }

.notice {text-align: center; }
.rqstexp, .rqstdone { padding: 20px 0; }

/******* form *********/

.usertext { padding: 0 0 20px 0; }
.usertext .hdr { font-family: 'site_font2'; font-size: 1.5rem; }
.usertext ul { margin: 0 0 0 20px; }
.error { color: #d33; }
.success { color: #11701c; }

.formbody { padding: 30px 40px; background: #fff; border-radius: 10px; font-family: 'site_font2'; }
.form { padding-bottom: 0px; }
.popup-form { margin-bottom: 0; }

.button { font-family: 'site_font2'; font-size: 14px; color: #000; background: #fff; display: inline-block; box-shadow: 2px 11px 16px rgba(232,219,196,.75); border: 2px solid #ededed; border-radius: 5px; display: flex; justify-content: center; align-items: center; text-transform: uppercase; text-decoration: none; cursor: pointer; text-align: center; padding: 5px 10px 5px 10px; max-width: 200px; }
.rqst_button { text-align: center; }
.button[disabled="disabled"] { opacity: 0.2; }
.swiper-slide .button { margin: 50px 0 0 -10px; }

.cntrdiv { width: 100%; margin: 0 0 15px 0; position: relative; }
.cntrdiv .cntrl label { display: block; max-width: 100%; padding: 0 10px 5px 0; margin: 0; font-weight: normal; font-size: 100%; position: absolute; top: 10px; left: 20px; 
	-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: #7e7e7e; }
.cntrdiv>label { padding: 0 10px 10px 10px; display: block; }
.cntrdiv .cntrl select.selected ~ label, .cntrdiv .cntrl #img_ext ~ label, .cntrdiv .cntrl #agr_ext ~ label, .cntrdiv .cntrl #pres_ext ~ label, .cntrdiv .cntrl input:focus ~ label, .cntrdiv textarea:focus ~ label, .cntrdiv .cntrl.rlist > label { top: 2px; left: 15px; font-size: 0.8rem; color: #6c757d; } 
.cntrdiv .cntrl input:not(:placeholder-shown) ~ label, .cntrdiv textarea:not(:placeholder-shown) ~ label { top: 2px; left: 15px; font-size: 0.8rem; color: #6c757d; }

.cntrdiv .cntrl, .cntrdiv .cntrs, .cntrdiv .cntrs { font-family: 'site_font2'; 
	border: 1px solid #ccc; background: #fff; margin: 0; padding: 0; position: relative; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
.cntrdiv .cntrs { width: 110px; display: inline-block; vertical-align: top; margin: 0 auto; }

.control, .controlta { display: block; width: 100%; max-width: 100%; color: #000; margin: 0; padding: 20px 15px 10px 15px; border: 0; background: transparent; position: relative; z-index: 1; 
	font-size: 1rem; font-family: 'site_font2'; line-height: 1; outline: 0; 
}
.cntrdiv .cntrl #img_ext .control,
.cntrdiv .cntrl #pres_ext .control,
.control:invalid, .controlta:invalid { border: 1px solid transparent; box-shadow: none; }
.controlta { height: 200px; line-height: 1.3; }
.controlta.big { height: 400px; }
.cntrs .control { text-align: right; }

.fhint { text-align: left; padding: 10px 30px 10px 30px; color: #7e7e7e; }
.cntrdiv img { max-width: 40px; max-height: 40px; display: inline-block; }
.inline { display: inline-block; }
.inline .cb { display: inline-block; }
span.cb { display: flex; 
	flex-flow: row nowrap; 
	justify-content: stretch;
	align-content: stretch;
	align-items: flex-start;
	margin: 0;
	padding: 0; 
}
.inline span.cb { display: flex; }

span.cb span { flex: 0 0 23px; overflow: hidden; padding: 2px 0 0 0; }
.cb label { flex: 1 1 90%; font-weight: normal; padding: 0 0 0 3px; }
span.cb span input { display: none; }
span.cb label { padding: 0 0 0 25px !important; }
span.cb label:before { content: ''; position: absolute; top: 0px; left: 0; z-index: 1; width: 17px; height: 17px; border: 1px solid #e0bb77; border-radius: 50%; background: #F8F2E9; }
span.cb input:checked + label:after { content: ''; position: absolute; top: 5px; left: 5px; z-index: 100; width: 7px; height: 7px; border: 0; border-radius: 50%; background: #dc0000; }
span.cb input:checked + label { font-weight: normal !important; }

.cntrdiv .cntrl .cb label { position: static; }

.inline .cb label { white-space: nowrap; }
.cb label:hover { color: #dc0000; cursor: pointer; }
.cb input { margin: 0; padding: 0; border: 0; }

.cb input[type="checkbox"]:checked + label { font-weight: bold; }

.plc .cb label a { text-decoration: underline; }
.plc .cb label a { color: #000; }
.plc .cb label:hover { color: #000; }
.plc .cb label:hover a { color: #dc0000; cursor: pointer; }

.cntrdiv .flex { display: flex; 
	flex-flow: row nowrap; 
	justify-content: stretch;
	align-content: stretch;
	align-items: flex-start;
	width: 100%; 
}
.cntrdiv .flex > span { padding: 25px 0px 0 20px; }
.cntrdiv .flex .thumb, .cntrdiv .flex .exist, .cntrdiv .flex .caption { padding: 22px 0px 22px 25px; }
.cntrdiv .flex .browse { padding: 0; }

.complete { background: #fff; z-index: 2; position: absolute; top: 10px; left: 30px; padding: 10px 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #e0bb77; box-shadow: 0 0 10px rgba(0,0,0,.5); display: none; }
.complete div { padding: 2px 5px; }
.complete div:not(:first-child) { border-top: 1px solid #e0bb77; }
.complete div:hover { background: #eee; cursor: pointer; }

.spiner { width: 27px; height: 27px; background: url(images/ajax-loader.gif); background-size: contain; display: block; margin: 10px auto; }

.cntrdiv .cntrl.rlist { padding: 22px 25px 22px 25px; }
.cntrdiv .cntrl.rlist .radio { display: inline-block; position: relative; height: 17px; line-height: 1; cursor: pointer; }
.cntrdiv .cntrl.rlist .radio .cb { position: relative; cursor: pointer; }
.cntrdiv .cntrl.rlist .radio input { display: inline-block; vertical-align: middle; }
.cntrdiv .cntrl.rlist .radio label { display: inline-block; vertical-align: middle; position: relative; top: 0; left: 0; padding: 2px 15px 0 27px; color: #000; cursor: pointer; }
.cntrdiv .cntrl.rlist .radio label:hover { color: #dc0000; }
.cntrdiv .cntrl.rlist .radio label:before { content: ''; position: absolute; top: 0px; left: 0; width: 17px; height: 17px; border: 1px solid #e0bb77; border-radius: 50%; background: #F8F2E9; }
.cntrdiv .cntrl.rlist .radio input:checked + label:before { border: 1px solid #e0bb77; background: #dc0000; }

.reward { display: none; }

.cntrlsel { height: 60px; z-index: 2; }
.choose { position: absolute; left: 0; top: 0; right: 0; background: transparent; border-radius: 15px; }
.choose .select { padding: 22px 45px 22px 25px; cursor: pointer; font-size: 1rem; text-transform: none; font-weight: normal; text-align: left; 
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.choose .select div { white-space: nowrap; overflow: hidden; }
.choose .select:after { font-size: 1rem; display: block; width: 15px; height: 15px; z-index: 0; content: "▼"; position: absolute; top: 22px; right: 25px; }
.choose .select:hover { color: #dc0000; }
.choose .list { max-height: 0px; overflow-x: auto; margin: 0 20px 0 20px; 
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.choose .list div { padding: 10px 15px; }
.choose .list div:hover { color: #dc0000; background: #F8F2E9; cursor: pointer; }
.cntrlsel.active { z-index: 3; }
.cntrlsel.active .select { color: #000; }
.cntrlsel.active .select:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.cntrlsel.active .list { max-height: 350px; padding: 0; background: #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow: 0 3px 3px rgba(0,0,0,.1); }

.auth .form.search .button { margin: 0; }

.formerror { position: absolute; z-index: 3; display: none; background: #fff; box-shadow: 2px 11px 16px rgba(232,219,196,.75); border: 2px solid #ededed; border-radius: 31px; text-align: center; padding: 15px 20px; }
.formerror::after {
	content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg);
	position: absolute;	left: 40px; top: -11px;	width: 20px; height: 20px; z-index: 1; 
	background: #fff; border-left: 2px solid #ededed; border-top: 2px solid #ededed; 
}

.hidden { display: none; }

.cntrdiv .cntrl label.mndtr { padding-left: 20px; }
label.mndtr:before { position: absolute; left: 0; top: 2px; content: ''; display: block; width: 14px; height: 14px; background: #dc0000; border-radius: 50%; }
div.mndtr:before { position: absolute; left: 0; top: 12px; content: ''; display: block; width: 14px; height: 14px; background: #dc0000; border-radius: 50%; }

.formdata label { color: #7e7e7e; padding: 0 27px 5px 27px; font-size: 0.8rem; }

/****** компоненты ******/

.breadcrumbs { margin-top: 30px; color: #ddd; }
.breadcrumbs .list { list-style: none; font-family: 'site_font2'; }
.breadcrumbs .list li { display: inline-block; }
.breadcrumbs a { color: #e0bb77; }
.breadcrumbs a:after { content: '/'; color: #6c757d; margin: 0 10px; }
.breadcrumbs a:hover, .breadcrumbs span { color: #dc0000; }

.page_lister { padding: 20px 5px; margin: 0 -20px; text-align: center; }
.page_lister a { font-family: 'site_font2'; display: inline-block; font-size: 1rem; font-weight: 500; border: 1px solid #e0bb77; border-radius: 50%; width: 30px; height: 30px; margin: 0 5px 5px 0; text-align: center; padding: 4px 3px; line-height: 1.4; }
.page_lister a:hover { color: #dc0000; border: 1px solid #dc0000; }
.page_lister span { font-family: 'site_font2'; display: inline-block; font-size: 1rem; font-weight: 500; border: 1px solid #dc0000; background: #dc0000; color: #fff; border-radius: 50%; width: 30px; height: 30px; margin: 0 5px 5px 0; text-align: center; padding: 4px 2px; line-height: 1.4; }
.page_lister .prev, .page_lister .next { font-size: 2rem; line-height: 0.7; padding: 0 3px; }


.swiper-container { position: relative; margin: 0 0 10px 0; }
.swiper-container .swiper-slide { text-align: center; }
.swiper-button-prev { background: url(images/arr_l.svg) no-repeat center center; border: 0; width: 69px; height: 85px; margin-left: 0px; margin-top: -43px; 
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: fliph; /*IE*/
	filter: fliph; /*IE*/
}
.swiper-button-next { background: url(images/arr_l.svg) no-repeat center center; border: 0; width: 69px; height: 85px; margin-right: 0px; margin-top: -43px; }
.swiper-container-horizontal > .swiper-pagination-bullets {	bottom: 0px; }
.swiper-pagination-bullet { width: 15px; height: 15px; background: #6f4e2c; }
.swiper-pagination-bullet-active { opacity: 1; background: #dc0000; }

.swiper-slide  { padding: 0 5px 5px 5px; padding-bottom: 20%; }
.swiper-slide div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 5px 5px 5px; }
.swiper-slide img { width: 100%; height: 100%; opacity: .8; object-fit: cover; border-radius: 5px; }
.swiper-slide a:hover img { opacity: 1; }

.col .img { margin-bottom: 10px; }
.demo .img { padding-bottom: 100%; }
.demo .img div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; }
.demo .img img { width: 100%; height: 100%; opacity: .9; object-fit: cover; border-radius: 5px; transition: 0.2s; }
.demo a:hover .img img { opacity: 1; }

.popup {
	background: rgba(0,0,0,0.6); position: fixed; top: 0; left: -10000px; z-index: 2;
	width: 100vw; height: 100vh; 
	display: flex; 
	flex-flow: column nowrap; 
	justify-content: center;
	align-content: stretch;
	align-items: center;
}
.popup .form { background: #fff; padding: 10px 20px 30px 20px; border-radius: 5px;  }

.popup .dialog { display: block; padding: 1% 3% 3% 3%; background: #fff; border: 2px solid #4da8f1; border-radius: 3px; }
.popup .dialog .ttl { text-align: center; font-size: 1.5rem; line-height: 1.1; padding: 0 0 20px 0; margin: 0; }
.popup .dialog .close { display: block; width: 12px; height: 12px; position: absolute; top: 16px; right: 20px;
	background: url(/images/del.svg) no-repeat center center; background-size: contain; cursor: pointer; }
.popup .dialog .close:hover { background-image: url(/images/del.svg); }

.ya-share2 { margin: 0; padding-bottom: 40px; }

#top { bottom: 20px; z-index: 1; right: 14px; cursor: pointer; position: fixed; width: 55.5px; height: 55.5px; font-size: 1.5rem; line-height: 1; text-align: center; 
	background: #b4212c; box-shadow: 0 0 10px rgba(0,0,0,.5); border-radius: 50%; padding-top: 12px; display: none; }
#top span { display: block; font-weight: normal; color: #fff; transform: scaleX(2); }

.cols.attach { margin: 0; 
	display: flex; 
	flex-flow: row wrap; 
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
	width: 100%;
}
.cols.attach .col { flex: 1 1 50%; padding: 0 2px 10px 2px; }

.upload-area{ width: 100%; height: 100px; padding: 10px 30px; 
    text-align: center;
    overflow: auto;
	display: flex; 
	justify-content: center;
	align-content: stretch;
	align-items: center;
}

.upload-area:hover { cursor: pointer; }

.upload-area .info {
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    color: #000;
}

.attach .datalist { overflow: auto; border: 1px solid #ccc; border-radius: 3px; padding: 0px 0;
	display: flex; 
	flex-flow: row nowrap; 
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
} 
.attach .datalist .list { list-style: none; 
	display: flex; 
	flex-flow: row wrap; 
	justify-content: stretch;
	align-content: stretch;
	align-items: stretch;
}
.attach .datalist .list li { display: block; flex: 1 0 20%; max-width: 20%; min-width: 70px; position: relative; }
.attach .datalist .list li .listitm { padding: 0 0 100% 0; position: relative; }
.attach .datalist .list li .listitm .del { position: absolute; background: url(images/del.png) no-repeat center center; 
	width: 20px; height: 20px; right: 2px; top: 2px; z-index: 1; cursor: pointer; }
.attach .datalist .list li a { position: absolute; left: 5px; top: 5px; bottom: 5px; right: 5px; }
.attach .datalist .list li img { display: block; width: 100%; height: 100%; object-fit: contain; overflow: hidden; border-radius: 3px; }

.file { display: none; }

/* Thumbnail */
.thumbnail { width: 80px; height: 80px; padding: 2px; border: 1px solid #ccc; border-radius: 3px; float: left; margin: 5px; position: relative; z-index: 100; }
.thumbnail img { max-height: 60px; width: auto; margin: 0 auto; }
.thumbnail:before { content: ''; position: absolute; width: 20px; height: 20px; right: 2px; top: 2px; display: none; z-index: 1; 
	background: url(images/del.png) no-repeat center center; border: 1px solid #f00; border-radius: 3px; }
.thumbnail:hover:before { display: block; }
.size { font-size: 12px; display: block; }

.attach { }
.cntrdiv .thumb { text-align: center; }
.cntrdiv .thumb div, .attach>div.link { display: inline-block; padding: 2px; border: 1px solid #ccc; border-radius: 3px; margin: 5px; opacity: 0.8; transition: 0.2s; }
.cntrdiv .thumb div:hover, .attach>div:hover { opacity: 1; }
.cntrdiv .thumb img, .attach>div .img { width: 110px; height: 110px; max-width: 110px; max-height: 110px; }
.user_news .cntrdiv .thumb img, .user_news .attach>div .img { width: auto; height: auto; max-width: 50px; max-height: 30px; }

.vrlist .del { display: inline-block; background: url(images/del.png) no-repeat center center; 
	width: 20px; height: 20px; right: 2px; top: 2px; z-index: 1; cursor: pointer; }

.cntrdiv .cntrl .flex.file { height: 61px; cursor: pointer; }
.cntrdiv .cntrl .flex.file + .control { display: none; }

#test { font-size: 2rem; }
div#code { flex-flow: row nowrap; width: 300px; }

/********* menu ***************/

.nav { display: flex; flex-flow: row wrap; justify-content: stretch; align-content: stretch; align-items: center; margin: 14px 0px 0 auto; max-width: 68.5%; list-style: none; }
.nav li { flex: 0 0 33.3333%; text-align: center; padding: 6px 0; }
.nav li a { text-transform: uppercase; font-size: 0.8rem; }

.mbtn { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 14px; border: 1px solid #ddd; border-radius: 5px; background: url(images/mbtn.svg) no-repeat center center; width: 55px; height: 40px; cursor: pointer; }

.mmenu { max-height: 0; width: 100%; position: fixed; z-index: 2; top: 0; right: 0; overflow-x: hidden; overflow: hidden;
	background-color: transparent; padding: 0 0 0 0; transition: 0.2s; 
}
.mmenu .nav { max-width: 100%; max-height: 100%; overflow: auto; display: block; padding: 0; margin: 0; }
.mmenu .nav a {
	margin: 0; 
	padding: 8px 16px 8px 16px;
	text-decoration: none;
	font-size: 18px;
	color: #000;
	background: #F8F2E9;
	display: block;
	white-space: nowrap;
	text-align: center;
}
.mmenu .nav>a { border-top: 1px solid #e0bb77; }
.mmenu .nav>a:last-child { border-bottom: 2px solid #e0bb77; }
.mmenu .nav>a { }
.mmenu .nav>a:hover { color: #dc0000; }

.umenu { margin: 0 0px 20px 0; }
.umenu a { display: block; font-family: 'site_font2'; font-size: 1.3rem; margin: 0 0 10px 0; padding: 0 0 10px 0; }
.umenu a.active { color: #dc0000; }
.umenu a:not(:last-child) { border-bottom: 1px solid #e0bb77; }

.close { color: #ccc; position: absolute; top: 0px; right: 20px; font-size: 2.5rem; cursor: pointer; }
.close:hover { color: #fff; }

.attach.doclist>div, .attach a { display: inline-block; max-width: 200px; margin: 0 5px 5px 0; }
.attach img { max-width: 200px; }

.profile_blk { max-with: 100%; }

.logged { display: none; }

.lg .lg-actions { position: absolute; top: 50%; width: 100%; }

/****** адаптив ******/

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {
	h1,h3 { font-size: 2.2rem; }

	.row.cols2>.col { flex-basis: 50%; }
	.row.cols2>.col.wide { flex-basis: 100%; }
	.row.cols3>.col { flex-basis: 50%; }
	.row.cols3>.col.wide { flex-basis: 100%; }
	.row.cols4>.col { flex-basis: 33.3333%; }
	.row.cols4>.col.wide { flex-basis: 66.6666%; }
	.row.cols5>.col { flex-basis: 25%; }
	.row.cols5>.col.wide { flex-basis: 50%; }

	.content { flex-flow: row wrap; }
	.content aside { flex: 1 1 100%; }
	.content main { flex: 1 1 100%; }
	aside .row.cols4>.col { flex-basis: 50%; }
	.umenu { margin: 0 0px 20px 0; }

	.swiper-slide  { padding-bottom: 30%; }

	header a { margin: 0 20px; }

	.nav { max-width: 100%; }
}

@media only screen and (max-width: 768px) {
	h1,h3 { font-size: 2rem; }
	h3 { }

	.bblk { padding-left: 5%; padding-right: 5%; }

	.row.cols2>.col { flex-basis: 100%; }
	.row.cols2>.col.wide { flex-basis: 100%; }
	.row.cols3>.col { flex-basis: 50%; }
	.row.cols3>.col.wide { flex-basis: 100%; }
	.row.cols4>.col { flex-basis: 50%; }
	.row.cols4>.col.wide { flex-basis: 100%; }
	.row.cols5>.col { flex-basis: 33.3333%; }
	.row.cols5>.col.wide { flex-basis: 66.6666%; }

	footer .row { flex-flow: row nowrap; }
	footer .row.cols2>.col { flex-basis: 50%; padding-bottom: 0; }

	footer { padding: 20px 0 10px 0; }
	footer .row:first-child { margin-bottom: 20px; }
	footer .row:last-child { margin-top: 20px; }

	.mbtn { display: block; }
	nav .menu_left, nav .menu_right { display: none; }
	nav .logo { margin-left: 20px; padding: 0 0 110px 0; }
	.nav li { flex: 0 0 100%; text-align: center; padding: 0; }

	.header__misc  {	top: 50%; transform: translateY(-50%); right: 84px; margin-top: 1px; }
	.header__misc .authbtn { padding: 10px 10px 9px 10px; }

	main .bblk.site_banner .block { padding-bottom: 50px; }
	.swiper-button-next {display: none}
	.swiper-button-prev {display: none}
	.swiper-slide .lc { display: none; }
	.swiper-slide .rc { flex: 0 0 100%; padding: 20px 30px 0 30px; }
	.swiper-slide .rc img { display: block; max-width: 400px; margin-left: auto; margin-right: auto; }
	.swiper-slide .button { margin: 30px auto 0 auto; }

	.docs { padding-bottom: 50px; }
	.docs .block { background: none; min-height: auto; }
	.docs .info { padding: 0px 14px 20px 14px; }
	.docs .row>.col:first-child { display: none; }
	.docs .row.cols2>.col.info { flex-basis: 100%; }
	.docs h3 { margin: 0 0 40px 0; padding: 0; background: 0; border-bottom: 0; }

	.newsinf { padding-bottom: 70px; }
}

@media only screen and (max-width: 576px) {
	h1,h3 { font-size: 1.7rem; }

	.bblk { padding-left: 3%; padding-right: 3%; }
	.bblk .bblk { padding: 0; }
	.formbody { padding: 5% 5%; }
	.auth .user_test #test { right: 5%; top: 4%; }

	.row.cols2>.col { flex-basis: 100%; }
	.row.cols2>.col.wide { flex-basis: 100%; }
	.row.cols3>.col { flex-basis: 100%; }
	.row.cols3>.col.wide { flex-basis: 100%; }
	.row.cols4>.col { flex-basis: 100%; }
	.row.cols4>.col.wide { flex-basis: 100%; }
	.row.cols5>.col { flex-basis: 100%; }
	.row.cols5>.col.wide { flex-basis: 100%; }

	footer .row { flex-flow: row wrap; }
	footer .row.cols2>.col { flex-basis: 100%; padding-bottom: 0; text-align: center; }
	footer .logo2 { margin: 0 auto; }
	.nav li { flex: 0 0 33%; text-align: center; padding: 0; }

	aside .row.cols4>.col { flex-basis: 100%; }

	.coord .col .img { flex: 0 0 100px; }
}

@media only screen and (max-width: 540px) {
	.auth .user_test #test { right: 5%; top: 3.5%; }
}
@media only screen and (max-width: 480px) {
	.auth .user_test #test { right: 5%; top: 3%; }
	.swiper-slide  { padding-bottom: 60%; }
}