html, body { padding: 0; margin: 0; }
body {  background: #f5f5fb; font-size: 13px; font-family: Arial; }
/*body { font-family: 'Roboto Condensed', sans-serif; }*/
.btn-sm { font-size: 13px; }

img { max-width: 100% }
a { color: #337ab7; }
.mx-6 { padding:0 10%; }

.menu-link { padding: 20px 5px; color: #000; }
.spincrement { position: relative; top: -5px; }
.border_radius { border:1px solid #aaa; border-radius: 20px; }
.item_image img { width: 100px !important; height: 100px !important; object-fit: cover; }

.pointer { cursor: pointer; }
/* размеры */
.w-0 { width: auto; }
.w-40 { width: 40px; }
.w-60 { width: 60px; }
.w-80 { width: 80px; }
.w-120 { width: 120px; }
.w-130 { width: 130px; }
.w-140 { width: 140px; }
.w-160 { width: 160px; }
.w-180 { width: 180px; }
.w_200 { width: 230px; }
.h_200 { height: 200px !important; max-height: 200px; }
.h_180 { height: 180px !important; max-height: 180px; }
.overflow_h { overflow: hidden; }

/* цвета текста*/
.color_black { color: #000; }
.color_white { color: #fff; }
.color_white2 { color: #fff; }
.color_grey { color: #636363; }
.color_logo { color: #4654a3; }
.color_blue { color: #377fea; }
.color_grow { color: #377fea; }
.color_grow_contour { -webkit-text-stroke: 1px #377fea; -webkit-text-fill-color: white;}
/* цвет фона */
.bg_white { background: #fff; }
.bg_white2 { background: #fff; }
.bg_grey { background: #f4f4f4; }
.bg_logo { background: #4c9eaa; /*#4654a3;*/ }
.bg_pink { background: #7359ff; }
.bg_pink2 { background: #FF69B4; }
.bg_blue { background: #377fea; }
.bg_blue2 { background: #4169E1; }
.bg_red2 { background: #E94288; }
.bg_black { background: #3e3e3e; }
.bg_pero { background: #4c9eaa; /*#7868d1; */}
.bg_grow { background: #377fea; }
.angle_45 { transform: rotate(45deg); }


/* отступ слева спава */
.px-5 { padding-left: 10% !important; padding-right: 10% !important; }
.line-height { line-height: 1; }
.line-height12 { line-height: 1.2; }
.line-height15 { line-height: 1.5; }
.border-radius-50 { border-radius: 50px; }

/* размеры шрифтов */
.text-sm { font-size: .875rem; }
.text-13, .f_13 { font-size: 13px; }
.text_60, .f_60 { font-size: 60px; }
.text_50, .f_50 { font-size: 50px; }
.text_45, .f_45 { font-size: 45px; }
.text_40, .f_40 { font-size: 40px; }
.text_30, .f_30 { font-size: 30px; }
.text_20, .f_20 { font-size: 20px; }
.text_25, .f_25 { font-size: 25px; }
.text_18, .f_18 { font-size: 18px; }
.text_15, .f_15 { font-size: 15px; }
.text_11, .f_11 { font-size: 11px; }

/* шрифты */
.times {font-family: Arial; }
.bold { font-weight: bold; }

/* бордюры */
.border_bottom { border-bottom: 3px solid #d3d3d3; }
.border-radius { border-radius: 5px !important; }
.radius { border-radius: 30px !important; }
.radius50 { border-radius: 50% !important; }
.border-color-3 { border-color: #777 !important; }

/* hover */
.underline:hover, .under {text-decoration: underline !important; }
.underline_none {text-decoration: none !important; }
.color_white:hover { color: #fff; }
.hover_shadow:hover { box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.26); }

/* слайдеры */
.main-slaider { position: relative; height: 350px; width: 100%; object-fit: cover; z-index: 0; }
.slaider-item { height: 350px; }
.slaider-image { background-repeat: no-repeat; height: 350px; width: 100%; background-position: center; background-size: cover; }
.slaider-text { position: absolute; bottom: 5%; left: 10%; padding: 20px; border-radius: 5px; max-width: 95%; width: 30%; background: rgba(0,0,0,0.6); font-size: 30px; text-decoration: none; color: #fff; }
/* конец */

/* новые книги слайдер */
.newbooks { height: 350px; width: 100%; position: relative; z-index: 0; }
.book_item { height: 350px; }
.book_image { height: 350px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.book_text { position: absolute; bottom: 5%; left: 5%; padding: 5px; border-radius: 5px; text-decoration: none; color: #fff; }

/* Изданные книги */
.book_photo  { height: 300px; width: auto; background-repeat: no-repeat; background-position: center; background-size: cover; }
.book_name { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 5px; margin: 0 15px; background-color: rgba(0,0,0,0.6); color: #fff; height: 50px; overflow: hidden;}

/* фон1*/
/*.fon1 { background: url('/img/fon1.jpg') no-repeat; background-size: cover; background-position: center; width: 100%; height: 100px; }*/
/*.fon1 { background-color: #00B0C7; background-image: url('/img/uzor1.png'); background-repeat: repeat-x; background-position: center; height: 130px;  }*/
.fon1 { background-color: #ff6739; background-image: url('/img/uzor1.png'); background-repeat: repeat-x; background-position: center; height: 130px;  }
.header {
	background-color: #fff;
	background-image: url('/img/uzor_2.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	height: 200px;
}

/* узор для молодых писателей */
.uzor { background-color: #377fea; background-image: url('/img/uzor1.png'); background-repeat: repeat-x; background-position: center; background-size: 60%; }
.ul_none { list-style-type: none; padding:0; margin:0; }
.photo_poet  { width: 180px; height: 180px; object-fit: cover; border-radius: 50%; max-width: none;}
.photo_poet2  { width: 100px !important; height: 100px !important; object-fit: cover; border-radius: 50%; max-width: none;}

.page_photo, .book_foto { width: 130px ; height: 130px !important; object-fit: contain; }
.book_img {width: 160px !important; height: 230px !important; object-fit: cover;}

.kalamger_image {width: 100%; height: 200px; object-fit: cover;}
.kalamger_fio { font-size: 14px; position: absolute; padding: 40px 15px 15px 15px; left: 15px; right: 15px; bottom: 0; line-height: 20px; white-space: nowrap; overflow: hidden; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); }

/* мобильное меню */
.menu_mobile { display: none; }
.menu_line {  width: 35px;  height: 5px;  background-color: black;  margin: 6px 0; }
.dropdown:hover .dropdown-menu { display: block;  margin-top: 0;}
/* убрать стрелку вниуз падающего списка*/
.dropdown-toggle::after { content: none; }
.dropdown-item:hover { background: #000; color: #fff;  }
.submenu:hover { background-color: #222225 !important; }
.a_color_black { color: #000; }
.a_color_black:hover { color: #000055; }
.div_book2 {width: 20px; object-fit: contain; }

/* pagination */
.pagination li a, .pagination li span {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.pagination .active span {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
/* конец */

.icon-book { width: 100px; height: auto; object-fit: cover; }
.icon-div {
    background-color: #f5f5fa;
    border-radius: 150px;
    height: 150px;
    width: 150px;
    margin: auto;
}

.library_janr { overflow: hidden; }

.library_janr img {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
.library_janr:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}

@media all and (min-width: 993px){
	.col-md-13 { flex: 0 0 20%; max-width: 20%}
}
@media all and (max-width: 992px){
	.slaider-text { width: 80%; font-size: 20px; }
	.px-5 { padding-left: 5% !important; padding-right: 5% !important; }
	.menu { display: none; }
	.menu_mobile { display: inline-block; }
}
@media all and (max-width: 480px){

}