body {
	margin: 0 30px !important;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/fon1.jpg);
}
a {
	color: #960227 !important;
}
a:hover {
	color: #960227 !important;
	text-decoration: underline;
}
a.hasTooltip {
	display: block !important;
}
img {
    max-width: 100%;
    height: auto;
}

/*#djslider96 {
	max-width: 450px;
	max-height: 450px;
}*/
#back {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    padding: 0;
    -webkit-box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.85);
    -moz-box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.85);
    background: #fff;
}
.ml-subscribe-form {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
}



#logo, .slogan.topblock p {
	margin: auto 0;
	vertical-align: bottom;
	display: inline;
	max-width: 100%;
}
.logoheader, .slogan.topblock, .topsearch.topblock {
	width: 38%;
	display: inline-block;
	vertical-align: top;
}
.topsearch a img {
	height: 20px;
	width: auto;
}
.topsearch table {
	float: right;
	margin: 5px 0 10px;
}
.logoheader img {
	max-width: 500px;
	margin-left: 4px;
}
.slogan.topblock {
	width: calc(62% - 175px);
	margin-top: 10px;
}
.logoheader img, .slogan img {
	width: 100%;
}
.topsearch.topblock {
	width: 160px;
	float: right;
}
.topsearch.topblock table {
}
.topsearch.topblock table td {
	padding: 5px 10px 0;
}
.element-invisible {
	display: none;
}
a.podpiska {
	display: inline-block;
	background-color: #b5121b;
	color: #fff !important;
	font-size: 11px;
	margin: 25px 0 0;
	width: 100%;
	text-align: center;
	line-height: 17px;
}
a.podpiska::before {
    display: inline-block;
    content: "\2709";
    font-size: 180%;
    vertical-align: bottom;
    padding-right: 5px;
    font-weight: normal;
}
.topsearch .search {
	display: inline-block;
	width: 100%;
}
.topsearch .search form, .topsearch .search-query {
	width: 100%;

}
.topsearch .search-query {
	background-position: right center;
	background-repeat: no-repeat;
	padding: 1px 10px 3px 10px;
	font-size: 13px;
	width: 100%;
	border: 1px solid #8c8c8c;
}

/* Menu */
.otmenu-mobile-wrapper {
	/*! display: none; */
}
.mainmenu {
	display: inline-block;
	background: #949599;
	width: 100%;
	margin-top: 13px;
	padding: 0 32px;
}
.mainmenu span.nav-header {
	line-height: 45px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 0px 15px;
}
.mainmenu .level1 > div:hover {
	box-shadow: 0 -4px #971A2A inset;
	position: relative;
}
.submenu-wrap-level1 {
	top: 40px !important;
	margin: 0 !important;
}
.mainmenu li {
	margin: 0px 15px !important;
}
.otmenu-desk-wrapper a.level1 {
    height: 25px !important;
    color: #fff !important;
	line-height: 25px;
}
.otmenu-desk-wrapper a, .item-separator span {
	color: #fff !important;
}
.otmenu-desk-wrapper span {
	font-size: 15px !important;
}
.otmenu-desk-wrapper .ot-menu li:hover {
	background: #b3b3b3 !important;
}
.level1.hasChild {
	cursor: default;
}
.mainmenu .hasChild a.level1::after, .mainmenu .hasChild .nav-header::after {
    content: "\f0d7";
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 5px;
    font-family: 'Glyphicons Halflings';
    font-family: 'FontAwesome';
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.level1.hasChild div:hover .submenu-wrap {
	display: block;
	background: #949599;
	border: none;
}
.level1.hasChild div > div > .submenu-wrap-i {
	opacity: 1;
}
.level1.hasChild div:hover > div > .submenu-wrap-i {
	visibility: visible !important;	
	transition: all .2s;
	opacity: 1;
}
.submenu-wrap-i, .submenu-wrap, .child-menu li, .child-menu {
	background: #949599;
	background-color: #949599 !important;
}
li.level2 a, li.level3 a, li.level2 span, li.level3 span {
	/*! padding: 10px 10px !important; */
}
.child-menu a, .level2.divider {
	border-bottom: 1px solid #606060;
}
.child-menu > li:last-child a, .child-menu > li:last-child span {
	border-bottom: none;
}
a.level2:hover, a.level3:hover {
	text-decoration: underline !important;
}
.level1.current > div, .level1.active > div {
	background: #971A2A;
}
.level1.current > div a {
	color: #fff !important;
}
.child-menu a:hover {
	color: #960227 !important;
}
.submenu-wrap-level2 {
	left: 165px !important;
	top: -10px !important;
}

/* Fix content block */
.mainpage h1, .mainpage ul.actions{
	display: none;
}



.nav-tabs, .tabs {
	background: #F5F5F5;
	position: relative;
	margin: 0;
	padding: 0;
}
.nav-tabs li, .tabs dt {
	list-style: none;
	display: inline-block;
	background: #ddd;
	height: 32px;
	/*! border-right: 1px solid #333; */
}
.nav-tabs li:hover, .tabs dt:hover {
	background: #eee;
}
.nav-tabs .active, .tabs dt.selected {
	background: #971A2A !important;
	border: none;
	height: 32px;
}
.nav-tabs .active a, .nav-tabs .active a:hover, .tabs dt.selected a {
	color: #fff !important;
	line-height: 32px;
}
.nav-tabs li a, .tabs dt a {
	padding: 0 14px !important;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 31px !important;
}
.stickytop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.stickytop #ot-mainvav  {
	margin-top: 0;
}
#ot-left .pretext {
	padding: 10px;
}

/* Gallery */
.newsonmain {
	margin-top: 5px;
}
.jp-item-wrapper {
	width: 100%;
	display: inline-block;
}
.newsonmain .jp-item-wrapper img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: 7vw;
}
.newsonmain .jp-thumb-wrapper {
    width: 100%;
    /*! height: 150px; */
    overflow: hidden;
}
.newsonmain .tab-content > div {
	opacity: 1;
}
.newsonmain .jp-item-wrapper {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 0px !important;
}

h4.jp-title {
    font-size: 16px;
    font-weight: initial;
    word-wrap: break-word;
}
h4.jp-title a {
	text-decoration: none;
	margin-bottom: 30px;
	display: block;
}
h4.jp-title a:hover {
	text-decoration: underline;
}
.newsonmain .jp-article-introtext {
	display: none;
}
.jp-items-wrapper img{
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 100%;
}
.mod-content img:hover, .jp-items-wrapper img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
#oContentBlock {
	width: 68%;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: transparent !important;
	border-color: transparent !important;
}
#ot-left {
}
/* Banners left*/
.bannergroup, .banneritem, .banneritem img {
	width: 100%;
}
.banneritem {
	overflow: hidden;
	margin-bottom: 20px;
}
.bannergroup img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.bannergroup img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}

/* Content */
.tabs dd {
	margin-top: 32px;
	overflow-y: scroll;
	max-height: 1400px; /* Если в right-2 6 баннеров, то 1160px, если 7, то */
}

#ot-maincontent h4 a {
	text-align: left;
}
#ot-maincontent .pretext {
	width: 96%;
	vertical-align: top;
	padding: 2%;
	font-size: 14px;
	display: inline-block;
}
#ot-maincontent .pretext p {
	/*! width: 30%; */
}
.mainpage .ya-share2, .mainpage .category-name {
    display: none;
}
.vertcarousel .jp-thumb-wrapper {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    vertical-align: top;
    float: left;
    margin: 0 10px 5px 0;
    overflow: hidden;
}

/* Modules */
.moduletable {
    background-color: #fff;
    margin: 5px 0 20px;
}
.moduletable h3 {
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    background-color: #971A2A;
    color: #FFF;
	margin: 0;
	border-width: 0;
    padding: 0 20px;
    display: table;
}
.slider-container li {
	list-style: none;
}
#ot-middle-area-2 .moduletable div:nth-child(2) {
	margin-top: -10px;
}
.moduletable img {
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: 100%;
}
.moduletable img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.djslider-in li {
	overflow: hidden;
}

/* Module Tenders */
.moduletable.tender ul {
    list-style: none;
    padding: 10px 0;
    background: #fff;
}
.moduletable.tender a {
	color: #000 !important;
	text-decoration: none;
}
.moduletable.tender a:hover {
	text-decoration: underline;
}

/* Import DJ Image slider style */
.djslider{
	position:relative;
}
.djslider img{
	max-width:inherit!important;
}
span.load-button {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #ddd;
    margin-right: 10px;
    cursor: pointer;
    z-index: 20;
    position: relative;
    border-radius: 50%;
}
span.load-button.load-button-active{
	background: #30383b;
}
	.navigation-container-custom {
    position: absolute;
    bottom: -33px;
    text-align: center;
    width: 100%;
}
.djslider-loader-default {
	margin: 0 auto;
	position: relative;
	background: url(../images/loader.gif) center center no-repeat;
	max-width: 100%;
	overflow: hidden;
}
.djslider-default {
	margin: 0 auto;
	position: relative;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
	opacity: 0;
}
.djslider-default .slider-container {
	position: absolute;
	overflow:hidden;
	left: 0; 
	top: 0;
	height: 100%;
	width: 100%;
}
.djslider-default ul.djslider-in {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.djslider-default ul.djslider-in > li {
	list-style: none outside !important;
	float: left;
	padding: 0 !important;
	border: 0 !important;
	position: relative;
	background: none;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.djslider-in > li {
	text-align: center;
	list-style: none;
}	
.djslider-default img.dj-image {
	border: 0 !important;
	margin: 0 !important;
}
.djslider-default.img-vcenter img.dj-image {
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.djslider-default .slide-desc {
	position: absolute;
}
.djslider-default .slide-desc-in {
	position: relative;
}
.slide-desc-bg-default {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: RGBA(0,0,0,0.65);
}
.slide-desc-text-default {
	position: relative;
	color: #fff;
	padding: 15px 15px 5px;
	text-align: left;
}
.slide-desc-text-default .slide-title {
	font-size: 1.5em;
	color: #fff;
	margin-bottom: 10px;
	font-weight: 600;
}
.slide-desc-text-default .slide-title a {
	color: #fff;
}
.slide-desc-text-default a.readmore {
	float: right;
	margin-bottom: 10px;
}
.djslider-default .navigation-container {
	position: relative;
	text-align: center !important;
}
.djslider-default .navigation-container a {
	outline: none;
}
.djslider-default .navigation-container .prev-button {
	cursor: pointer;
	display: block;
	position: absolute;
	left: 0;
}
.djslider-default .navigation-container .next-button {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0;
}
.djslider-default .navigation-container .play-button, 
.djslider-default .navigation-container .pause-button {
	cursor: pointer;
	display: block;
	position: absolute;
	left: 50%;
}

.djslider-default .navigation-container-custom,
.djslider-default .navigation-numbers {
	position: absolute;
	top: 10px;
	right: 10px;
}
.djslider-default .load-button {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: #444;
	border: 2px solid #fff;
	margin: 0 3px;
	cursor: pointer;
	border-radius: 50%;
	opacity: 0.5;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.djslider-default .load-button-active {
	opacity: 1;
}
.djslider-default .navigation-numbers .load-button {
	width: 16px;
	height: 16px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
}
.djslider-loader-default .showOnHover {
	opacity: 0;
	-webkit-transition: opacity 200ms ease 50ms;
	transition: opacity 200ms ease 50ms;
}
.djslider-loader-default:hover .showOnHover,
.djslider-loader-default.focused .showOnHover {
	opacity: 1;
}



/* flex - верстка */
.flex-wrap {
	display: grid;
	grid-template-columns: 20% 1fr 450px;
	grid-gap: 2vw;
	grid-column-gap: 2vw;
	grid-row-gap: 20px;
	width: 100%;
}
.flex {
	grid-column: span 2;
	/*! grid-row: span 2; */
}

#ot-middle-area-1 {
}
#ot-middle-area-2 {
	grid-column: span 1;
	grid-row: span 2;
	grid-row-start: 1;
	grid-column-start: 3;
}
#ot-maincontent {
	grid-column: span 1;
	grid-row: span 2;
	grid-column-start: 3;
	grid-row-start: 2;
}
#ot-left {
	grid-column: span 1;
	grid-row: 2 / 6;
}
#ot-right {
	grid-column: span 1;
	grid-row: span 2 / 6;
	grid-row-start: 2;
}
#ot-right-1 {
	grid-column: 3;
}
#ot-right-2 {
	grid-column: 3;
	grid-row: 3;
}
#ot-right-3 {
	grid-column: 3;
}


/* Footer */
#footer-outer {
	display: inline-block;
	background: #6D6E72;
	color: #B5B6BA;
	margin-bottom: -5px;
	margin-left: -30px;
	width: calc(100% + 60px);
}
#footer-outer .moduletable {
	background: #6D6E72;
}
#footer-outer a {
	color: #B5B6BA !important;
}
#footer-outer h3 {
    border-width: 0 0 5px;
    border-style: solid;
    font-weight: normal;
    padding: 10px 0px;
    color: #B5B6BA;
    border-color: #B5B6BA;
    display: block;
    background: none;
    font-size: 24px;
}
#ot-bottom-1 h3 {
	margin-bottom: 20px;
}
#ot-bottom-2 table a {
	margin: 10px 10px 10px 0;
	display: block;
}
#back_to_top a.cd-top:link {
	z-index: 999;
}


/* Blog styles */
.blog .img-intro-left img {
	max-width: 125px;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* Nohome styles */
.nohome .flex-wrap {
	grid-template-columns: 23% 1fr 27%;
}
.nohome #ot-middle-area-1 {
}
.nohome #ot-middle-area-2 {
	grid-column: 3;
	grid-row: 1;
}
.nohome #ot-maincontent {
	grid-column: 3;
	grid-row: 3; /* 3 */
}
.nohome #ot-left {
	grid-row: 1/10;
}
.nohome #ot-right {
	grid-row: 1/4;
}
.nohome #ot-right-1 {
	grid-row: 4;
}
.nohome #ot-right-2 {
	grid-row: 2;
}
.nohome #ot-right-3 {
}
.nohome .jcarousel-skin-tango .jcarousel-container-horizontal, .nohome .jcarousel-skin-tango .jcarousel-clip-horizontal, .nohome .jcarousel-item a {
	width: 100% !important;
  overflow: hidden;
}
.jp-items-wrapper.height500 {
    height: 946px;
    overflow-y: scroll;
}
.subscribe a {
	font-style: normal !important;
}
.flex-wrap h1 {
	color: #960227 !important;
	font-size: 25px;
	border-bottom: 5px solid #eee;
	padding-bottom: 2px;
}
h2 {
	font-size: 20px;
}
.item-page h2 {
	color: #960227 !important;
}
.pagenav {
}
.items-row {
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #EEEEEE;
}
.introtext {
	width: 75%;
	display: inline-block;
	margin-left: 2%;
}
.img-intro-left {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	overflow: hidden;
}


/* Pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: #960227;
	background-color: #960227;
	color: #fff !important;
	border-color: #960227;
}


/* Other page */
.page-content .btn-group.pull-right {
    display: none;
}
.blog.otzyv article {
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 20px;
}
.span6 {
	width: 47%;
	display: inline-block;
	margin: 10px 1% 0;
	text-align: center;
	vertical-align: top;
}
.page-header {
	border: none;
	margin-bottom: 0;
	padding: 0;
	margin: 5px 0 0;
}
.paddingimage .img-intro-left, .paddingimage .item-image.pull-left, .paddingimage .img-intro {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0;
    height: 160px;
    border: 1px solid #ccc;
    text-align: center;
    overflow: hidden;
}
.paddingimage .img-intro-left img, .paddingimage .item-image.pull-left img, .paddingimage .page-content .itemcat img, .paddingimage .img-intro img {
    padding: 0 !important;
    height: 100%;
    width: initial;
    -webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.subCategoryImage img:hover, .catItemImage img:hover, .latestItemsCategoryImage img:hover, .latestItemImage img:hover, .tagItemImage img:hover, .userItemImage img:hover, .itemRelImg img:hover, .genericItemImageBlock img:hover, .k2AccountPageImage img:hover, [class*="img-intro-"] img:hover, .k2Avatar img:hover, .moduleItemAuthorAvatar img:hover, .moduleItemImage img:hover, .random-image img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
#ot-middle-area-1 .layout-default {
	height: 100%;
}
#ot-middle-area-1 .tab-content {
	height: calc(100% - 50px);
}

/* Media */
@media all and (max-width: 1279px) {
	.flex-wrap {
		grid-template-columns: 20% 2fr 30% !important;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-clip {
		width: 100% !important;
	}
	.jcarousel-item a {
	    width: 100%;
	    display: block;
	}
	.jcarousel-item a img {
	    width: 100%;
	    display: block;
	}
}
@media all and (max-width: 997px) {
	#ot-mainvav {
		padding: 0;
	}
	.ot-menu-item.level1 {
		margin: 0 5px !important;
	}
	.level2 .toogle-btn {
		display: none !important;
	}
	li.level3 {
		width: 33.33%;
		display: inline-block !important;
	}
	#ot-middle-area-1 {
		/*! grid-row-end: 8; */
		/*! grid-row-start: 4; */
	}
	.flex-wrap {
		grid-template-columns: 20% 2fr 30% !important;
	}
	#ot-right {
	    grid-column: 3;
	    grid-row: 3 / 5;
	}
	#ot-left {
		grid-column: span 2;
		/*! grid-row-end: 4; */
		/*! grid-row-start: 1; */
	}
	#ot-right-1 {
		grid-column: 3;
	}
	#ot-right-2 {
		grid-column: 3;
		grid-row: 5 / 5;
	}
	#ot-right-3 {
		grid-column: 3;
	}
	.nohome #ot-middle-area-1 {
		grid-column: 1;
		grid-row: 2;
	}
	.nohome #ot-middle-area-2 {
		grid-column: 3;
		grid-row: 1;
	}
	.nohome #ot-maincontent {
		grid-column: 3;
		grid-row: 4;
	}
	.nohome #ot-left {
		grid-column: 1 / 3;
		grid-row: 1 / 10;
	}
	.nohome #ot-right {
		grid-column: 3;
		grid-row: 3;
	}
	.nohome #ot-right-1 {
		grid-column: 3;
		grid-row: 2;
	}
	.nohome #ot-right-2 {
		grid-column: 3;
		
	}
	.nohome #ot-right-3 {
		grid-column: 1;
		grid-row: 7;
	}

	.slogan.topblock {
		display: none;
	}
	.logoheader {
		width: 65%;
		height: 108px;
		display: inline-grid;
	} /*
	.logoheader img {
	    max-width: 420px;
	}
	
	
	Вместо этого выводим лого на ссылку, а основной скрываем */
	
	.logoheader a{
 		background-image:url(/images/logo-mobil.jpg);
 		display: block;
 		background-size:contain;
 		background-repeat: no-repeat;
 		background-position: center;
 		width: 409px;
 		height:108px;
 	}
 	.logoheader img{
 		display:none;
 	}

}
@media all and (max-width: 680px) {
	a.podpiska::before {
		display: none;
	}
	.logoheader a {
		margin: auto;
	}
	.mainmenu {
		margin-bottom: 10px;
	}
	.mainmenu span.nav-header {
		color: #333;
	}
	.otmenu-mobile-wrapper .ot-menu a {
		padding: 8px 15px !important;
	}
	.mainmenu .hasChild a.level1::after, .mainmenu .hasChild .nav-header::after {
		display: none;
	}
	.otmenu-mobile-wrapper .ot-menu li, .otmenu-mobile-wrapper .ot-menu li:first-child, .otmenu-mobile-wrapper .ot-menu.panel-group .panel + .panel {
		margin: 0 !important;
	}
	.mainmenu .level1 > div:hover {
	    box-shadow: none;
	    position: initial;
	}
	.submenu-wrap-i, .child-menu li, .child-menu, .submenu-wrap {
		background-color: #fff !important;
	}
	.child-menu a, .level2.divider {
		border-bottom: none;
	}
	.otmenu-mobile-wrapper .btn-navbar {
		margin: 10px 0;
	}
	.level2 .panel-collapse {
		display: block;
	}
	.level2 .toogle-btn {
		display: none;
	}


	#mod-search-searchword {
		/*! height: 34px; */
		margin: auto;
		display: inline-block !important;
		float: none;
		width: calc(75% - 40px);
		vertical-align: top;
	}
	.flex-wrap {
		grid-template-columns: 100% !important;
	}
	#ot-middle-area-1 {
		grid-column: 1;
		grid-row: 2;
	}
	#ot-middle-area-2 {
		grid-column: 1;
		grid-row: 3;
	}
	#ot-maincontent {
		grid-column: 1;
		grid-row: 1;
	}
	#ot-left {
		grid-column: 1;
		grid-row: 4;
	}
	#ot-right {
		grid-column: 1;
		grid-row: 7;
	}
	#ot-right-1 {
		grid-column: 1;
		grid-row: 5;
	}
	#ot-right-2 {
		grid-column: 1;
		grid-row: 6;
	}
	#ot-right-3 {
		grid-column: 1;
		grid-row: 7;
	}

	.nohome #ot-middle-area-1 {
		grid-column: 1;
		grid-row: 2;
	}
	.nohome #ot-middle-area-2 {
		grid-column: 1;
		grid-row: 1;
	}
	.nohome #ot-maincontent {
		grid-column: 1;
		grid-row: 5;
	}
	.nohome #ot-left {
		grid-column: 1;
		grid-row: 2;
	}
	.nohome #ot-right {
		grid-column: 1;
		grid-row: 4;
	}
	.nohome #ot-right-1 {
		grid-column: 1;
		grid-row: 3;
	}
	.nohome #ot-right-2 {
		grid-column: 1;
		grid-row: 8;
	}
	.nohome #ot-right-3 {
		grid-column: 1;
		grid-row: 7;
	}
	
	/* Порядок блоков в мобильной версии */
	@media (max-width: 991px) {
		/* на главной странице */
		#ot-maincontent {
			grid-column: 1;
			grid-row: 1;
		}
		#ot-middle-area-1 {
			grid-column: 1;
			grid-row: 3;
		}
		#ot-middle-area-2 {
			grid-column: 1;
			grid-row: 2;
		}	
		#ot-left {
			grid-column: 1;
			grid-row: 6;
		}
		#ot-right {
			grid-column: 1;
			grid-row: 7;
		}
		#ot-right-1 {
			grid-column: 1;
			grid-row: 5;
		}
		#ot-right-2 {
			grid-column: 1;
			grid-row: 4;
		}
		#ot-right-3 {
			grid-column: 1;
			grid-row: 8;
		}
		/* на внутренних страницах */
		.nohome #ot-middle-area-2 { grid-row: 1; }
		.nohome #ot-maincontent {
		grid-column: 1;
		grid-row: 2;
	}
		.nohome #ot-right-2 { grid-row: 5; }
		.nohome #ot-right-3 { grid-row: 4; }
		.nohome #ot-left { grid-row: 3; }
		.nohome #ot-maincontent { grid-row: 6; }
		.nohome #ot-right { grid-row: 7; }
		.nohome #oBottomBlock { grid-row: 8; }
	}

	.logoheader {
		width: 100%;
		text-align: center;
	}
	.topsearch.topblock {
		width: 100%;
	}
	a.podpiska {
	    /*! display: inline-block; */
	    width: 75%;
	    margin: 2px 0 0 0;
	    border-radius: 5px;
	    line-height: 30px;
	}
	.topsearch .custom table {
	    text-align: center;
	    display: unset;
	    vertical-align: middle;
	    float: none;
	    margin-right: 0;
	    margin-top: -5px;
	    width: 100%;
	}
	.topsearch .custom table td {
		padding: 5px;
	}
	.topsearch .search {
	    width: 100%;
	    margin-top: 10px;
	    text-align: center;
	    display: inline-block !important;
	    margin: auto;
	    width: 100%;
	}
	.topsearch .custom {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		margin-top: 10px;
		text-align: center;
	}
	.newsonmain .jp-item-wrapper {
		width: 50%;
	}
	#footer-outer > div {
		width: 100%;
	}
	#ot-bottom-1 td {
		width: 100% !important;
		display: block;
	}
	.search {
		margin-top: 20px !important;
	}
	.search .input-group {
		display: block;
	}
	.search .input-group-btn {
		display: initial;
	}
	.img-intro-left, .introtext {
		width: 100%;
		margin: 3px 0;
	}
	a.podpiska::before {
		/*! line-height: 20px; */
	}
	.blog_item {
		max-width: 100% !important;
	}
	#ot-middle-area-1 li > a {
		font-size: 11px;
		padding: 0 10px !important;
	}
}
.header_message.headerBottom {
	background: #f7f7f7 !important;
	border-top: 4px solid #ccc;
}
.header_message.headerBottom p, .header_message.headerBottom label, .header_message.headerBottom button {
	color: #333 !important;
}
.header_message.headerBottom h4 {
	color: #971A2A !important;
}
.form-section.input {
	width: 250px;
	display: inline-block;
}
.otmenu-mobile-wrapper .ot-menu .submenu-wrap {
    width: 100%;
}
#oBottomBlock h3 {
	margin-bottom: 10px;
}
.img-intro {
	margin-bottom: 10px;
}
.img-intro-left a {
	width: 100%;
}
.ot-menu-item.level2 {
	margin: 0 !important;
}
.ot-menu-item.level2 a {
	padding: 10px 20px !important; 
}


.ot-menu-item.level2 a:hover, .item-separator.level2:hover {
	background: #ddd;
	color: #960227 !important
}
.item-separator.level2:hover span {
	color: #960227 !important
}
.ot-menu-item.level3 {
	margin: 0 5px !important;
}

.no-navigation .category-name {
    display: none;
}
.nav > li:nth-child(3) {
	/*! float: right; */
	/*! border: none; */
}
.newsonmain .nav-tabs li {
	border-right: 3px solid #eee;
}
.blog.issues .english td {
	min-width: 75px;
}
.blog.issues .english table, .blog.issues .english td, .blog.issues .english tbody, .blog.issues .english tr {
	display: inline-block;
}

.categories-list.photo h3 {
	height: 50px;
	overflow: hidden;
}
.blog.photo h2 {
	height: 70px;
	overflow: hidden;
}

@media all and (max-width: 680px) {
	.categories-list.photo h3, .blog.photo h2 {
		font-size: 20px;
	}
	.newsonmain .jp-item-wrapper img {
	    height: 70px;
	}
	.otmenu-desk-wrapper a, .item-separator span {
		color: #960227 !important;
		margin: 15px 20px;
		display: block;
	}
}
@media all and (max-width: 480px) {
	.ot-menu-item.level2 a.level3 {
		padding: 10px 5px !important;
		text-align: center;
	}
	.logoheader a{
 		width: 100%;
 		/*! height: 91px; */
 		max-width: 100%;
 	}
}
.otmenu-desk-wrapper .ot-menu li.divider {
	padding: 6px 17px !important;
}
.otmenu-desk-wrapper .ot-menu li.divider span {
	background: transparent !important;
}
.otmenu-wrapper-i > .panel-collapse.collapse.in {
	height: calc(100vh - 40px);
	overflow: scroll;
}
.otmenu-mobile-wrapper .ot-menu {
    padding-bottom: 20px;
}
.subscribe-form {
	padding: 0 20px;
}
/*TEST*/

.category-name {
	margin-top: 1em;
}
@media all and (max-width: 680px) {
	table.english td {
		padding: 20px 10px;
		display: initial;
		line-height: 30px;
	}
}
.djslider-in li a {
	display: block;
}
#header {
	margin-top: 10px;
}
.btn-search, .btn-search:hover {
	border-color: #8c8c8c;
}

/* РЕКЛАМНЫЙ БЕЙДЖ */
.ad-badge {
  max-width: 100%;
  margin: 20px auto;
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-left: 6px solid #971A2A;
  border-radius: 6px;
  background-color: #fff;
  font-family: "Arial", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}

.ad-badge-title {
  display: block;
  font-weight: bold;
  color: #971A2A;
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: uppercase;
}

.ad-details {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ad-details li {
  margin-bottom: 5px;
}

.ad-separator {
  border: none;
  border-top: 1px solid #eee;
  margin: 40px 0 20px;
  max-width: 100%;
}

/* Основной контейнер формы авторизации */
.login {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Заголовок формы */
.login h2 {
    color: #960227;
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Поля ввода */
.login-input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.login-input:focus {
    border-color: #960227;
    box-shadow: 0 0 0 2px rgba(150, 2, 39, 0.1);
}

/* Метки полей */
.login-label {
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
}

.login-label.required .star {
    color: #960227;
}



.login-btn:hover {
    background-color: #ac2925 !important;
    border-color: #ac2925 !important;
}

/* Блоки форм */
.login-fieldset {
    border: none;
    padding: 0;
}

/* Ссылки внизу */
.login-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px;
    padding: 0;
    background: transparent;
}

.login-links li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.login-links a {
    color: #960227 !important;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    padding: 0 !important;
    background: transparent;
}

.login-links a:hover {
    text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 768px) {
    .login {
        padding: 15px;
    }
    .login-btn {
        padding: 10px 20px;
        font-size: 13px;
    }
}


/* Информационный блок регистрации */
.registration-info {
    background: #fff8f0;
    border-left: 6px solid #971A2A;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: "Arial", sans-serif;
}

.registration-info h3 {
    color: #971A2A;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.registration-info p {
    margin-bottom: 10px;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.registration-info strong {
    color: #555;
}

.registration-info i {
    margin-right: 8px;
    color: #971A2A;
}

.registration-info .btn {
    border: 1px solid #971A2A; /* Рамка цвета #971A2A */
    border-radius: 4px; /* Закругление углов */
    background-color: transparent; /* Прозрачный фон */
    color: #971A2A; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    transition: all 0.3s ease; /* Плавный переход для эффектов */
}

.registration-info .btn:hover {
    background-color: #fcc; /* При наведении фон цвета #971A2A */
    text-decoration: none; /* Убираем подчеркивание при наведении */
}


/* Контейнер действий с профилем */
.profile-actions {
    margin-top: 20px;
    text-align: right;
}

/* Кнопка редактирования профиля */
.btn-edit-profile {
    background-color: #971A2A !important;
    border-color: #971A2A !important;
    color: #fff !important;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.btn-edit-profile:hover {
    background-color: #ac2925 !important;
    border-color: #ac2925 !important;
    color: #fff !important;
}

/* Заголовок профиля */
.profile-title {
    color: #971A2A;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Блок с деталями профиля */
.profile-details {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Стилизация таблиц профиля (core, params, custom) */
.profile-details table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.profile-details th,
.profile-details td {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}

.profile-details th {
    width: 30%;
    background-color: #f9f9f9;
    font-weight: bold;
    color: #555;
}

.profile-details td {
    width: 70%;
    color: #333;
}

/* Адаптивность */
@media (max-width: 768px) {
    .profile-details th,
    .profile-details td {
        display: block;
        width: 100%;
        border-bottom: none;
        padding: 8px 0;
    }
    
    .profile-details table {
        border-top: 1px solid #eee;
    }
}

/* Заголовок страницы */
.profile-title {
    color: #971A2A;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Основная форма */
.custom-profile-form {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Блоки полей */
.login-fieldset {
    border: none;
    padding: 0;
}

/* Заголовки fieldset */
.ad-badge-title {
    display: block;
    font-weight: bold;
    color: #971A2A;
    margin-bottom: 10px;
    font-size: 18px;
}

/* Группа полей */
.form-group {
    margin-bottom: 15px;
}

/* Метки полей */
.login-label {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
}

.login-label.required .star::after {
    content: " *";
    color: #971A2A;
}

/* Необязательные поля */
.optional {
    font-style: italic;
    color: #888;
    margin-left: 5px;
    font-size: 12px;
}

/* Поля ввода */
.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="password"],
.form-field select,
.form-field textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: #971A2A;
    box-shadow: 0 0 0 2px rgba(151, 26, 42, 0.1);
}

/* Кнопки формы */
.login-btn {
    background-color: #971A2A !important;
    border-color: #971A2A !important;
    color: #fff !important;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease;
    display: inline-block;
    margin: 10px 5px 0 0;
}

.login-btn:hover {
    background-color: #ac2925 !important;
    border-color: #ac2925 !important;
    color: #fff !important;
}

.login-btn.secondary {
    background-color: #f0f0f0 !important;
    border-color: #ccc !important;
    color: #333 !important;
}

.login-btn.secondary:hover {
    background-color: #e0e0e0 !important;
    border-color: #bbb !important;
    color: #333 !important;
}

/* Скрытые поля */
.hidden-field {
    display: none;
}

/* Адаптивность */
@media (max-width: 768px) {
    .form-field input,
    .form-field select,
    .form-field textarea {
        width: 100%;
    }
}

/* Общие стили для всех сообщений */
#system-message-container .alert {
    margin: 15px 0;
    padding: 15px;
    border-radius: 4px;
    position: relative;
}

/* Специфические стили для ошибок */
#system-message-container .alert-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #971A2A; /* Толстая рамка нужного цвета */
}

/* Стили для заголовка */
#system-message-container .alert-error .alert-heading {
    color: #971A2A;
    font-weight: bold;
    margin-top: 0;
}

/* Стили для кнопки закрытия */
#system-message-container .alert-error .close {
    color: #971A2A;
    opacity: 1;
    text-shadow: none;
    font-size: 24px;
    font-weight: bold;
    top: 0px;
    right: 5px;
}

#system-message-container .alert-error .close:hover {
    color: #6a0f1f; /* Темнее при наведении */
    opacity: 1;
}