/**
 * Стили для сайта Русская рыбалка
 @author Nikolaev Konstantin <nikolaev@twozebras.ru>
 */


html {
	height: 100%;
/*	scroll-behavior: smooth !important;*/
}

body {
	min-height: 100vh;
	font: normal 18px/22px 'Montserrat';
	color: #333;
	position:relative;
	background: #fff;
}

.contain {
	max-width: 1250px;
	width: 100%;
	margin: 0 auto;
}

.errortext,
.error {
	color: red;
}

.success {
	color: green;
}

/*Верхняя часть сайта*/
#wrapper {
    padding-top: 60px;
}

#wrapper.opened {
	padding-top: 0;
}

#head {
	background: #1565c0;
	font-size: 18px;
	color: #fff;
	height: 60px;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 31;
}

#head:after {
	content:"";
	display: block;
	width: 100%;
	height: 6px;
	background: url('../img/wave.png') 0 0 repeat-x transparent;
	position: absolute;
	bottom: -6px;
	z-index: 4;
}


#head .desktop-header .logo {
text-align: center;
}

#head .desktop-header .logo img {
	height: 112px;
}

@media screen and (min-width: 992px) {
	#head .desktop-header .logo img {
	margin-left: 64px;
	}
}

#head .desktop-header .weather .title {
	margin-bottom: 14px;
	font-weight: 500;
}

#head .desktop-header .weather .temp {
	height: 28px;
	padding-left: 44px;
	margin-bottom: 5px;
	background: url('../img/weather-sprite.png') 0 0 no-repeat;
	font-weight: 600;
	line-height: 28px;
}

#head .desktop-header .weather .temp.sun {
	background-position: 0 0;
}

#head .desktop-header .weather .temp.clouds {
	background-position: 0 -60px;
}

#head .desktop-header .weather .temp.clouds-times {
	background-position: 0 -120px;
}

#head .desktop-header .weather .temp.rain {
	background-position: 0 -180px;
}

#head .desktop-header .weather .temp.storm {
	background-position: 0 -240px;
}

#head .desktop-header .weather .temp.snow {
	background-position: 0 -300px;
}

#head .desktop-header .weather span {
	display: inline-block;
	padding-left: 44px;
	font-weight: 300;
}

#head .desktop-header .nibble {
	font-weight: 300;
	font-size: 18px;
	white-space: nowrap;
}

#head .desktop-header .nibble .moon {
	height: 24px;
	padding-left: 35px;
	margin: 33px 0 10px 0;
	background: url('../img/moon-sprite.png') 0 0 no-repeat;
	font-weight: 300;
}

#head .desktop-header .nibble .moon.raise {
	background-position: 0 0;
}

#head .desktop-header .nibble .moon.falling {
	background-position: 0 -30px;
}

#head .desktop-header .nibble .moon.full {
	background-position: 0 -60px;
}

#head .desktop-header .nibble .moon.none {
	background-position: 0 -90px;
}

#head .desktop-header .nibble span {
	display: inline-block;
	padding-left: 35px;
	font-weight: 500;
}
.nibble span.none{
	color:#F22;
}
.nibble span.good {
	color: #32cd32;
}

.nibble span.elevated {
	color: #ffd200;
}

.nibble span.normal {
	color: #00bfff;
}

.nibble span.not {
	color: #ff4500;
}

.nibble .good {
	color: #32cd32;
}
#head .desktop-header .nibble .good {
	color: #32cd32;
}

#head .desktop-header .nibble .elevated {
	color: #ffd200;
}

#head .desktop-header .nibble .normal {
	color: #00bfff;
}

#head .desktop-header .nibble .not {
	color: #ff4500;
}

#head .desktop-header .auth {
	display: inline-block;
	white-space: nowrap;
}

#head .desktop-header .city {
	display: inline-block;
	height: 28px;
	padding-left: 30px;
	background: url('../img/head-sprite.png') 0 -122px no-repeat;
	line-height: 28px;
}

#head .desktop-header .auth a,
#head .desktop-header .city a {
	color: #fff;
	text-decoration: none;
}

#head .desktop-header .auth a:hover,
#head .desktop-header .city a:hover {
	color: #1e90ff;
}


#head .desktop-header .search {
	width: 100%;
	min-height: 37px;
	margin: 18px 0;
}

#head .desktop-header .search .input {
	width: 100%;
	position: relative;
}

#head .desktop-header .search .input input[type=text] {
	width: 100%;
	padding: 9px 35px 8px 13px;
	border: 1px solid #fff;
	background: transparent;
	font: 300 16px/18px 'Montserrat';
	color: #fff;
	outline: none;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
}

#head .desktop-header .search .input input[type=text]::-webkit-input-placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #fff;
}
#head .desktop-header .search .input input[type=text]:-ms-input-placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #fff;
}
#head .desktop-header .search .input input[type=text]::placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #fff;
}

#head .desktop-header .search .input input[type=submit] {
	/*width: 37px;
	height: 35px;
	background: url('../img/head-sprite.png') 6px -219px no-repeat;
	border: 0;
	cursor: pointer;
	outline: none;
	position: absolute;
	top:0;
	right: 0;
	z-index: 2;*/
	display: none;
}

input#searchInput {
	position: absolute;
	right: 52px;
	top: 11px;
	transition: width .3s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background-color: #1565c0;
	display: block;
	font-family: inherit;
	font-size: large;
	letter-spacing: -.05em;
	height: 38px;
	outline: 0;
	z-index: 201;
	width: 0;
	margin: 0;
	border: 0;
	padding: 0;
	color: white;
}

input#searchInput::placeholder {
   color: white;
}

input#searchInput:focus {
	width: 500px;
	padding: .6rem .65rem .4rem;
	box-shadow: 0 0 0 8px #1565c0;
	border: 1px solid white;
}

#search-form input[type="submit"],
#mobile_search input[type="submit"] {
	display: none;
}

#mobile_search input.input_text {
	position: absolute;
	right: 60px;
	top: 11px;
	transition: width .3s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background-color: #1565c0;
	display: block;
	font-family: inherit;
	font-size: large;
	letter-spacing: -.05em;
	height: 38px;
	outline: 0;
	z-index: 201;
	width: 0;
	margin: 0;
	border: 0;
	padding: 0;
	color: white;
}

#mobile_search input.input_text::placeholder {
   color: white;
}

#mobile_search input.input_text:focus {
	width: calc(100vw - 130px);
	padding: .6rem .65rem .4rem;
	box-shadow: 0 0 0 8px #1565c0;
	border: 1px solid white;
}



#top_user_photo {
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.5em;
}

#head .mobile-header .menu-b {
	flex: 0 0 75px;
	display: flex;
	justify-content: center;
}

#head .mobile-header .menu-b.open {
	background: #1e90ff;
}

#head .mobile-header .menu-b .nav-icon {
	width: 34px;
	height: 22px;
	position: relative;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#head .mobile-header .menu-b .nav-icon span,
#head .mobile-header .search-b span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;

	background: #e4f4ff;
	opacity: 1;
	left: 0;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}


#head .mobile-header .menu-b .nav-icon span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#head .mobile-header .menu-b .nav-icon span:nth-child(2) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#head .mobile-header .menu-b .nav-icon span:nth-child(3) {
	top: 20px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#head .mobile-header .menu-b.open .nav-icon span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	left: 0;
}

#head .mobile-header .menu-b.open .nav-icon span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#head .mobile-header .menu-b.open .nav-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 24px;
	left: 0;
}

#head .mobile-header .logo img {
	max-width: 185px;
}

#head #mobile-menu {
	display: none;
	width: 100%;
	padding: 20px;
	background: #5c6e80;
	position: fixed;
	left: 0;
	z-index: 7;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
}

#head #mobile-menu a {
	font: 300 16px/18px 'Montserrat';
	color: #ffffff;
}

#head #mobile-menu .auth {
	display: inline-block;
	height: 18px;
/*	padding-left: 26px;*/
	margin-bottom: 17px;
/*	background: url(../img/head-sprite.png) 0 -345px no-repeat;*/
	white-space: nowrap;
}

#head #mobile-menu .city {
	display: inline-block;
	height: 20px;
	padding-left: 26px;
	margin-bottom: 17px;
	background: url(../img/head-sprite.png) 0 -459px no-repeat;
	white-space: nowrap;
}

#head #mobile-menu ul {
	margin: 0;
	padding: 0;
	line-height: 1.75;
}

#head #mobile-menu ul li {
	list-style: none;
}

#head #mobile-menu ul > li a {
	text-transform: uppercase;
}

#head #mobile-menu ul li ul > li a {
	margin-left: 25px;
	text-transform: none;
	display: inline-block;
}

#head .mobile-header .search-b {
	flex: 0 0 63px;
/*	height: 92px;*/
/*	background: url(../img/head-sprite.png) 19px -186px no-repeat;*/
	position: relative;
	cursor: pointer;
}

#head .mobile-header .search-b span {
	max-width: 34px;
}

#head .mobile-header .search-b.open {
	background: #1e90ff;
	height: 100%;
}

#head .mobile-header .search-b.open img {
	display: none;
}

#head .mobile-header .search-b span {
	display: none;
}

#head .mobile-header .search-b.open span {
	display: block;
}

#head .mobile-header .search-b.open span:nth-child(1),
#head .mobile-header .search-b.open span:nth-child(2) {
	top: 30px;
	left: 12px;
}

#head .mobile-header .search-b.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#head .mobile-header .search-b.open span:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#head #mobile-search {
	display: none;
	padding: 20px;
	background: #1e90ff;
	position: absolute;
	left: 15%;
	right: 0;
	z-index: 7;
	top: 60px;
}

#head #mobile-search .input {
	width: 100%;
	height: 37px;
	position: relative;
}

#head #mobile-search .input input[type=text] {
	width: 100%;
	padding: 9px 35px 8px 13px;
	border: 1px solid #fff;
	background: transparent;
	font: 300 16px/18px 'Montserrat';
	color: #fff;
	outline: none;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
}

#head #mobile-search .input input[type=text]::-webkit-input-placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #fff;
}
#head #mobile-search .input input[type=text]:-ms-input-placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #fff;
}
#head #mobile-search .input input[type=text]::placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #fff;
}

#head #mobile-search .input input[type=submit] {
	width: 38px;
	height: 38px;
	background: url('../img/search.svg') center center no-repeat;
	background-size: 60%;
	border: 0;
	cursor: pointer;
	outline: none;
	position: absolute;
	top:0;
	right: 0;
	z-index: 2;
}

#mob_menu_icons {
	display: inline-block;
}
#mob_menu_icons a {
	display: inline-block;
	margin-right: .5em;
}

#auth_m {
	display: flex;
	align-items: center;
}


#auth_m a {
	display: inline-flex;
	align-items: center;
}
#head .divider {
	margin: 0 .5em;
}

#unauth_block {
	display: flex;
	justify-content: center;
	align-items: center;
}

#unauth_block a {
	display: inline-flex;
}

#login-icon {
	width: 20px;
	height: 20px;
	margin-right: .25em;
}

#login-icon-m {
	width: 20px;
	height: 20px;
	margin-right: .25em;
}

#top_user_mobile_photo .first_letter_avatar {
	width: 30px;
	height: 30px;
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.5);
	color: #5c6e80;
	font-weight: bold;
	margin-right: .5em;
}

#top_user_mobile_photo {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: .5em;
}


.author.author_top .info {
	margin-bottom: 0!important;
}

.author.author_top .desc {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

/*Средняя часть сайта*/
#content {
	padding-top: 50px;
}
@media (min-width: 767px) {
/*Главная страница*/
#content .main-page .slider {
	height: 523px;
	margin-top: -50px;
	background: url('../img/slider.jpg') 0 0 no-repeat;
	background-size: cover;
	position: relative;

}

#content .main-page .slider:after {
	content:"";
	/*background: url('../img/slider-ton.png') 0 0 repeat;*/
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
}
#content .main-page .slider .slogan {
	position: relative;
	z-index: 5;

	font: 500 48px/52px 'Montserrat';
	color: #fff;
	text-align: center;
}

#content .main-page .main-menu {
	margin-top: -90px;
	position: relative;
	z-index: 6;
}

#content .main-page .main-menu a {
	display: inline-block;
	width: 180px;
	margin: 0 12px 60px 15px;
	font: 500 21px/24px 'Montserrat';
	text-align: center;
	text-decoration: none;
}

#content .main-page .main-menu a:before {
	content:"";
	display: block;
	width: 180px;
	height: 180px;
	margin-bottom: 25px;
	background: url('../img/main-menu-sprite.png') 0 0 no-repeat;

	border-radius: 180px;
	-moz-border-radius: 180px;
	-webkit-border-radius: 180px;
}

#content .main-page .main-menu a.places {
	color: #1e90ff;
}
#content .main-page .main-menu a.places:before {
	background-color: #1e90ff;
}

#content .main-page .main-menu a.forum {
	color: #ff4500;
}
#content .main-page .main-menu a.forum:before {
	background-color: #ff4500;
	background-position: 0 -180px;
}

#content .main-page .main-menu a.video {
	color: #b3b3b3;
}
#content .main-page .main-menu a.video:before {
	background-color: #e6ded3;
	background-position: 0 -360px;
}

#content .main-page .main-menu a.bases {
	color:  #32cd32;
}
#content .main-page .main-menu a.bases:before {
	background-color: #32cd32;
	background-position: 0 -540px;
}

#content .main-page .main-menu a.shops {
	color: #6a5acd;
}
#content .main-page .main-menu a.shops:before {
	background-color: #6a5acd;
	background-position: 0 -720px;
}

#content .main-page .main-menu a.lakes {
	color: #00bfff;
}
#content .main-page .main-menu a.lakes:before {
	background-color: #00bfff;
	background-position: 0 -900px;
}

#content .main-page .main-menu a.recipes {
	color: #ffa500;
}
#content .main-page .main-menu a.recipes:before {
	background-color: #ffa500;
	background-position: 0 -1080px;
}

#content .main-page .main-menu a.films {
	color: #b0c4de;
}
#content .main-page .main-menu a.films:before {
	background-color: #b0c4de;
	background-position: 0 -1260px;
}

#content .main-page .main-menu a.help {
	color: #ffa07a;
}
#content .main-page .main-menu a.help:before {
	background-color: #ffa07a;
	background-position: 0 -1440px;
}

#content .main-page .introtext {
	margin: 20px 0 35px 0;
}

#content .main-page .map #map {
	width: 100%;
	height: 640px;
	background-color: #f7f7f5;
}

#map .r_button {
	padding:10px 25px;
	background: #1565c0;
	font: normal 16px/16px 'Montserrat';
	color: #fff;
	text-decoration: none;
}

#map .r_button:hover {
	background: #1e90ff;
}

#content .main-page .articles .item {
	margin-bottom: 40px;
	font: 300 16px/20px 'Montserrat';
}

#content .main-page .articles .item .img-fluid {
	width: 100%;
	margin-bottom: 19px;
}

#content .main-page .articles .item .name {
	margin-bottom: 11px;
}

#content .main-page .articles .item .name a {
	font: 500 20px/24px 'Montserrat';
	color: #1565c0;
	text-decoration: none;
}

#content .main-page .articles .item.first .name a {
	font-size: 22px;
}

#content .main-page .articles .item .info {
	margin-bottom: 13px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

#content .main-page .articles .item.first .info {
	margin-bottom: 21px;
}

#content .main-page .articles .item .info .count .views,
#content .main-page .articles .item .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

#content .main-page .articles .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

#content .main-page .articles .item.fourth .image {
	flex: 0 0 185px;
	margin-right: 30px;
}

#content .main-page .advertising.right {
	margin-top: 73px;
}

#content .main-page .advertising.horizontal {
	margin-bottom: 40px;
}

#content .main-page .advertising.right-group {
	margin-top: 20px;
}

#content .main-page .advertising.right-group img {
	margin-bottom: 25px;
}

#content .main-page .videos .item {
	margin-bottom: 37px;
}

#content .main-page .videos .item .image {
	margin-bottom: 13px;
	position: relative;
}

#content .main-page .videos .item .image a {
	font: normal 12px/14px 'Montserrat';
	color: #ffffff;
}

#content .main-page .videos .item .image img {
	width: 100%;
}

#content .main-page .videos .item .image .duration {
	position: absolute;
	bottom: 13px;
	right: 13px;
}

#content .main-page .videos .item .info {
	margin-bottom: 10px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

#content .main-page .videos .item .info .count .views,
#content .main-page .videos .item .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

#content .main-page .videos .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

#content .main-page .videos .item .name a {
	font: 600 14px/18px 'Montserrat';
	color: #1565c0;
	text-decoration: none;
}

#content .main-page .messages .item {
	margin-bottom: 30px;
	font: normal 16px/18px 'Montserrat';
	color: #333;
}

#content .main-page .messages .item .image {
	flex: 0 0 85px;
	margin-right: 25px;
}

#content .main-page .messages .item .image img {
	border-radius: 85px;
}

#content .main-page .messages .item .desc .author {
	margin-bottom: 14px;
	font: 600 14px/18px 'Montserrat';
	color: #1e90ff;
}

#content .main-page .messages .item .desc .author span {
	font-weight: normal;
}

#content .main-page .reports .item {
	display: block;
	margin-bottom: 33px;
	position: relative;
	color: #ffffff;
}

#content .main-page .reports .item .img-fluid {
	width: 100%;
	position: relative;
	z-index: 1;
}

#content .main-page .reports .item .name {
	margin-top: 10px;
	font: normal 16px/18px 'Montserrat';
	color: #333;
}

#content .main-page .reports .item.third .name {
	color: #fff;
}

#content .main-page .reports .item .hover {
	display: none;
	width: 100%;
	height: 100%;
	padding: 20px 24px;
	background: rgba(21, 101, 192, 0.51);
	font: 500 16px/18px 'Montserrat';
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

#content .main-page .reports .item:hover .hover {
	display: block;
}

#content .main-page .reports .item .hover .author {
	margin-bottom: 15px;
	font: 600 14px/18px 'Montserrat';
}

#content .main-page .reports .item .hover .author span {
	font-weight: 300;
}

#content .main-page .reports .item.third {
	min-height: 100%;
	padding-bottom: 33px;
	margin: 0;
	text-decoration: none;
}

#content .main-page .reports .item.third .desc {
	padding: 15px 20px;
	background: #1565c0;
}

#content .main-page .reports .item.third .desc .info {
	margin-bottom: 10px;
	font: 300 14px/16px 'Montserrat';
	color: #fff;
}

#content .main-page .reports .item.third .desc .info .author span {
	font-weight: 500;
}

#content .main-page .reports .item.third .desc .info .count .views,
#content .main-page .reports .item.third .desc .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right -203px no-repeat;
}

#content .main-page .reports .item.third .desc .info .count .comments {
	margin-right: 0;
	background-position: right -301px;
}

#content .main-page .news .item .image {
	flex: 0 0 180px;
	margin-right: 30px;
}

#content .main-page .news .item .image .img-fluid {
	width: 100%;
}

#content .main-page .news .item .name a {
	font: 500 22px/26px 'Montserrat';
	color: #1565c0;
	text-decoration: none;
  word-break: break-word;
}

#content .main-page .news .item .info {
	margin-bottom: 22px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

#content .main-page .news .info .count .views,
#content .main-page .news .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 10px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

#content .main-page .news .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

/*Правая часть сайта*/
#right {
	min-height: 100%;
}

#right .advertising {
	position: sticky;
	top:20px;
}

#right .advertising img {
	margin-bottom: 30px;
}

#right .advertising img:last-child {
	margin: 0;
}

/*Страница списка статей*/
.articles-page .item {
	margin-bottom: 35px;
	font: 300 16px/20px 'Montserrat';
}

.articles-page .item .image {
	flex: 0 0 180px;
	margin-right: 25px;
}

.articles-page .item.first .image,
.articles-page .item.second .image,
.articles-page .item.sixth .image {
	flex: 0 0 auto;
	margin-right: 0;
}

.articles-page .item .image .img-fluid {
	width: 100%;
}

.articles-page .item.first .image .img-fluid,
.articles-page .item.second .image .img-fluid,
.articles-page .item.sixth .image .img-fluid {
	margin-bottom: 19px;
}

.articles-page .item .name {
	margin-bottom: 11px;
}

.articles-page .item .name a {
	font: 500 20px/24px 'Montserrat';
	color: #333;
	text-decoration: none;
	display: flex;
	padding: 0 5px 0 0;
}

.articles-page .item .name a:hover {
	color: #1565c0;
}

.articles-page .item.first .name a {
	font-size: 22px;
	color: #1565c0;
}

.articles-page .item .info {
	margin-bottom: 13px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

.articles-page .item.first .info {
	margin-bottom: 21px;
}

.articles-page .item .info .count .views,
.articles-page .item .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

.articles-page .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.articles-page .advertising {
	margin-bottom: 35px;
}

.articles-page .more {
	display: inline-block;
	height: 38px;
	padding-left: 60px;
/*	background: url('../img/more-sprite.png') 0 0 no-repeat;*/
	font: 500 18px/38px 'Montserrat';
	color: #b3b3b3;
	cursor: pointer;
	position: relative;
}

.articles-page .more:hover {
	background-position: 0 -38px;
	color: #1e90ff;
}

.articles-page .more:before {
	content: "";
	background: url('../img/more-sprite.png') 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 42px;
	height: 38px;
}

.articles-page .more:hover:before {
	background-position: 0 -38px;
	color: #1e90ff;
}

.articles-page .more.loading:before {
	animation: loading 1.3s linear infinite;
}

@keyframes loading {
  0 {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*Страница Отчеты рыбаков*/
.reports-page .advertising {
	margin-bottom: 35px;
}

.reports-page .item {
	display: block;
	margin-bottom: 35px;
	text-decoration: none;
	position: relative;
}

.reports-page .item img {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	z-index: 1;
}

.reports-page .item .desc .info {
	margin-bottom: 13px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

.reports-page .item .desc .info .author span {
	font-weight: 600;
}

.reports-page .item .desc .info .count .views,
.reports-page .item .desc .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

.reports-page .item .desc .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.reports-page .item .desc .name {
	font: 500 22px/26px 'Montserrat';
	color: #1565c0;
}

.reports-page .item.small img {
	margin-bottom: 0;
}

.reports-page .item.small .desc {
	display: none;
	width: 100%;
	height: 100%;
	padding: 20px 24px;
	background: rgba(21, 101, 192, 0.51);
	font: 500 16px/18px 'Montserrat';
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.reports-page .item.small:hover .desc {
	display: block;
}

.reports-page .item.small .desc .info {
	color: #fff;
}

.reports-page .item.small .desc .info .count {
	display: none;
}

.reports-page .item.small .desc .name {
	font: 500 16px/18px 'Montserrat';
	color: #fff;
}

.reports-page .item.big .desc .info {
	color: #fff;
}

.reports-page .item.big .desc .info .count .views,
.reports-page .item.big .desc .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right -203px no-repeat;
}

.reports-page .item.big .desc .info .count .comments {
	margin-right: 0;
	background-position: right -301px;
}

.reports-page .item.big img {
	margin-bottom: 0;
}

.reports-page .item.big .desc {
	padding: 15px 23px 25px 23px;
	background: rgba(21, 101, 192, 0.51);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.reports-page .item.big .name {
	min-height: 50px;
	font: 500 20px/24px 'Montserrat';
	color: #fff;
}

.reports-page .more {
	display: inline-block;
	height: 38px;
	padding-left: 60px;
	background: url('../img/more-sprite.png') 0 0 no-repeat;
	font: 500 18px/38px 'Montserrat';
	color: #b3b3b3;
	cursor: pointer;
}

.reports-page .more:hover {
	background-position: 0 -38px;
	color: #1e90ff;
}

/*Страница отчеты о рыбалке детальная*/
.reports-detail-page .author {
	margin-bottom: 30px;
}

.reports-detail-page .author .image {
	flex: 0 0 86px;
	margin-right: 15px;
}

.reports-detail-page .author .image img {
	-webkit-border-radius: 86px;
	-moz-border-radius: 86px;
	border-radius: 86px;
}

.reports-detail-page .author .desc {
	font: normal 14px/16px 'Montserrat';
	color: #1e90ff;
}

.reports-detail-page .author .desc .info {
	margin-bottom: 15px;
}

.reports-detail-page .author .desc .info .count {
	white-space: nowrap;
}

.reports-detail-page .author .desc .info .count .views,
.reports-detail-page .author .desc .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
	font-weight: 300;
}

.reports-detail-page .author .desc .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.reports-detail-page .author .desc .name {
	margin-bottom: 13px;
	font-weight: 600;
}

.reports-detail-page .map {
	width: 100%;
/*	max-width: 615px;*/
	height: 205px;
	margin-bottom: 30px;
}

.reports-detail-page .map #map {
	width: 100%;
	height: 205px;
}

.reports-detail-page .text img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.reports-detail-page .advertising {
	margin-bottom: 20px;
}

.reports-detail-page .others .item {
	display: block;
	position: relative;
	text-decoration: none;
}

.reports-detail-page .others .item .desc {
	display: none;
	width: 100%;
	height: 100%;
	padding: 20px 24px;
	background: rgba(21, 101, 192, 0.51);
	font: 500 16px/18px 'Montserrat';
	color: #fff;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.reports-detail-page .others .item:hover .desc {
	display: block;
}

.reports-detail-page .others .item .desc .date {
	display: block;
	margin-bottom: 15px;
	font: 300 14px/16px 'Montserrat';
}

.reports-detail-page .others .item .desc .date span {
	font-weight: 500;
}

/*Страница Видео*/
.videos-page .item {
	margin-bottom: 25px;
}

.videos-page .item .image {
	margin-bottom: 13px;
	position: relative;
}

.videos-page .item .image a {
	font: normal 12px/14px 'Montserrat';
	color: #ffffff;
}

.videos-page .item .image img {
	width: 100%;
}

.videos-page .item .image .duration {
	position: absolute;
	bottom: 13px;
	right: 13px;
}

.videos-page .item .info {
	margin-bottom: 10px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

.videos-page .item .info span {
	font-weight: 600;
}

.videos-page .item .info .count .views,
.videos-page .item .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

.videos-page .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.videos-page .item .name a {
	font: 500 22px/26px 'Montserrat';
	color: #1565c0;
	text-decoration: none;
}

.videos-page .item.first .image {
	margin-bottom: 0;
}

.videos-page .item.first .desc {
	flex: 0 0 200px;
	padding: 15px 20px;
	background: #1565c0;
}

.videos-page .item.first .desc .info {
	color: #fff;
}

.videos-page .item.first .desc .info .count {
	margin-top: 10px;
}

.videos-page .item.first .desc .name a {
	font: 500 20px/24px 'Montserrat';
	color: #fff;
}

.videos-page .item.first .info .count .views,
.videos-page .item.first .info .count .comments {
	background-position: right -203px;
}

.videos-page .item.first .info .count .comments {
	margin-right: 0;
	background-position: right -301px;
}

.videos-page .advertising {
	margin-bottom: 25px;
}

.videos-page .teaser {
	margin-bottom: 25px;
}

.videos-page .teaser a {
	font: 400 26px/28px 'Montserrat';
	color: #fff;
	text-decoration: none;
}

.videos-page .teaser a .image {
	position: relative;
	background: url('../img/video-teaser.jpg') 0 0 no-repeat;
	background-size: cover;
}

.videos-page .teaser a .image:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(21, 101, 192, 0.51);
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

.videos-page .teaser a .image img {
	opacity: 0;
}

.videos-page .teaser a .icon {
	padding: 165px 40px 20px 40px;
	background: url('../img/video-icon.png') center 32px no-repeat #1565c0;
	text-align: center;
}

.videos-page .more {
	display: inline-block;
	height: 38px;
	padding-left: 60px;
	background: url('../img/more-sprite.png') 0 0 no-repeat;
	font: 500 18px/38px 'Montserrat';
	color: #b3b3b3;
	cursor: pointer;
}

.videos-page .more:hover {
	background-position: 0 -38px;
	color: #1e90ff;
}

/*Страница видео детальная*/
.videos-detail-page .youtube {
	margin-bottom: 20px;
}

.videos-detail-page .author {
	margin-bottom: 30px;
}

.videos-detail-page .author .image {
	flex: 0 0 86px;
	margin-right: 15px;
}

.videos-detail-page .author .image img {
	-webkit-border-radius: 86px;
	-moz-border-radius: 86px;
	border-radius: 86px;
}

.videos-detail-page .author .desc {
	font: normal 14px/16px 'Montserrat';
	color: #1e90ff;
}

.videos-detail-page .author .desc .info {
	margin-bottom: 15px;
}

.videos-detail-page .author .desc .info .count {
	white-space: nowrap;
}

.videos-detail-page .author .desc .info .count .views,
.videos-detail-page .author .desc .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
	font-weight: 300;
}

.videos-detail-page .author .desc .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.videos-detail-page .author .desc .name {
	margin-bottom: 13px;
	font-weight: 600;
}

.typography .videos-detail-page h1 {
	margin-top: 0;
}

.videos-detail-page .advertising {
	margin-bottom: 25px;
}

.videos-detail-page .others .item {
	margin-bottom: 25px;
}

.videos-detail-page .others .item .image {
	margin-bottom: 13px;
	position: relative;
}

.videos-detail-page .others .item .image a {
	font: normal 12px/14px 'Montserrat';
	color: #ffffff;
}

.videos-detail-page .others .item .image img {
	width: 100%;
}

.videos-detail-page .others .item .image .duration {
	position: absolute;
	bottom: 13px;
	right: 13px;
}

.videos-detail-page .others .item .info {
	margin-bottom: 10px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

.videos-detail-page .others .item .info span {
	font-weight: 600;
}

.videos-detail-page .others .item .info .count .views,
.videos-detail-page .others .item .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

.videos-detail-page .others .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.videos-detail-page .others .item .name a {
	font: 600 14px/16px 'Montserrat';
	color: #1565c0;
	text-decoration: none;
}

/*Страница форум*/
div.forum-header-box {
	background: #1565c0;
	border-color: #dae0e7;
}

.forum-table .forum-head-title a {
	color: #fff;
	text-decoration: none;
}

/*Страница Список новостей*/
.news-page .item {
	margin-bottom: 30px;
	font: 300 16px/20px 'Montserrat';
}

.news-page .item .img-fluid {
	width: 100%;
	margin-bottom: 15px;
}

.news-page .item .info {
	margin-bottom: 13px;
	font: 300 14px/16px 'Montserrat';
	color: #b3b3b3;
}

.news-page .item .info .count .views,
.news-page .item .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
}

.news-page .item .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.news-page .item .name {
	margin-bottom: 11px;
}

.news-page .item .name a {
	font: 500 20px/24px 'Montserrat';
	color: #1565c0;
	text-decoration: none;
}

.news-page .more {
	display: inline-block;
	height: 38px;
	padding-left: 60px;
	background: url('../img/more-sprite.png') 0 0 no-repeat;
	font: 500 18px/38px 'Montserrat';
	color: #b3b3b3;
	cursor: pointer;
}

.news-page .more:hover {
	background-position: 0 -38px;
	color: #1e90ff;
}

/*Страница Карта рыбака*/
.maps-page {
	position: relative;
}

.maps-page #map {
	width: 100%;
	height: 645px;
	margin: -50px 0 25px 0;
	position: relative;
	z-index: 1;
}

.maps-page #scroll {
	display: none;
	width: 63px;
	height: 645px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;

	background: url('../img/touch-map-icon.png') center center #1565c0 no-repeat;
	opacity: 0.6;
}

.maps-page .legend {
	margin-bottom: 25px;
}

.maps-page .legend .item {
	margin-right: 25px;
}

.maps-page .legend .item:last-child {
	margin:0;
}

	/*Нижняя часть сайта*/
#foot {
	width: 100%;
	padding: 62px 0 44px 0;
	background: #1565c0;
	color: #fff;
	font-size: 18px;
	margin-top: 15px;
}

#foot a {
	font: normal 18px/20px 'Montserrat';
	color: #fff;
	text-decoration: none;
}

#foot a:hover {
	color: #1e90ff;
}

#foot .title {
	margin-bottom: 6px;
	text-transform: uppercase;
	font-weight: 500;
}

#foot ul {
	margin: 0 0 30px 0;
	padding: 0;
}

#foot ul li {
	list-style: none;
	padding: 0;
}

#foot ul li a {
	display: inline-block;
	margin-bottom: 5px;
	font: normal 18px/20px 'Montserrat';
	color: #fff;
	text-decoration: none;
}

#foot ul li a:hover {
	color: #1e90ff;
}

#foot .feedback .title {
	font-weight: 500;
	text-transform: none;
}

#foot .copyright {
	margin-top: 20px;
	font-size: 14px;
}

#foot .developer {
	margin-top: 20px;
	text-align: right;
}

#foot .developer a {
	display: inline-block;
	min-height: 47px;
	padding: 6px 0 0 67px;
	background: url(../img/twozebras.png) no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
}

#foot .developer a span {
	text-decoration: underline;
}

/*Fancybox*/
.fancybox-content {
	padding-left: 30px;
}

/*Всплывающие окна*/
.popup {
	display: none;
	width: 100%;
	max-width: 1150px;
}

#cities h5 {
	color: #333;
}

#cities a {
	display: block;
	margin: 3px 0;
}

#cities input[type=text] {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #1e90fe;
}

#subscribe,
#auth {
	max-width: 575px;
}

#auth form table {
	width: 100%;
}

#auth form table tr td {
	border: 0;
}

#auth input[type=text],
#auth input[type=password] {
	width: 100%;
}

#register {
	max-width: 650px;
}

#register form table tr td {
	border: 0;
}

/*Постраничная навигация*/
.paginate {
	margin: 20px 0;
	text-align: center;
}

.paginate span,
.typography .paginate a {
	display: inline-block;
	width: 42px;
	height: 42px;
	margin: 5px;
	font: normal 18px/42px 'Montserrat';
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #1565c0;
}

.paginate .modern-page-current {
	background: #1e90ff;
}

/*Балун на карте Яндекс*/
.custom_balloon {
	padding: 10px;
	max-width: 250px;
}

.custom_balloon .author {
	margin-bottom: 30px;
}

.custom_balloon .author .image {
	flex: 0 0 86px;
	margin-right: 15px;
}

.custom_balloon .author .image img {
	-webkit-border-radius: 86px;
	-moz-border-radius: 86px;
	border-radius: 86px;
}

.custom_balloon .author .desc {
	font: normal 14px/16px 'Montserrat';
	color: #1e90ff;
}

.custom_balloon .author .desc .info {
	margin-bottom: 15px;
}

.custom_balloon .author .desc .info .count {
	white-space: nowrap;
}

.custom_balloon .author .desc .info .count .views,
.custom_balloon .author .desc .info .count .comments {
	display: inline-block;
	height: 17px;
	padding-right: 25px;
	margin-right: 7px;
	background: url('../img/info-sprite.png') right 0 no-repeat;
	font-weight: 300;
}

.custom_balloon .author .desc .info .count .comments {
	margin-right: 0;
	background-position: right -98px;
}

.custom_balloon .author .desc .name {
	margin-bottom: 13px;
	font-weight: 600;
}

.custom_balloon .name {
	margin-bottom: 15px;
}

.custom_balloon .name a {
	font: 500 22px/26px 'Montserrat';
	color: #1565c0;
	text-decoration: none;;
}

.custom_balloon .text {
	font: normal 14px/16px 'Montserrat';
	color: #333;
}


/*Типографика сайта*/
.typography h1 {
	margin: 10px 0 30px 0;
	font: 500 30px/34px 'Montserrat';
	color: #1565c0;
}

.typography h2 {
	margin: 10px 0 35px 0;
	font: 500 26px/28px 'Montserrat';
	color: #1565c0;
}

.typography h3 {
	margin: 10px 0 25px 0;
	font: 500 22px/24px 'Montserrat';
	color: #1565c0;
}

.typography h4 {
	margin: 10px 0;
	font: 400 20px/22px 'Montserrat';
	color: #1565c0;
}

.typography h5 {
	margin: 10px 0;
	font-weight: 300;
	color: #1565c0;
}

.typography .title-line {
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
}

.typography .title-line:before, .title-line:after {
	content: "";
	height: 1px;
	background-color: #1e90ff;
	position: relative;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.typography .title-line:before {
	margin-right: 10px;
}

.typography .title-line:after {
	margin-left: 10px;
}

.typography .img-fluid {
	width: 100%;
}

.typography a {
	color: #1e90ff;
	text-decoration: underline;
}

.typography a:hover {
	text-decoration: none;
}

.typography p {
	margin: 1rem 0;
}

.typography hr {
	margin: 20px 0;
	border: 0;
	border-bottom: dotted 5px #1465c0;
}

.typography ol {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	counter-reset: item;
}

.typography ol li > ol {
	margin: 0;
}

.typography ol li {
	margin: 4px 0;
	padding-left: 25px;
	background: none;
	counter-increment: item;
}

.typography ol li:before {
	content: counters(item,".") ".";
	margin-left: -23px;
	margin-right: 8px;
}

.typography ul {
	margin: 15px 0;
	padding: 0;
	list-style: none;
}

.typography ul li {
	margin: 4px 0;
	padding-left: 15px;
	position: relative;
}

.typography ul li::before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #1465c0;
	position: absolute;
	left: 0;
	top: 8px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.typography table {
	margin: 15px 0;
	border-collapse: collapse;
}

.typography table tr td,
.typography table tr th {
	padding: 10px 15px;
	border: 1px solid #e4e4e4;
}

.typography table tr th {
	background: #1e90ff;
	color: #fff;
}

.typography table.noborder tr td,
.typography table.noborder tr th {
	border: 0;
	background: transparent;
}

.typography input[type=text],
.typography input[type=email],
.typography input[type=password],
.typography textarea {
	padding:15px;
	border: 1px solid #808080;
	font: normal 16px/18px 'Montserrat';
	color: #333;
	outline: none;
}

.typography input[type=text]::-webkit-input-placeholder,
.typography input[type=email]::-webkit-input-placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #b3b3b3;
}
.typography input[type=text]:-ms-input-placeholder,
.typography input[type=email]:-ms-input-placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #b3b3b3;
}
.typography input[type=text]::placeholder,
.typography input[type=email]::placeholder {
	font: 300 16px/18px 'Montserrat';
	color: #b3b3b3;
}

.typography input[type=submit],
.typography a.button {
	display: inline-block;
	padding:10px 25px;
	background: #1565c0;
	border: 0;
	font: normal 16px/18px 'Montserrat';
	color: #fff;
	text-decoration: none;
}

.typography input[type=submit]:hover,
.typography a.button:hover {
	background: #1e90ff;
}

.typography select {
	padding:15px;
	border: 1px solid #808080;
	font: normal 16px/18px 'Montserrat';
	color: #333;
	outline: none;
}

/*Адаптивные стили*/
@media (max-width: 1200px) {

	#content .main-page .articles .item.second .image,
	#content .main-page .articles .item.third .image,
	#content .main-page .articles .item.fourth .image,
	#content .main-page .news .item .image {
		flex: 0 0 40%;
		margin-right: 30px;
	}

	.articles-page .item .info .date {
		margin-bottom: 5px;
	}

	.reports-page .item.small .desc .name {
		font: 500 13px/16px 'Montserrat';
	}

	.reports-detail-page .others .item .desc {
		font: 500 13px/16px 'Montserrat';
	}

	.videos-detail-page .others .item .info .date {
		display: block;
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {

	/*#head .desktop-header .logo {
		padding-right: 0;
	}*/

	.sm-simple {
		width: auto;
	}

	#content .main-page .articles .item.second .image,
	#content .main-page .news .item .image {
		flex: none;
		margin-right: 0;
	}

	#content .main-page .news .item .image,
	#content .main-page .news .item .desc {
		margin-bottom: 19px;
	}


	#content .main-page .reports .item:hover .hover {
		display: none;
	}

	.articles-page .item .info .date {
		margin-bottom: 0;
	}

	.articles-page .item .image {
		flex: 0 0 auto;
		margin-right: 0;
		margin-bottom: 19px;
	}

	.reports-page .item.small img {
		margin-bottom: 15px;
	}

	.reports-page .item.small .desc {
		display: block;
		position: static;
		padding: 0;
		background: none;
		color: inherit;
	}

	.reports-page .item.small .desc .info {
		margin-bottom: 13px;
		color: #b3b3b3;
	}

	.reports-page .item.small .desc .info .count {
		display: block;
	}

	.reports-page .item.small .desc .name {
		font: 500 22px/26px 'Montserrat';
		color: #1565c0;
	}

	.reports-detail-page .others .item {
		margin-bottom: 30px;
	}

	.reports-detail-page .others .item .desc {
		font: 500 16px/20px 'Montserrat';
	}

	.videos-page .item.first .desc {
		flex: 0 0 50%;
	}

	.videos-detail-page .others .item .info .date {
		margin-bottom: 0;
	}

	.typography .videos-detail-page h1 {
		font: 500 22px/24px 'Montserrat';
	}


}

@media (max-width: 767px) {
	/*#head .desktop-header .logo {
		padding: 10px 0;
	}*/
	.maps-page .legend{
    display:block!important;
  }  
  .maps-page .legend .item{
    padding:5px 0px;
  }
  div.forum-filter-field span.forum-filter-field-item input{
    width:37%;
  }
}

@media (max-width: 575px) {
	.main-page .map {
		padding-top: 30px;
	}

	#head {
		padding: 0;
	}
	#content {
	padding-top: 30px;
	}
  .typography select{
    max-width:100%;
  }
  .bx-auth-profile input{max-width:95%}
  .mob_hide{display:none;}
	#content .main-page .slider .slogan {
		font: 500 36px/40px 'Montserrat';
	}

	#content .main-page .main-menu {
		margin-top: 30px;
	}

	#content .main-page .main-menu a {
		width: 100%;
		margin: 0;
		font: 500 20px/24px 'Montserrat';
		color: #333 !important;
		text-align: left;
	}

	#content .main-page .main-menu a:before {
		display: inline-block;
		width: 66px;
		height: 40px;
		margin: 0;
		background: url(../img/main-menu-sprite.png) 0 -1615px no-repeat;
		background-color: transparent !important;
		vertical-align: middle;
	}

	#content .main-page .main-menu a.forum:before {
		background-position: 0 -1695px;
	}

	#content .main-page .main-menu a.video:before {
		background-position: 0 -1778px;
	}

	#content .main-page .main-menu a.bases:before {
		background-position: 0 -1857px;
	}

	#content .main-page .main-menu a.shops:before {
		background-position: 0 -1935px;
	}

	#content .main-page .main-menu a.lakes:before {
		background-position: 2px -2015px;
	}

	#content .main-page .main-menu a.help:before {
		background-position: 6px -2095px;
	}

	#content .main-page .main-menu a.films:before {
		background-position: 4px -2175px;
	}

	#content .main-page .main-menu a.recipes:before {
		background-position: 3px -2255px;
	}

	#content .main-page .map #map {
		height: 445px;
	}

	#content .main-page .introtext {
		display: none;
	}

	#content .main-page .messages .item {
		font-size: 14px;
	}

	#content .main-page .news .item .image {
		flex: 0 0 40%;
		margin-right: 20px;
	}

	#content .main-page .news .item .name a {
		font: normal 16px/18px 'Montserrat';
		color: #333;
	}

	.reports-page .item {
		margin-bottom: 25px;
	}

	.reports-page .item .desc .name,
	.reports-page .item.small .desc .name,
	.reports-page .item.big .desc .name {
		font: 500 18px/22px 'Montserrat';
		color: #1565c0;
	}

	.reports-page .item.big img {
		margin-bottom: 15px;
	}

	.reports-page .item.big .desc {
		position: static;
		padding: 0;
		background: none;
	}

	.reports-page .item.big .desc .info {
		color: #b3b3b3;
	}

	.reports-page .item.big .desc .info .count .views,
	.reports-page .item.big .desc .info .count .comments {
		background-position: right 0;
	}

	.reports-page .item.big .desc .info .count .comments {
		background-position: right -98px;
	}

	.reports-detail-page .others .item {
		margin-bottom: 20px;
	}

	.reports-detail-page .others .item img {
		margin-bottom: 15px;
	}

	.reports-detail-page .others .item .desc {
		position: static;
		display: block;
		padding: 0;
		background: none;
		font: normal 14px/16px 'Montserrat';
		color: #333;
	}

	.reports-detail-page .others .item .desc .date {
		display: none;
	}

	.videos-page .item.first .image {
		margin-bottom: 13px;
	}

	.videos-page .item.first .desc {
		padding: 0;
		background: none;
	}

	.videos-page .item.first .desc .info {
		color: #b3b3b3;
	}

	.videos-page .item.first .desc .info .count {
		margin-top: 0;
	}

	.videos-page .item.first .desc .info .count .views {
		background-position: right 0;
	}

	.videos-page .item.first .info .count .comments {
		background-position: right -98px;
	}

	.videos-page .item .name a,
	.videos-page .item.first .desc .name a {
		font: 500 18px/22px 'Montserrat';
		color: #1565c0;
	}

	.videos-page .teaser a {
		font: 400 18px/22px 'Montserrat';
	}


	#foot {
		padding: 25px 0;
	}

	#foot a {
		font: normal 14px/16px 'Montserrat';
	}

	#foot .feedback .title {
		font-size: 14px;
	}

	#foot .copyright {
		font-size: 12px;
	}

	#foot .developer a {
		display: block;
		min-height: auto;
		padding: 0;
		background: none;
		font-size: 12px;
	}

	#foot .developer br {
		display: none;
	}

}

@media (max-width: 320px) {

}

.my-social {
	display: inline-block;
}
.my-social a {
	margin-right: 10px;
}
/*.my-social a {
	display: block;
        width: 0px;
	height: 0px;
        margin: 10px;
	text-align: center;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
}
*/
#foot .my-social a:hover {
	background: none;
	border: none;
	color: #1e90ff;
}
.my-social svg {
/*    margin-top: 10px;*/
	width: 20px;
	height: 20px;
}

a.Link:Link {
  
  text-decoration: none;
  color: #333333;
  font-size: 18px
  
}


.email a:hover {background: #5bc7ff;}
.facebook a:hover {background: #3b5998;}
.odnoklassniki a:hover {background: #f93;}
.twitter a:hover {background: #00acee;}
.vk a:hover {background: #4a76a8;}
.youtube a:hover {background: #c4302b;}

article .lead p:first-child {
    margin-top: 0;
}



/******** Для блока комментариев *************/


div.blog-comment {
  display: flex;
  padding: 1.4em 0 0;
  flex-flow: row wrap;
}

.blog-comment .tab_pad {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.blog-comment .tab_pad_img {
  display: block;
  width: 15px;
  height: 20px;
  flex: 0 0 15px;
}

.blog-comment .tabbed {
  padding-left: 17px;
  position: relative;
}

/*.blog-comment .tabbed::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -15px;
  height: 101px;
  width: 2px;
  background-color: #1e90ff;
}*/

.blog-comment .blog-comment-meta {
  padding: 0;
  display: flex;
}

.blog-comment .rating_vote_text {
	margin-left: auto;
}

.blog-comment .blg-comment {
	width: 100%;
	flex: 1 1;
}

.blog-comment .blog-comment-meta span.blog-vert-separator {
	width: 5px;
	background-color: transparent;
}


.blog-comment .first_letter_avatar {
	width: 86px;
	height: 86px;
	display: flex;
	border-radius: 50%;
	margin-bottom: 12px;
	justify-content: center;
	align-items: center;
	font-size: 46px;
	text-decoration: none;
	background-color: rgba(21, 101, 193, 0.11);
	color: #1565c0;
}

#top_user_link {
	display: flex;
	align-items: center;
}

#top_user_link .first_letter_avatar {
	width: 40px;
	height: 40px;
	display: flex;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.5);
	color: #1565c0;
	font-weight: bold;
}

@media screen and (max-width: 930px) {
	#top_user_link span {
		display: none;
	}
}

.allusers .first_letter_avatar {
	width: 68px;
	height: 68px;
	display: flex;
	border-radius: 50%;
	margin-bottom: 12px;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-decoration: none;
	background-color: rgba(21, 101, 193, 0.11);
	color: #1565c0;
	font-weight: bold;
}

.allusers img {
	border-radius: 100px;
	overflow: hidden;
}

.messages .first_letter_avatar {
	width: 55px;
	height: 55px;
	display: flex;
	border-radius: 50%;
	margin-bottom: 12px;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-decoration: none;
	background-color: rgba(21, 101, 193, 0.11);
	color: #1565c0;
}

.profile__header-pic a {
	display: flex;
	width: 100%;
height: 100%;
text-decoration: none;
}

.profile .first_letter_avatar {
	width: 100%;
	height: 100%;
	display: flex;
	border-radius: 50%;
	margin-bottom: 12px;
	justify-content: center;
	align-items: center;
	font-size: 3em;
	text-decoration: none;
	background-color: #E2EAF7;
	color: #1565c0;
}
.blog-comment-edit.feed-com-add-block.blog-post-edit {
/*	margin-left: 10px;*/
	width: 100%;
}

@media screen and (max-width: 767px) {
	.blog-comment .tab_pad {
		width: 15px; 
		flex: 0 0 15px;
	}
	.blog-comment .blog-comment-meta {
	flex-flow: row wrap;
	}
}

@media screen and (max-width: 520px) {
	.rating_vote_text {
		margin-left: auto;
	}
	.blog-comment .tab_pad {
		width: 15px; 
		flex: 0 0 15px;
	}
	.blog-comment .tab_pad_img {
	  display: none;
	}
	.blog-comment .tabbed::after {
	height: calc(100% + 10px);
	}
}



/**************** Личный кабинет ***************/

#profile {
font-size: 16px;
}

#profile .h1 {
	margin: 10px 0 30px 0;
	font: 500 30px/34px 'Montserrat';
	color: #1565c0;
	font-weight: normal;
}

#profile h1 {
	margin-bottom: 10px;
	font-weight: bold;
}

#profile h2 {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
}

#profile h2:after {
	content: "";
	height: 1px;
	background-color: #1e90ff;
	position: relative;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 1em;
}

#profile h2:before {
	margin-right: 1em;
}

#profile h2.title-line {
	font-size: x-large;
	margin: 1em 0;
}

#profile .headers {
	display: flex;
	margin-bottom: 10px;
}

#profile .headers img {
	width: 1.4em;
	height: 1.4em;
	margin-right: 10px;
}


#profile section {
	margin-bottom: 3em;
}

#profile .grid {
	line-height: 1.5;
	display: grid;
	gap: 5px;
	grid-template-columns: 250px auto;
	grid-template-areas:
	"A B"
	"C D"
	"E F"
	"G H"
	"I J"
	"K L"
	"X X"
	"X X";

}

#profile .main_info .grid {
	grid-template-areas:
	"A B"
	"C D"
	"E F"
	"G H"
	"I J"
	"K L";
}

#profile .specials .grid {
	grid-template-areas:
	"A B"
	"C D"
	"E F"
	"G H";
}


#profile .col.pos_mob_unset .grid {
		grid-template-areas: "A B";
	}

.grid_A {grid-area: A}
.grid_B {grid-area: B}
.grid_C {grid-area: C}
.grid_D {grid-area: D}
.grid_E {grid-area: E}
.grid_F {grid-area: F}
.grid_G {grid-area: G}
.grid_H {grid-area: H}
.grid_I {grid-area: I}
.grid_J {grid-area: J}
.grid_K {grid-area: K}
.grid_L {grid-area: L}
.grid_X {grid-area: X}


#burger_profile {
background-color: rgba(21, 101, 193, 0.16);
display: flex;
position: absolute;
top: 0;
right: 15px;
width: 34px;
height: 34px;
border-radius: 50%;
justify-content: center;
align-items: center;
cursor: pointer;
}

#burger_profile img {
	width: 70%;
	height: 70%;
}

#burger_profile_menu {
	position: absolute;
	top: 0;
	right: 15px;
	background-color: white;
	box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.07),0 1px 8px 0 rgba(0,0,0,.06);
	padding: 1.75em 2.5em 1.75em 1.75em;
	display: flex;
	flex-direction: column;
	z-index: 10;
}

#profile .hidden {
	display: none;
}

#burger_profile_menu a,
#profile_add_menu a {
	white-space: nowrap;
	margin-bottom: .5em;
	text-decoration: none;
}

#burger_profile_menu a:hover,
#profile_add_menu a:hover {
	text-decoration: underline;
}

#burger_profile_menu a:last-child,
#profile_add_menu a:last-child {
	margin-bottom: 0;
}

#burger_profile_menu_close {
	width: 40px;
	height: 40px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	cursor: pointer;
}

#profile_add_menu {
	position: absolute;
	bottom: 0;
	left: 150px;
	background-color: white;
	box-shadow: 0 3px 3px -2px rgba(0,0,0,.1),0 3px 4px 0 rgba(0,0,0,.07),0 1px 8px 0 rgba(0,0,0,.06);
	padding: 1em 1.25em;
	display: flex;
	flex-direction: column;
	z-index: 50;
}

.img_round {
	display: flex;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
}

.img_round img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.img_round .photo_link {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


#likes_wrap {
	display: grid;
	grid-template-areas:
		"A B"
		"C D";
	grid-template-columns: 1.3em auto;
	width: intrinsic;
	gap: 5px;
	column-gap: 10px;
}

#icon_likes {grid-area: A}
#likes 		{grid-area: B}
#icon_balls {grid-area: C}
#balls 		{grid-area: D}

#icon_likes,
#icon_balls,
#icon_likes_m,
#icon_balls_m {
	text-align: right;
}

#icon_likes img,
#icon_likes_m img {
	width: 1.3em;
	height: 1.3em;
	vertical-align: -2px;
}

#icon_balls img,
#icon_balls_m img {
	width: 1em;
	height: 1em;
	vertical-align: -2px;
}

.photo_link {
	position: relative;
	display: flex;
}

.photo_link:hover::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	opacity: .5;
	background: url('/bitrix/templates/rybalka/img/profile/photo_icon.svg') 50% 50% no-repeat;
	width: 50px;
	height: 40px;
	background-size: contain;
}

.photo_link:hover::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	opacity: .15;
	width: 100%;
	height: 100%;
	border: 50px solid white;
}

#profile_tabs_menu {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 1em;
}


#profile_tabs_menu .button:not(.active) {
	background-color: #f8f8f8;
	color: #222;
}

#profile_tabs_menu .button {
	position: relative;
}

#profile_tabs_menu .button.active:after {
	content: "";
	display: block;
	border: 7px solid transparent;
	border-top: 7px solid #1565c0;
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
}

#profile_tabs_menu .button.active:hover:after {
	border-top-color: #1e90ff;
}

#profile #posts_lists > div:not(.active) {
	display: none;
}


#profile .message_item {
	display: grid;
	grid-column-gap: 10px;
	grid-template-areas:
	"D F L"
	"D X X";
	grid-template-columns: auto 1fr auto;
	margin-bottom: 30px;
	grid-row-gap: 5px;
}

#profile .message_item p {
	margin-top: 0;
}

#profile .msg_text p:last-child {
	margin-bottom: 0;
}

#profile .forum_breadcrumbs {
	font-size: small;
	display: flex;
	flex-flow: row wrap;
}
#profile .forum_breadcrumbs .divider {
	margin: 0 .5em;
}


.msg_date {grid-area: D; opacity: 0.5;}
.msg_forum {grid-area: F}
.msg_link {grid-area: L}
.msg_text {grid-area: X}

a.button {
	cursor: pointer;
}

#likes_wrap_mobile {
	display: none;
}

#profile .button.button-outline {
	background-color: white;
	border: 1px solid #1565c0;
	color: #1565c0;
}

#profile .button.button-outline.highlight {
	background-color: #f0f8ff;
}

#profile .button.button-outline:hover {
	background-color: #1565c0;
	color: white;
}



/************** Profile right column **************/

#right .forum__profile {
	margin-bottom: 2.5em;
}

.forum__profile .forum__box.header {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 20px 0;
	display: flex;
	position: relative;
}

.forum__profile a.forum__box.header::after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #1565c0;
	border-right: 2px solid #1565c0;
	transform: rotate(45deg);
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.forum__profile a.forum__box {
	color: inherit;
	text-decoration: none;
	display: flex;
	margin-bottom: 20px;
}

.forum__profile a .post_name {
	font-size: 14px;
}

.forum__profile a.forum__box:hover .post_name {
	text-decoration: underline;
}



.forum__profile .messages img {
	max-width: 100%;
	border-radius: 50%;
}
.forum__profile .messages .image {
	flex: 0 0 55px;
	margin-right: 7px;
}
.forum__profile .messages a {
	text-decoration: none;
	font-size: 13px;
	color: #1565c0;
}

.forum__profile .messages .author a.title {
	text-decoration: none;
	font-weight: 600;
	color: #1565c0;
}

.forum__profile .messages a.text_message {
	color: inherit;
	line-height: 1.2;
}

.forum__profile .messages .item {
	margin-bottom: 1em;
}

.forum__profile .articles-page .item {
	margin-bottom: 25px;
}

.forum__profile .articles-page .item .image {
	margin-right: 0;
}

.forum__profile .articles-page .item_0 .image {
	width: 100%;
	height: 180px;
	position: relative;
	margin-bottom: 10px;
}

.forum__profile .articles-page .item_0 .image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.forum__profile .articles-page .item_1 {
	display: flex;
}

.forum__profile .articles-page .item_1 .image {
	flex: 1 0 50%;
	padding-right: 15px;
}

.forum__profile .articles-page .item .name a {
	font: 400 15px/20px 'Montserrat';
}

.forum__profile .articles-page .item .info {
	margin-top: 10px;
	margin-bottom: 5px;
}

.forum__profile .articles-page .item.item_0 .info,
.forum__profile .articles-page .item.item_1 .info {
	margin-top: 0;
}


#profile .first_letter_wrap {
	position: absolute;
	width: 100%;
	height: 0;
	padding-top: 100%;
	top: 0;
}

#profile .first_letter_wrap .first_letter_avatar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
width: 100%;
height: 100%;
display: flex;
border-radius: 50%;
margin-bottom: 12px;
justify-content: center;
align-items: center;
font-size: 3em;
text-decoration: none;
background-color: rgba(21, 101, 193, 0.11);
color: #1565c0;
}


.word_wrap {
	word-wrap: anywhere;
	word-break: break-all;
}

@media screen and (max-width: 520px) {
	#profile .message_item {
	grid-template-areas:
		"D D D"
		"F F F"
		"X X X"
		"L L L";
	}
	#profile .img_round,
	#profile .first_letter_wrap {
		width: 150px!important;
		height: 150px;
		padding: 0;
	}
	/*#profile .img_round.w-100,
	#profile .img_round img {
	max-width: 160px;
	}*/
	#likes_wrap {
		display: none;
	}
	#likes_wrap_mobile {
		display: grid;
		grid-template-areas:
			"A B"
			"C D"
			"E E";
		grid-template-columns: 1.3em auto;
		width: intrinsic;
		gap: 5px;
		column-gap: 10px;
		grid-template-rows: 30px 30px;
		align-content: center;
		margin-left: 1em;
	}
	#icon_likes_m {grid-area: A}
	#likes_m 		{grid-area: B}
	#icon_balls_m {grid-area: C}
	#balls_m 		{grid-area: D}
	#btn_mod_bls {grid-area: E}

	.pos_mob_unset {
		position: unset;
	}
	.pos_mob_relative {
		position: relative;
	}
	.mob_d_none {
		display: none;
	}
	#profile h1 {
		margin-top: 0;
	}
	#profile .profile__header-status {
		margin-left: 0;
		align-items: center;
	}
	#profile .grid {
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	}
	
	#profile_tabs_menu .button {
		padding: 10px 15px;
	}

}


.forum-reply-form span.forum-pmessage-recipient {
	white-space: unset;
}

.forum-reply-form .forum-reply-field.forum-reply-field-text {
	overflow: scroll;
}


#author-block {
	font: normal 14px/16px 'Montserrat';
}

#author-block .headline::after {
	content: "";
	height: 1px;
	background-color: #1e90ff;
	position: relative;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 1em;
}

#author-block .grid {
	line-height: 1.5;
	display: grid;
	gap: 5px;
	grid-template-columns: 250px auto;
	grid-template-areas: "A B"
		"C D"
		"E F"
		"G H"
		"I J"
		"K L"
		"X X"
		"X X";
}

#author-block .headline {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
	font-weight: 600;
	color: #1e90ff;
}

#map_loading {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% -50%);
}

#profile .specials .button {
	font-size: 14px; 
	padding: 5px 10px; 
	margin-right: 17%; 
	position: absolute; 
	right: 0; 
	box-shadow: 0px 0px 0px 5px white;
}

#content .bonus_item a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	color: inherit;
	text-decoration: none;
	font-weight: normal;
	font-size: initial;
	line-height: initial;
	margin: .5em 0;
	cursor: pointer;
}

#content .bonus_item a:hover {
	text-decoration: underline;
}

#content .bonus_item .image {
	position: relative;
}

#content .bonus_item .balls {
	position: absolute;
	bottom: .5em;
	left: 0;
	background-color: #1565c0;
	color: white;
	line-height: 1;
	padding: .25em .5em;
	font-size: smaller;
}

.fancybox-caption__body span {
	background-color: #eee;
	color: #252525;
	font-weight: bold;
	padding: 3px 5px;
	border-radius: 4px;
	line-height: 1;
	margin: 0 0 0 10px;
	display: inline-block;
}

#content .bonus_item .ext_link {
	position: absolute;
	bottom: .5em;
	right: .5em;
	width: 1em;
	height: 1em;
}

.stretched-link::after {
	cursor: pointer;
}

@media screen and (max-width: 521px) {
	#profile .specials .headers {
	position: relative;
	margin-bottom: 56px;
	}
	#profile .specials .button {
	left: 0;
	right: unset;
	bottom: -40px;
	}
}