html, body { padding:0; margin: 0; background: #FFFFFF; font-size: 13px; }
body { font-family: 'Roboto Condensed', sans-serif; }
img { max-width: 100%; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: bold; }
.gerb { height: 120px; }
.img_fit { width: 100%; height:280px; object-fit: cover; }
.img_fit2 { width: 100%; height:150px; object-fit: cover; }

/* 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;
}
/* конец */


/* мобильное меню */
.menu_line {  width: 35px;  height: 5px;  background-color: #777;  margin: 6px 0; }
/* курсор на стрелку */
.pointer { cursor: pointer; }
.shadow_hover:hover { box-shadow: 0 0 11px rgba(33,33,33,.1); }
.uzor { background-color: #2290B3; background-repeat: no-repeat; background-position: 10% center; }
.flag { background: url('/img/flag.png'); background-repeat: no-repeat; background-position: right center; background-size: auto 100%; }
.page_image { width: 300px; float: right; object-fit: contain; height: 300px; }
.rightcss img {max-width: 100%; object-fit: cover; min-width: 100%; }

/* отступы */
.px-6 { padding: 0 5%; }
.line_height_1 {line-height: 1.2; }
.relative { position: relative; z-index: 1; }

/* цвет фона */ 
.bg_white { background: #fff; }
.bg_top { background: #fff; }
.bg_grey { background: #f8f8f8; }
.bg_grey2 { background: #e8e8e8; }
.bg_red { background: #E94288; }
.bg_blue { background: #0099e7; }
.bg_flag { background: #2290B3; }
.bg_black { background: #353534; }
.bg_black2 { background: #252524; }

/* высота */
.w-40 { width: 40px; }
.w-80 { width: 80px; }
.w-140 { width: 140px; min-width: 140px; }

/* цвета ссылок и текстов */
.color_white { color: #fff; }
.color_black { color: #282828; }
.color_grey { color: #909090; }
.color_red { color: #E94288; }
.color_blue { color: #369BB1; }
.color_yellow { color: #FDF97A; }

.a_color_white { color: #fff; }
.a_color_white:hover { color: #f5f5f5; }
.a_color_black { color: #555; }
.a_color_black:hover { color: #000; }

/* размеры шрифтов */
.f_8 { font-size: 8px; }
.f_11 { font-size: 11px; }
.f_13 { font-size: 13px; }
.f_14 { font-size: 14px; }
.f_15 { font-size: 15px; }
.f_16 { font-size: 16px; }
.f_18 { font-size: 18px; }
.f_20 { font-size: 20px; }
.f_25 { font-size: 25px; }
.f_30 { font-size: 30px; }
.f_36 { font-size: 36px; }
.f_52 { font-size: 52px; }
.f_3 { font-size: 2.25rem; }

/* гугл шрифты */
.arial  { font-family: 'Roboto Condensed', Arial;}
.times  { font-family: 'Roboto Condensed', 'Times new roman';}
.serif { font-family: 'Roboto Condensed', Georgia,Times New Roman,serif; }

/* жрность шрифтов */
.bold { font-weight: bold; }

/* убрать стрелку вниуз падающего списка*/
.dropdown-toggle::after { content: none; }
.dropdown-item:hover { background: #000; color: #fff;  }

/* убарть подчерк ссылки*/
.underline_none, .underline_none:hover { text-decoration: none; }
.underline, .underline:hover, .hover:hover { text-decoration: underline; }
/* цвет фона под меню*/
.submenu:hover { background-color: #2290B3 !important; }
.dropdown:hover .dropdown-menu { display: block;  margin-top: 0;}

/* h1 */
.h1 { font-weight: 900; font-size: 52px; line-height: 68px; }
.h2 { font-weight: 600; font-size: 36px; line-height: 50px; }
.h4 { font-weight: 700; font-size: 22px; line-height: 34px; }

/* бордюры */
.border_top_black { border-top: 1px solid #0099e7; }
.border-top-blue { border-top: 2px solid #09f; }
.bottom_line:hover { padding-bottom: 5px; border-bottom: 1px solid #fff;}
.border-radius { border-radius: 8px; }
.border1 { border: 1px solid rgba(0, 0, 0, 0.12); }

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

/* баннеры */
.banner-item { height: 100px; margin: 0 20px; }
.banner-image { background-repeat: no-repeat; height: 100px; width: auto; background-position: center; background-size: contain; }
.book-item { height: 150px; margin: 0 20px; }
.book-image { background-repeat: no-repeat; height: 150px; width: auto; background-position: center; background-size: contain; }

/* персонал */
.personal { height: 150px; width: 140px; object-fit: cover; }
.page_div img { height: auto !important; }

@media all and (max-width: 992px){ 
	.px-6 { padding: 0 5%; }
	.uzor {background-position: left center; background-repeat: repeat-y; }
}
@media all and (max-width: 480px){ 
	.flag { background: none; }
	.slaider-text { right: 10%; }
	.gerb { height: 120px; }
}