*,*::before,*::after{box-sizing:border-box}

#st-3 {padding-right: 15px!important;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 20px;}

#st-3 .st-toggle {
    background: none!important;
    max-height: 1px;}

#st-1 {    font-family: 'WF', sans-serif!important; }

/*#st-3 > div {margin-right: 20px!important;}*/

body {height:100%;margin:0}

/* FBF8EF -- imwerden  f9f5f3 #FEF6E5    font-size:calc(12px + 1.2vw);*/

h2 {font-weight:initial;text-align:center;font-size:28px;}
h3 {font-weight:initial;text-align:center;font-size:calc(10px + 1.0vw)}
.vertical-lr 	{writing-mode:vertical-lr;font-size: 20px}

h2.zwanzig		{color:tomato}

div#search {text-align:center;line-height:2}


p				{margin-left:14px;margin-bottom:4px;margin-top:3px}



b,strong		{font-weight:bolder}

a				{color:#2e8cc2;text-decoration:none}



.img-logo 		{width: 8%;max-width: 120px;vertical-align:middle;float:left;margin-right:10px;margin-bottom:0.5rem}

/*.img-gross 		{display:block;margin-left:auto;margin-right:auto;min-width:400px;max-width:600px;padding-bottom:10px;}*/

.youtube		iframe {display:block;margin-left:auto;margin-right:auto;border:0;width:560px;height:315px;}

div#yandex_money 	iframe {display:block;margin-left:auto;margin-right:auto;border:0; width:423px; height:222px}

p.avtor			{font-size:16px;width:85%}
p.menge			{margin-top:10px;font-size:10px;width:85%}

input,textarea,form,select{font-size:10px}

pre				{font-family:Helvetica,monospace;font-size:12px;margin-top:0;overflow:auto;tab-size:40px}
small			{font-size:80%}

kbd				{padding:.2rem .4rem;font-size:87.5%;color:#fff;border-radius:.1rem}
kbd kbd			{padding:0;font-size:100%;font-weight:700}


a.pfeil		{font-size:24px;background:#ccc;width:1.4em;text-align:center;float:left;margin-top:10px}

ol,ul	{margin-top:0}


hr {border:0px; border-top:4px double rgba(0,0,0,0.1)}

main,nav,section{display:block}

.title{font-size:14px;font-weight:700;color:#000;background:none}
.content{font-size:10px;color:#000;background:none}
.storycat{font-size:12px;font-weight:700;text-decoration:underline;color:#000;background:none}
.boxtitle{font-size:10px;font-weight:700;color:#363636;background:none}
.boxcontent{font-size:10px;color:#000;background:none}
.storytitle{font-weight:500;letter-spacing:1px;color:#363636}
.storytitleblue{letter-spacing:1px}
.option{font-weight:700}

.black{font-weight:400}
.red{text-align:center;font-weight:600;color:red}
.tiny{font-family:tahoma,sans serif;font-size:8px;font-weight:400;color:#000;background:none}


.lead{font-size:1.25rem;font-weight:300}

small,.small {font-size:80%; font-weight:400}

mark .mark{padding:.2em;}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none}
.list-inline-item{display:inline-block}
.list-inline-item:not(:last-child){margin-right:.5rem}
.initialism{font-size:90%;text-transform:uppercase}

.pre-scrollable{max-height:340px;overflow-y:scroll}






.app                    	    {display:flex}

.app-content		    {display:flex; 
                                flex-grow: 1;
								flex-direction:column;
								min-width:0;
								border-top-right-radius: 8px;
								}

.app-sidebar		    {margin-top: 100px;
							    flex-shrink: 0;
							    overflow-x:hidden;
							    overflow-y:auto;
							    width:16.25rem;
							    transition:width .6s;
							    z-index:1030
						        }

/*.content-header     {-ms-flex-negative:0;flex-shrink:0; min-height:50px;}*/

.collapse:not(.show){display:none}

/* ПОИСК */
.poisk		{background:#FBF8EF; position: fixed;right:10px;margin-top:20px; padding: 5px 15px 5px 15px; border:1px solid rgba(0,0,0,0.15); border-radius: 5px;   z-index: 2;}
.poisk:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));
/*background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);*/
/*background-color:#dfdfdf;*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')*/}
.poisk:active{position:fixed;top:2px}
.dropdown {position:relative}
.dropdown-menu		{	display:none;
						width:300px;
						padding:10px;
						border:1px solid rgba(0,0,0,0.15);
						border-radius:9px;
						right:50px;	}
.dropdown-menu.show	{display:block;z-index:99;background-color:#FEF6E5}
/* /ПОИСК */


@media screen and (prefers-reduced-motion: reduce){.btn{transition:none}}

.btn .fa-bars{
    cursor: pointer;
    font-size: 40px;
    }

.btn-close .fa-bars{
    cursor: pointer;
    font-size: 40px;
    }

.btn:hover .fa-bars:before{
  content: "\f00d";
}

.btn:hover{color:#343a40;text-decoration:none}
.btn:focus,.btn.focus{outline:0;box-shadow:0 0 0 .2rem rgba(46,140,194,0.25)}
.btn.disabled,.btn:disabled{opacity:.65}
a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}



/*	
.nav {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}*/

.nav-link{display:block;padding:1rem 1.25rem}
.nav-link:hover,.nav-link:focus{text-decoration:none}
.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}


.navbar			{	margin-left: -265px;
					justify-content:space-between;
					padding:.5rem 1rem .1rem}


.navbar-expand>.container,.navbar-expand>.container-fluid	{padding-right:0;padding-left:0}
.navbar-expand>.container,.navbar-expand>.container-fluid	{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.navbar-expand .navbar-nav .dropdown-menu{position:absolute; padding:10px}
.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}
.navbar-expand .navbar-collapse{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto}
.navbar-expand .navbar-toggler{display:none}
	
	


/*	Заглавие библиотеки	*/
.navbar-brand 				{display:inline-block;font-size:calc(9px + 1.7vw);color:#800000}

.breadcrumb 				{text-align:center;font-size:calc(6px + 1.0vw);
							padding-left:20px;padding-top:5px;padding-bottom:5px;margin-bottom:0;
							list-style:none;color:black;}




.navbar-nav					{list-style:none}
.navbar-nav .dropdown-menu	{position:static;min-width: 250px;z-index: 999}

.nav.nav-tabs .nav-link{border-radius:0;border-top:none;border-bottom:none;color:#495057;outline:0}
.nav.nav-tabs .nav-item:first-child .nav-link{border-left:none}
.nav-tabs-responsive .nav-tabs{display:none}


/*.pagination{font-size:11pt;margin-bottom:0}
.pagination .page-item{margin:0 .125rem}
.pagination .page-item .page-link{border-radius:.15rem}
.pagination .page-item .page-link:hover{-webkit-box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.3);box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.3)}
.pagination .page-item.active .page-link{background:none;-webkit-box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.5);box-shadow:0 0 0.125rem 0 rgba(0,0,0,0.5)}*/

@media print{	body{display:block}
				.app{display:block;height:auto}
				.app .app-sidebar,.app .app-content .content-header{display:none}
}


.font-lg{font-size:1.25rem}
.font-sm{font-size:.875rem}


.decoration-none{text-decoration:none !important}


.app-sidebar .sidebar-nav{padding:0.7rem 0;border-right:1px solid rgba(0,0,0,0.125); border-radius:20px;		}
.app-sidebar .sidebar-nav ul{word-spacing:0.5px;list-style-type:none;padding:0}
.app-sidebar .sidebar-nav li a	{	
				color:#495057;
				display:flex;
				align-items:center;outline:0;padding:.5rem 0.5rem;white-space:nowrap}
.app-sidebar .sidebar-nav li a:hover,
.app-sidebar .sidebar-nav li a[aria-expanded=true] {background:#f2f4f6;color:#2e8cc2}
.app-sidebar .sidebar-nav li>ul li		{padding-left:2rem;padding-bottom:.32rem}
.app-sidebar .sidebar-nav li>ul li a 	{padding:0}
.app-sidebar .sidebar-nav li>ul li:last-child{padding-bottom:0.7rem}
.app-sidebar .sidebar-nav li a .sidebar-nav-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem}
.app-sidebar .sidebar-nav li a .sidebar-nav-text{flex:1 1 0}
.app-sidebar .sidebar-nav .sidebar-nav-header 	{color:#6c757d;display:inline-block;
												font-size:11pt;font-weight:700;
												margin-bottom:.5rem;padding:0 1rem}


.page-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;height:100%;width:100%}
.page-sign .container-sign{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;margin:0 auto;max-width:26.25rem;width:100%}



.razdel_pages 			{	text-align: center; /*min-height:230px*/; padding: 20px 0px 30px 0px;}


/*@media (max-width: 730px) 		{	.navbar-brand 	{font-size: 16px;}	.breadcrumb {font-size: 8px;} }*/

@media (max-width: 575.99px)	{
								.card .card_m h3	{font-size: 14px}
								.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}	
								}
	
@media (max-width: 576px) 		{	.sidebar-header img {width: 65px}
								/*.navbar-brand 	{font-size: 18px;} .breadcrumb {font-size: 10px;}*/
								.poisk {position:fixed;z-index:100}
								.razdel_info	{margin-left:5px; margin-right:5px}
								
								.dropdown-menu	{position:absolute}
								}




@media (max-width: 767.99px)	{	.app .app-sidebar{position:absolute;top:0;left:0;width:0}
									.app .app-sidebar.show{box-shadow:0 0 0.5rem rgba(0,0,0,0.25);width:16.25rem}
									.app .app-sidebar.show::before{visibility:visible;opacity:1}
									
									.navbar	{margin-left: 0px;}
									.nav-tabs-responsive .tab-pane{display:block}
									.nav-tabs-responsive .nav-link-collapse {border-bottom:0.0625rem solid #ced4da; 
										color:#495057;display:block;padding:1rem 1.25rem;text-decoration:none}
									.nav-tabs-responsive,.nav-tabs-responsive .list-group{border-bottom:0.0625rem solid #ced4da}
									.btn {border:none; padding:5px 15px 5px 0; font-size:1.4rem;background: transparent;}
}
	

/* меню появляется при 768px */
		
@media (min-width: 768px)	{	
								.razdel_info h1		{font-size:29px; font-weight:normal}
								.nav-tabs-responsive .nav-tabs{display:flex}
								.nav-tabs-responsive [data-toggle=collapse]{display:none}
								.nav-tabs-responsive .tab-pane .collapse{display:block}
								.btn {display:none}
							}

@media (max-width: 769.99px){	.card{border-radius:8px; margin-bottom:10px;margin-left:5px; margin-right:5px}
								.breadcrumb{display:none}
								.navbar-brand img {display:none}
								.knigi_bild img {max-height: 150px}
								.knigi_data{display:none}
								.knigi_bild_m img{max-height: 150px}
							}

@media (min-width: 770px)	{	.card{border-radius:16px; margin-bottom:15px}	
								/*.navbar-brand img {width:8%;max-width:120px}	*/	}


/*@media (min-width: 995px)	{	.dropdown-menu{position:absolute}							}*/

@media (max-width: 1105.99px)	{.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}
								}

@media (max-width: 1110px)		{.telegram{display:none}}

@media (min-width: 1111px)	{	
								.telegram				{float:right}
								.telegram	iframe {border:0; width:178px; height:50px}
								/*.dropdown-menu			{position:absolute}*/
							}

	

@media (max-width: 1389.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}
}

@media (min-width: 1390px)	{	.navbar-brand 		{font-size:35px}
								.breadcrumb 		{font-size:22px}
								.app-sidebar		{margin-top: 95px}
							/*	.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}*/
							}


.card		{	height: max-content;
    			min-height: 250px; 
				position:relative;
				border-top:1px solid rgba(0,0,0,0.125);		
		 		padding: 15px}
	
.card_m 	{	height: 250px;} 


.card .card-header{border-bottom:.0625rem solid rgba(0,0,0,0.125)}
/*.card .card-header h1,.card .card-header h2,.card .card-header h3,.card .card-header h4,.card .card-header h5,.card .card-header h6{margin-bottom:0}*/

/*.card .table{margin:1rem 0}*/
.card .list-group{box-shadow:none}
	

.card .card_m h3 {font-size: 20px; font-weight: 400; margin-right:50px}

.card li			{font-size: 14px; font-weight: 200; line-height: 36px; }
.card li a:hover	{text-decoration: none; color: #f00;}
.card li a:visited	{text-decoration: none; color: #306;}
.card i				{font-size:11px}

.card code {display:block;color:#000066;word-break:break-word;margin-right:30px}

.card .card_m a				{cursor:hand;color:#009}
.card .card_m a:hover		{color:#0085cf}
.card .card_m a:visited		{color:#300}

.card .card_m p				{font-weight:100;text-align:left;margin-top:20px}





@-webkit-keyframes ballon{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ballon{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
	
	
	
.border{border:1px solid #dee2e6 !important}

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




/* Структура всех книг */

.knigi_data			{position: absolute; top: 10px; right: 10px; font-size:14px}
.knigi_link			{position: absolute; top: 10px; left: 10px; font-size:14px}
.avtor_link			{position: absolute; bottom: 18px; right: 10px; font-size:14px}
.seria_link			{position: absolute; bottom: 0px; right: 10px; font-size:14px}
	
.book_title 		{padding-top: 30px;height: max-content; top: 40px; width: 80%; margin-left:140px;padding-right: 30px;}
.book_title_m 		{/*height: max-content; top: 40px; width: 80%; margin-left:140px;padding-right: 30px;*/}
.book_title_m 	h3			{padding-top:0px}

.knigi_bild			{position:absolute; margin-top:23px}
.knigi_bild img 	{display:inline; max-height: 200px;  max-width:130px; padding:.1em; border:1px solid #dcdcda}

.knigi_bild_m 		{/*position:absolute; margin-top:23px*/}
.knigi_bild_m img 	{    display: block;    margin: auto;
 					   /* width: 50%; */
					    /* display: inline; */
  					  max-height: 200px;
    					max-width: 250px;
    					padding: .1em;
    					border: 1px solid #dcdcda;}



div#picscard	{	text-align:center;
					/*padding:15px;
					margin-bottom: 20px*/	}

.knigi_pics {
    display: inline-grid;
    align-items: start;
    width: 300px;
    min-height: 400px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 20px;
    margin: 5px;
    padding: 5px;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
}

.knigi_pics img {
    max-width: 240px;
    height: 320px;
    /* margin: 5px; */
    border: 2px solid rgba(0, 0, 0, 0.15);
    vertical-align: baseline;
    display: block;
    margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

.knigi_pics span	{color: black}
 


/* Одна книга */

div#container		{	width:100%;
					padding-left:40px;
					margin-right:auto;
					margin-left:auto;
					min-height:400px
				}
/*Дополнительная инфо о книге*/
.double 		{	text-align:center;    
					padding-top: 30px;
    				padding-bottom: 25px;}

div#razdel_info h1	{font-size:calc(16px + 0.9vw); font-weight:normal}

	
@media (max-width: 767.9px)		{	div#container {padding-left:0px;}
									div#alfa {position: static; padding: 20px;}
								}

@media (min-width: 768px)		{	div#container {padding-right:5px}
								}

@media (min-width: 992px)		{	div#container {padding-right:80px;}
									div#alfa {width: 250px; right: 80px; margin-top: 80px; position: fixed;padding:5px; border:1px solid rgba(0,0,0,0.15); border-radius: 5px;}
								}

@media (min-width: 1200px)		{	div#container {padding-right:80px;}
									div#alfa {width: 250px;right: 80px;margin-top: 80px; position:fixed;border:0px}
								}




div#container-pics		{padding-top:10px;padding-bottom:10px;padding-right:30px;padding-left:30px}
div#container-fluid		{padding-top:10px;padding-bottom:10px}







.bukinist	{
				padding:10px;
				line-height: 1.4;
				margin-right: 10px;
				margin-left: 10px;
				text-align:center;
				margin-top:12px;
				}

.bukinist_border	{
				padding:10px;
				line-height: 1.4;
				margin-right: 10px;
				margin-left: 10px;
				text-align:center;
				margin-top:12px;
				border-top:1px solid rgba(0,0,0,0.125);	
				border-bottom:1px solid rgba(0,0,0,0.125);border-radius:12px;}

div#patreon	{	    text-align: center;
    padding: 10px;
    line-height: 1.4;
    border-radius: 30px;
    width: 350px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
    border-top: black;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
				}
div#patreon img	{width:80px}


div#cherv	{	display: flex;
				padding:10px;
				margin-right: 10px;
				margin-left: 10px;
				margin-top: 12px;
				margin-bottom:12px;
				border-top:1px solid rgba(0,0,0,0.125);	
				border-bottom:1px solid rgba(0,0,0,0.125);border-radius:12px;
				}

div#cherv img	{width:100px}










/*BOOK CARD*/

div#bookcard	{padding-top:20px;}

div#bookcard table		{font-size:calc(5px + 1.1vw);width:100%}


div#bookcard h1 { font-size:calc(12px + 1.1vw);font-weight:400;text-align:center;letter-spacing:1px;padding-bottom:10px;border-bottom:1px solid gray; border-radius: 0px 0px 16px 16px; margin-bottom: 30px}


/*div#bookcard h1 {font-family:CooperBTLight;font-size:28px;font-weight:400;text-align:center;letter-spacing:1px;padding-bottom:10px;border-bottom:1px solid gray; border-radius: 0px 0px 16px 16px; margin-bottom: 30px}
Playfair Display*/

div#bookcard li {line-height:2.0;font-size:calc(12px + 0.7vw)}



div#bookcard li a:hover {color: #f00}
div#bookcard li a:visited {color: #306}
	

/*div#bookcard p.avtory {font-family:Arial;font-size:calc(0.7rem + 0.7vw);margin:0;line-height:1.8;padding-left:15px;}*/
div#bookcard p.avtory {font-size:calc(12px + 0.4vw);line-height:1.6}

div#bookcard p.avtory a:hover			{opacity: .7}
div#bookcard #alfa_bukva {font-size:24px;background:#ccc;width:1.4em;
							text-align:center; margin-top: 30px; margin-bottom: 20px}



div#kniga_link		{font-size:calc(10px + 0.7vw); float:left; margin-bottom:15px; word-spacing:1.5px}


div#kniga_data		{font-size: 11px; float: right; margin-right: 15px}
	@media (max-width: 850px){div#kniga_data{display:none}}


div#kniga{min-height:400px;margin:0 auto;padding:5px;border:1px ridge silver}


div#kniga_block{float:right;width:76%;margin-right:60px}

hr.first{width:95%;background-color:silver;margin-bottom:15px}
hr.second{width:15%;height:1px;text-align:center;color:silver;border:0;background-color:silver}

div#kniga_google{float:right;width:30px;margin:0 auto;margin-bottom:50px;text-align:left}
div#kniga h1{font-size:18px;font-weight:500;font-variant:small-caps}
div#kniga_bild{float:left;width:170px;padding:.1em}
div#kniga_bild img{display:inline;float:left;max-width:150px;margin:-5px 5px 25px 5px;padding:.1em;border:1px solid #dcdcda}



div#kniga_information 	{line-height:175%;font-size:calc(8px + 1.0vw);padding-left:20px}
@media (max-width: 499.99px)	{div#kniga_information{clear:both}}
@media (min-width: 570px)		{div#kniga_information{margin-left:180px}}

.column {width: 50%; float: left;  margin-bottom: 8px}



div#kniga_down {text-align: center; font-size:calc(12px + 0.5vw); padding: 40px 10px 10px 10px; clear:both}

/*div#kniga tr{font-family:tahoma,helvetica,sans serif;font-size:10px}*/
div#kniga_info_text{margin:0 auto;margin:0 0 5px 20px;padding:5px;text-align:left;text-indent:2px}
div#kniga_info_cat{font-size:10px;font-weight:400;font-weight:300;float:left;margin-top:3px;margin-bottom:10px;margin-left:5px;padding:0;word-spacing:1.5px}


div#kniga_info_twitt{float:right;margin-right:5px;padding:0}


div#content-body	{overflow-y:auto;height:100%}

div#fb		{display: flex;  align-items: center;  justify-content: center	}



div#achtung		{background-color:white; 
							text-align:center; 
							margin-bottom:10px; 
							margin-left:30px;
							margin-right:30px;
							padding: 6px; 
 							border-radius:8px;
	                        border: 2px solid coral; 
	                        box-shadow: 10px 10px 20px #969696;
							overflow: hidden}



div#razdel_info			{	text-align:center; 
							margin-top: 40px;
							margin-left:50px;
							margin-right:50px;
							margin-bottom: 30px;
							overflow: hidden}

.avtor_books			{	
							    border-top: 1px solid rgba(0, 0, 0, 0.125);
    margin-right: auto;
    margin-left: auto;
	text-align: center;
    width: 600px;
    padding: 6px;
    border-radius: 50px;
    overflow: hidden;
  /*  margin-top: 30px;*/
}

div#razdel_info_bild		{float: left; width: 200px;}
div#razdel_info_bild img	{max-width:150px;vertical-align:middle}

div#razdel_info_text	{text-align:left; font-family: tahoma; font-size:calc(8px + 0.5vw)}
div#razdel_info_text h1	{text-align:center; font-size: 17px; color:black; font-weight: 200}

div#razdel_info p		{font-size:calc(8px + 0.5vw); font-weight:300; margin-bottom:2px; margin-top:2px}






div#counter {max-width: 0}


div#footer	{	bottom:0;left:0;right:0;
				text-align: center; padding-left: 5px; padding-right: 5px; 
				padding-top: 15px; padding-bottom: 15px; 
				}



p.knopka{margin-bottom:3px;text-align:center}






em.pagenumber
{
    position:relative; z-index:10; margin-bottom: 3px; text-align: center; font-style: normal;
}


/*Pages Number Start */
.pbutton	{
				line-height:34px;
				display:inline-block;
				width:34px;
				margin:2px;
				color:#777; 
				border:1px solid #dcdcdc;	border-radius:6px;
			}

.pbutton:hover		{    background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));
                                     /*    background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);
                                        background-color:#dfdfdf;*/
                                      /*  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')*/}
                                        
.pbutton:active		{position:relative;top:1px}

.pbutton img		{width:31px}


/*Кнопка активной страницы*/
.pbbutton
	{	line-height:34px;
		display:inline-block;
		width:85px;				
		margin:2px;
		color:#A5003B;
		border: 1px solid #A5003B; border-radius:6px;
		text-shadow:1px 1px 0 #fff;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')
		}
/* /Кнопка активной страницы*/




.grid 			{   display: inline-block;
					margin:2px;
    				width: 34px;    	line-height:34px;
    				cursor: pointer;
    				border:1px solid #dcdcdc;	border-radius:6px;
    				background: url(pics/icon-grid-default.svg) no-repeat center center;
	   			 	background-size: 24px;
				}
.grid:hover 	{	background: url(pics/icon-grid-active.svg) no-repeat center center;
    			}
.grid_active 	{	background: url(pics/icon-grid-active.svg) no-repeat center center;
					background-size: 18px;
					display: inline-block;
    				width: 34px;   	line-height:34px;
					margin:2px;
    				border: 1px solid #A5003B; border-radius:6px;
   				 }


.list 	{   display: inline-block;
			margin:2px;
    		width: 34px;    	line-height:34px;
    		cursor: pointer;
    		border:1px solid #dcdcdc;	border-radius:6px;
    		background: url(pics/icon-list-default.svg) no-repeat center center;
	    	background-size: 22px;
		}
.list:hover {
    			background: url(pics/icon-list-active.svg) no-repeat center center;
    		}
.list_active {
    			background: url(pics/icon-list-active.svg) no-repeat center center;
				background-size: 18px;
				display: inline-block;
    			width: 34px;   	line-height:34px;
				margin:2px;
    			border: 1px solid #A5003B; border-radius:6px;
   			 }


a.pabutton 
{
    padding: 4px;
    line-height: 30px;
    color: #0c0d0d;
    filter: dropshadow(color = #f7f7f7, offx = 2, offy = 2);
}

a.pabutton:hover {
 padding: 4px; 
 line-height: 30px;
 font-weight:bold; 
 color:#0c0d0d; 
 text-shadow: 2px 2px 2px #f7f7f7; 
 filter: dropshadow(color=#f7f7f7, offx=2, offy=2);}


div#block .caption
{font: normal 10px 'Times New Roman'; line-height: 15px; 

    display: block; padding: 1px 0 1px 0; white-space: nowrap; letter-spacing: .40em; text-transform: uppercase; color: #858585; border: solid 1px #b2b2b2; border-radius: 30px; background: #fff;
}


#dropdown 
{position: relative;
  display: inline-block;
	text-align: center;
	font: normal 14px 'Times New Roman'; 
	line-height: 15px; 
    display: block; 
	padding: 5px 0 5px 0; 
	white-space: nowrap; 
	letter-spacing: .30em; 
	text-transform: uppercase; 
	color: #858585; 
	border: solid 1px #b2b2b2; 
	border-radius: 30px; 
	background: #fff;
}

/*position: relative;*/

.caption
{font: normal 10px 'Times New Roman'; line-height: 15px; display: block; padding: 1px 0 1px 0; 

    text-align: center; white-space: nowrap; letter-spacing: .40em; text-transform: uppercase; color: #858585; border: solid 1px #b2b2b2; border-radius: 30px; background: #fff;
}

.downloadbutton			{	line-height:50px;
    						display:block;
							width:210px;
							margin-left:auto;margin-right:auto;
							margin-top: 30px;
							text-align:center;
							cursor: pointer;
    						border:2px solid #dcdcdc;	border-radius:25px;
	
	background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
	/*background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
	background-color:#ededed;

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf')*/
}

.downloadbutton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);background-color:#dfdfdf;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed')}
.downloadbutton:active{position:relative;top:2px}
.downloadbutton:visited{color:#000fff}



@font-face {
	font-family: 'AGSouvenirCyr';
	src: url('/font/AGSouvenirCyrRoman.eot');
	src: local('AGSouvenirCyr Roman'), local('AGSouvenirCyrRoman'),
		url('/font/AGSouvenirCyrRoman.eot?#iefix') format('embedded-opentype'),
		url('/font/AGSouvenirCyrRoman.woff') format('woff'),
		url('/font/AGSouvenirCyrRoman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: ScotchModern;
    src: url(/font/ScotchModernDisplay.eot);
    src: url(/font/ScotchModernDisplay.eot?#iefix) 
	format("embedded-opentype"),url(/font/ScotchModernDisplay.woff2) 
	format("woff2"),url(/font/ScotchModernDisplay.woff) 
	format("woff"),url(/font/ScotchModernDisplay.ttf) 
	format("truetype")
	    font-stretch: ultra-condensed;
}

@font-face {
    font-family: WF;
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(/font/projito_fonts.woff2) format("woff2"),url(/font/projito_fonts.woff) format("woff")
}