html, body { padding:0; margin: 0; }
body {  background-color: #e4eef6; }

/* курсор */
.bg-blue-2 { background-color: #006FFF;}
.pointer { cursor: pointer; }
.bg-black { background: #0f1629; }
.bg-grey { background: #f0f0f0; }
.bg-blue { background: #007ACC; }
.color_white, .color_white:hover { color: #fff; }
.color_black { color: #282828; }
.color_red { color: #af0000; }
.select2-container { width: 100% !important; }
.bold { font-weight: bold; }
.line-height-1 { line-height: 1; }
.nav-link { color: #fff !important; }
.nav-link:hover { color: #ff0 !important; }
.nav-link.active { color: #ff0 !important; }
.nav-link.active:hover { color: #ff0 !important; }
.nav-link.show { color: #ff0 !important; }
.nav-link.show:hover { color: #ff0 !important; }
.dropdown-item:focus,.dropdown-item:hover { color: #fff !important; background-color: #059 !important; }

/* размеры шрифтов */
.f_8 { font-size: 8px; }
.f_11 { font-size: 11px; }
.f_13 { font-size: 13px; }
.f_15 { font-size: 15px; }
.f_18 { font-size: 18px; }
.f_20 { font-size: 20px; }
.f_25 { font-size: 25px; }
.f_30 { font-size: 30px; }
.f_35 { font-size: 35px; }
.f_40 { font-size: 40px; }
.f_45 { font-size: 45px; }
.f_50 { font-size: 50px; }
.f_70 { font-size: 70px; }

.lang { text-decoration: none; font-size: 15px; color: #fff; }
.site_name { font-size: 30px; color: #005599; }
.left_menu { text-decoration: none; font-size: 15px; color: #fff; }
.w-120 { width: 120px; }
.w-150 { width: 150px; }
.w-180 { width: 180px; }
.w-40 { width: 40px; }
.w-80 { width: 80px; }
.w-200 { width: 200px; }
.w-220 { width: 220px; }

.border-radius-2 { border-radius: 30px 30px 0 30px; }
.a_lang { color: #fff; text-decoration: none; }
.a_menu { color: #fff; text-decoration: none; padding:5px;}
.a_menu:hover { text-decoration: underline; }

.book_foto { width: 130px; height: 130px !important; object-fit: contain; }
.img-fluid { vertical-align: bottom !important;}
.text-pre-line { white-space: pre-line;}

.grad { background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 90%); }

@media all and (max-width: 992px){
    .p-5 { padding: 1rem !important; }
}

@media all and (max-width: 480px){
    .f_70 { font-size: 30px;}
}