@media (max-width: 991.98px) {
	
html {
    min-height: 100%;
    margin: 0;
}

body {
    min-height: 100%;
    margin: 0;
	padding-top: 50px;
    padding-bottom: 30px;
	background-color: rgb(21 21 42);
	opacity: 1;
	background-size: 11px 11px;
	background-image: repeating-linear-gradient(45deg, #151830 0, #151830 1.1px, #34344c 0, #34344c 50%);
}

.wrapper {
	min-height: 100%;
}

#header-mobile {
	background:rgb(21 21 42);
	box-shadow: -1px 6px 5px -5px rgb(11 19 26 / 70%);
}

#logo-mobile {
    margin: auto;	
}

#logo-mobile img {
    margin: auto;
	max-height: 30px;
	padding: 5px 5px 5px 5px;
}

#footer-area {
	background:rgb(21 21 42);
}

#footer-area p {
	color: white;
	text-align: center;
	margin: 0;
	padding: 5px;
	font-size: small;
}

.social img {
    margin: auto;
	max-height: 30px;
	padding: 5px 5px 5px 5px;	
}

.instagram:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.telegram:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.vk:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.youtube:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.instagram {
	filter: invert(99%) sepia(6%) saturate(296%) hue-rotate(16deg) brightness(118%) contrast(100%);
	max-width: 30px;
	float: left;
}
	
.telegram {
	filter: invert(99%) sepia(6%) saturate(296%) hue-rotate(16deg) brightness(118%) contrast(100%);
	max-width: 30px;
	float: left;
}
	
.vk {
	filter: invert(99%) sepia(6%) saturate(296%) hue-rotate(16deg) brightness(118%) contrast(100%);
	max-width: 40px;
	float: left;
}	
	
.youtube {
	float: left;
}

#navigation-toggle span.nav-line {
    background:#fff !important;;
}

#navigation-toggle:hover  span.nav-line{
    background:#0486c0 !important;
}

#content-left {
	padding-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 8px rgb(18 17 36 / 4%), 0 4px 32px rgb(18 17 36 / 8%);
}

#content-right {
	padding-top: 5px;
	padding-bottom:20px;
	background:white;
	margin-bottom: 10px;
	/*min-height: inherit;*/
	word-wrap: break-word;
}

#content-bottom {
	padding: 0px;
	margin-bottom: 10px;
}

#content-box {
	min-height: 90vh;
}

.sidr {
    border-radius: 0px;
}

.items-leading, .items-row.row-fluid.clearfix {
	line-height:normal;
}

.blogmystyle .published {
	color:#a7a7a7;
	margin: 2px 0px 5px 0px;
	font-size: smaller;
	/*font-weight: 500;*/
}

.blog .published {
	color:#a7a7a7;
}

.items-leading, .items-row  > div {
	border-bottom: 2px solid #e5e5e5;
	margin: 0px  0px 15px 0px;
	padding: 5px 0px 5px 0px;
}

.blogmystyle hr {
	display:none;
}

.blogmystyle h2 {
	margin: 0px 0px 0px 0px;
	font-size: large;
	font-weight: 700;
}

.blogmystyle a {
	color:black;
}

.blog a {
	color:#374a59;
	text-decoration: none;
}

.blogmystyle td  {
	font-size:smaller;
	/*color:#374a59;*/
	padding: 0px 5px  5px 5px!important;
}

.blogmystyle dl {
	margin: auto;
}

.blogmystyle h1 {
	color:#0a6aba;
	margin: 5px 0px 10px	10px;
	font-size: large;
}

.blogmystyle img {
	border-radius: 0px;
	max-width: 150px;
}

.content-right.blogmystyle {
	padding-top: 12px;
}

.bdy-my {
    text-align: center;
    align-items: center;
}

.card-img-top {
	border-radius: 0px;
}

.ftcr {
	background-color: white;
    border-radius: 0px 0px 0px 0px !important;
    border: none !important;
}
.lnk:hover {
    color: #fff;
    background-color: #9e111e;
}

.card {
    border: none !important;
    border-radius: 0px;
}

.lnk {
    border: none !important;
}

.me {
  margin:25px;
  text-align: center;
}

.me a {
  font-size:15px;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
}

.me a:hover {
  color: #fff;
  background: #18191F;
  transition: all easy 0.3s;
}


/*Логотип над фото на главной*/
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
}
.image2 {
  position: absolute;
  top: 5px;
  left: 5px;
  max-width: 60px;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}
}

@media (max-width: 575.99px) {

#content-bottom-1 {
    padding: 0px;
    margin-bottom: 10px;
}

#content-bottom-2 {
    padding: 0px;
    margin-bottom: 10px;
}

#content-bottom-3 {
    padding: 0px;
    margin-bottom: 10px;
}
}


@media (min-width: 576px) {

#content-bottom-1 {
    padding-left: 0px;
	padding-right: 2px;
    margin-bottom: 10px;
}

#content-bottom-2 {
    padding-left: 2px;
	padding-right: 0px;
    margin-bottom: 10px;
}

#content-bottom-3 {
    padding-left: 0px;
	padding-right: 2px;
    margin-bottom: 10px;
}

.card img {
	
	height:200px !important;
	object-fit:cover;
} 

.card-body {
	min-height: 235px;
}

}


@media (min-width: 768px) {

#content-bottom-1 {
    padding-left: 0px;
	padding-right: 2px;
    margin-bottom: 10px;
}

#content-bottom-2 {
    padding-left: 1px;
	padding-right: 1px;
    margin-bottom: 10px;
}

#content-bottom-3 {
    padding-left: 2px;
	padding-right: 0px;
    margin-bottom: 10px;
}

}

@media (min-width: 991.99px) {
	
html {
    min-height: 100%;
    margin: 0;
}

body {
    min-height: 100%;
    margin: 0;
	padding-bottom:20px;
	background: #1D1E22;	
}

.wrapper {
	min-height: 100%;
}

#header {
	background: #1d1e22;
}

#logo {
    padding: 5px 5px 5px 30px;
    margin: 5px;
    max-width: 300px;
}


#header-right {
	text-align:right;
	margin: auto;
	color: #b1b1b1;
    padding-right: 50px;
    font-size: larger;
    font-weight: 600;
}

#menu-area {
	padding:0;
}

.grue_92 {
	font-weight: 600;
}

#gruemenu.grue_92 > ul > li > a {color: #575757;text-transform:uppercase;padding-top: 10px;padding-bottom: 10px;}

#footer-area {
	background:#303b44;
}

#footer-area p {
	color: white;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-size: small;
}

.social img {
    margin: auto;
	max-height: 30px;
	padding: 5px 5px 5px 5px;	
}

.instagram:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.telegram:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.vk:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.youtube:hover {
	filter: invert(46%) sepia(68%) saturate(6713%) hue-rotate(179deg) brightness(98%) contrast(97%);
}

.instagram {
	filter: invert(99%) sepia(6%) saturate(296%) hue-rotate(16deg) brightness(118%) contrast(100%);
	max-width: 30px;
	float: left;
}
	
.telegram {
	filter: invert(99%) sepia(6%) saturate(296%) hue-rotate(16deg) brightness(118%) contrast(100%);
	max-width: 30px;
	float: left;
}
	
.vk {
	filter: invert(99%) sepia(6%) saturate(296%) hue-rotate(16deg) brightness(118%) contrast(100%);
	max-width: 40px;
	float: left;
}	
	
.youtube {
	float: left;
}

#content {
	width: 70%;
	max-width: 1070px;
}

#content-right {
	border-radius: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	background:white;
	padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}


.card img {
	width:auto !important;
	height:200px !important;
	object-fit:cover;
	border-radius: 0px;
} 


.bdy-my {
    text-align: center;
    align-items: center;
}

.card {
    width: auto !important; 
}


.card-body {

}

.ftcr {
    background-color: #303B44;
    border-radius: 0px 0px 5px 5px !important;
    border: none !important;
}

.lnk:hover {
    color: #000;
    background-color: #fff ;
}

.card {
    border: none !important;
    border-radius: 10px;
	margin-bottom: 10px;
}


.lnk {
    border: none !important;
}

.me {
  margin:25px;
  text-align: center;
}

.me a {
  font-size:15px;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
}

.me a:hover {
  color: #fff;
  background: #18191F;
  transition: all easy 0.3s;
}

.items-leading, .items-row.row-fluid.clearfix {
	line-height:normal;
}

.blogmystyle .published {
	color:#a7a7a7;
	margin: 0px 0px 5px 10px;
}

.items-leading, .items-row  > div {
	border-bottom: 2px solid #e5e5e5;
	margin: 10px  15px 15px 10px;
}

.blogmystyle hr {
	display:none;
}

.blogmystyle h2 {
	margin: 0px 0px 0px 10px;
	font-size: larger;
	font-weight: 700;
}

.blogmystyle a {
	color:#212529;
	font-weight: 500;
	text-decoration: none;
}

.blog a {
	color:#212529;
	font-weight: 500;
	text-decoration: none;
}

.blogmystyle td  {
	padding: 0px 5px  10px 15px!important
}

.blogmystyle dl {
	margin: auto;
}

.blogmystyle h1 {
	color:#0a6aba;
	margin: 5px 0px 10px	10px;
	font-size: large;
}

.blogmystyle img {
	width: 180px;
}

.content-right.blogmystyle {
	padding-top: 12px;
}

#breadcrumbs {
	background: #dbdbdb;
	font-weight: 500;
    font-size: small;
}

.breadcrumb {
	margin: auto;
}

/*Логотип над фото на главной*/
.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
}
.image2 {
  position: absolute;
  top: 15px;
  left: 15px;
  max-width: 100px;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

}
img, svg {
    vertical-align: middle;
    max-width: 100%;
}




.osgalery-cat-tabs {
	display: none;
}

/* Стили таблицы */
table.talt{text-decoration: none;border-collapse:collapse;width:100%;text-align:center; width: 100%;  border-width: 2px;}
table.talt th{font-weight:normal;font-size:14px; font-weight: 600; color:#ffffff;background-color:#354251;}
table.talt td{font-size:13px;color:#354251;}
table.talt td,table.talt th{white-space:pre-wrap;padding:10px 5px;line-height:13px;vertical-align: middle;border: 1px solid #354251;}
table.talt tr:hover{background-color:#f9fafb}
table.talt tr:hover td{color:#354251;cursor:default;}