html, body { padding:0; margin: 0; font-family: 'Roboto Condensed', sans-serif; }
body { 
	background: linear-gradient(rgba(240, 240, 240, 0.5), rgba(200, 200, 200, 0.8));
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

img { max-width: 100%; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: bold; }
strong { color: #777; }
/* отступы сайта */
.px-6 { margin: 0 10%; }
/* 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;
}

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

/* шрифты */
.arial { font-family: Arial; }
.verdana { font-family: Verdana; }
.calibri { font-family: calibri; }
.sans  { font-family: sans-serif;}
.times  { font-family: 'Times new roman';}
.serif { font-family: 'Roboto Condensed',serif; }

/* отступы */
.line_height_18 {line-height: 18px; }
.line_height_1 {line-height: 1.2; }
.relative { position: relative; z-index: 1; }

/* цвет фона */ 
.bg_white_0 { background: #fcfcfc; }
.bg_white { background: #fff; }
.bg_grey { background: #f8f8f8; }
.bg_red { background: #E94288; }
.bg_blue { background: #0099e7; }
.bg_black { background: #0f1629; }
.bg_blue2 { background: #0055a7; }
.bg_blue_white { background: #8af; }
.bg_blue_white { background: #8086C2; }

/* цвет пагинации */
.page-item.active .page-link { background: #8af; border: 1px solid #8af;}
/* цвет кнопки */
.btn_blue { background: linear-gradient(90deg, #008552 0%, #9ebd13 120%); }

/* высота и ширина*/
.w-40 { width: 40px; }
.w-80 { width: 80px; }
.w-200 { width: 200px; }

/* цвета ссылок и текстов */
.color_white { color: #fff; }
.color_black { color: #282828; }
.color_grey { color: #7e8299 ; }
.color_red { color: #E94288; }
.colot_red_2 { color: #ED689D; }
.color_blue { color: #09f; }
.color_yellow { color: #fce479; }
.a_color_white { color: #ddd; }
.a_color_white:hover { color: #fff; }
.a_color_black { color: #000; }
.a_color_black:hover { color: #000055; }
.a_color_grey { color: #7e8299 ; }
.a_color_grey:hover { color: #000 ; }

/* размеры фото */
.gallery_photo { object-fit: contain; width: 100%; height: 300px; }

/* размеры шрифтов */
.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_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; }

/* меню */
.menu, .submenu { font-size: 15px; }
.menu_dropdown { background: #f5f5f5; }
/* жрность шрифтов */
.bold { font-weight: bold; }

/* убарть подчерк ссылки или добавить */
.underline_none, .underline_none:hover { text-decoration: none; }
.underline, .underline:hover, .hover:hover { text-decoration: underline; }

/* цвет фона под меню*/
.submenu:hover { background-color: #222225 !important; }
.dropdown:hover .dropdown-menu { display: block;  margin-top: 0;}

/* бордюры */
.border-radius-50 { border-radius: 50px; }
.border-radius { border-radius: 4px; }

/* слайдеры */
.main-slaider { position: relative; height: 250px; width: 100%; object-fit: cover; z-index: 0; }
.slaider-item { height: 250px; }
.slaider-image { background-repeat: no-repeat; height: 250px; width: 100%; background-position: center center; 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; }
/* размер фото для сраницы */
.pages_photo { height: 100px; width: 200px; object-fit: cover; border-radius: 4px; }
.div_leftpage img { max-width: 100% !important; height: auto !important; }

@media all and (max-width: 992px){ 
	.slaider-text { left: 0; }
	.px-6 { margin: 0 0 !important; }
}

@media all and (max-width: 480px){ 

}