@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Droid+Sans|Ubuntu|Ubuntu+Mono&subset=latin,cyrillic);

body
{
	background-color:#eee;
	font-family:"Ubuntu", "Droid Sans", sans-serif;
}

body *
{
	color:#923b39;
}

.container
{
	max-width:960px;
}

.nav-link
{
	color:#31356e;
}

.nav-link:hover
{
	color:#31356e;
	text-decoration:underline;
}

.nav-link.active
{
	cursor:default;
}

.nav-link.active:hover
{
	text-decoration:none;
}

main
{
	background-color:#fad8d5;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

header
{
	background-color:#f4f4f4;
}

.bottom-back
{
	background-color:#fad8d5;
	padding-right:0;
	padding-left:0;
}

.mx-n1
{
	margin-left:calc(var(--bs-gutter-x) * -.25);
	margin-right:calc(var(--bs-gutter-x) * -.25);
}

.mx-n2
{
	margin-left:calc(var(--bs-gutter-x) * -.5);
	margin-right:calc(var(--bs-gutter-x) * -.5);
}

@media (min-width: 768px)
{
	.pr-md-3
	{
		padding-right:1rem!important;
	}
}

.svg-bottom
{
	transform:rotateX(180deg) translateY(1px);
	vertical-align:top;
}

.svg-top
{
	vertical-align:bottom;
}

.svg-bottom.svg-fh
{
	transform:rotateX(180deg) rotateY(180deg) translateY(1px);
}

.svg-fh
{
	transform:rotateY(180deg);
}

.svg-bottom path,
.svg-top path
{
	fill:#f4f4f4;
}

h1, h2, h3, h4, h5, .h2, h1 a, h2 a, h3 a, h4 a, h5 a, .h2 a
{
	color:#31356e;
}

h1 a, h2 a, h3 a, h4 a, h5 a, .h2 a
{
	text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .h2 a:hover
{
	text-decoration:underline;
}

.content
{
	background-color:#f4f4f4;
	padding:3rem;
}

.content:not(:first-of-type)
{
	padding-top:0rem;
}

a:hover
{
	color:inherit;
	text-decoration:none;
}


.chart-container
{
	display:flex;
	height:150px;
	justify-content:center;
	overflow:hidden;
	position:relative;
}

.chart
{
	background:conic-gradient(#f49678 0% 0%, #31356e 0% 100%);
	border-radius:50%;
	height:300px;
	transform:rotate(-90deg);
	width:300px;
}

.chart-text
{
	background-color:#f4f4f4;
	border-radius:50%;
	bottom:-100px;
	height:200px;
	position:absolute;
	width:200px;
}

.chart-text p
{
	color:#f49678;
	font-size:3rem;
	top:40px;
	position:relative;
}

.chart-text p span
{
	color:#f49678;
}

.form-select-lg,
.form-select-lg *,
.form-select-lg:focus
{
	box-shadow:none;
	border-color:#ced4da;
	color:#31356e;
	font-size:2rem;
}

.form-select-lg option:hover,
.form-select-lg option:focus
{
	color:#fad8d5;
	background-color:#31356e;
}

.bulb-outer
{
	position:relative;
}

.bulb
{
	display:block;
}

.light-now
{
	background-color:#fff;
	border:1px solid #ced4da;
	border-radius: 0.5rem;
	left:50%;
	opacity:0;
	overflow:hidden;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	width:0px;
}

.light-now p
{
	font-size:1.25rem;
    font-weight:300;
    margin:1rem;
	text-align:center;
	vertical-align:middle;
}

.bar-container
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	overflow:hidden;
	position:relative;
}

.bar
{
	background-color:#f49678;
	border-radius:0.2rem 0.2rem 0 0;
	height:100px;
	margin:20px;
	position:relative;
	width:30px;
}

.bar-action
{
	background-color:#31356e;
	border-radius: 0.2rem 0.2rem 0 0;
	height:30%;
	width:30px;
}

.bar-text
{
	bottom:0;
	font-size:0.8rem;
	position:absolute;
	width:30px;
}

.bar-date
{
	bottom:-20px;
	font-size:0.8rem;
	position:absolute;
	width:30px;
}

.blog .svg-bottom
{
	margin-bottom:2rem;
}

.blog-post .outer
{
	max-height:100px;
	overflow:hidden;
	position:relative;
}

.blog-post .outer .wrapper
{
	background:linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(244, 244, 244, 1) 100%);
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.blog-post .text h1, .blog-post .text h2, .blog-post .text h3, .blog-post .text h4, .blog-post .text h5, .blog-post .text .h2
{
	font-size:1.3rem;
}

/* ------------------------------------ пагинатор ------------------------------------ */
.pagination > li:first-child
{
	border-radius:0.375rem 0 0 0.375rem;
}

.pagination > li:last-child
{
	border-radius:0 0.375rem 0.375rem 0;
}

.pagination a
{
	border-color:#ced4da!important;
	color:#923b39!important;
}

.pagination .disabled a
{
	color:rgba(146,59,57,0.5)!important;
}