html { scroll-behavior: smooth; }
.bx-top-nav-container .bx-nav-list-3-lvl {
padding: 0 0 14px 14px;
}
/*#head #mobile-menu ul li ul>li a,*/
.bx-top-nav-container .bx-nav-3-lvl a {
position: relative;
}
/*#head #mobile-menu ul li ul>li a:before,*/
.bx-nav-3-lvl a::before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
margin-right: .2em;
position: absolute;
left: .25em;
}
.bx-top-nav-container .bx-nav-2-lvl > a:hover,
.bx-top-nav-container .bx-nav-3-lvl a:hover {
color: #1565c0;
}
#main-menu a[href='/help/faq/'], #foot a[href='/help/faq/']{
color:#32cd32;
}
article p {
word-break: break-word;
}
article img {
height: auto;
}
.sm-simple {
width: 720px;
}
.text-sm {
font-size: smaller;
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
padding: 25px 0 20px 58px;
color: #ffffff;
font-family: 'Montserrat';
font-size: 18px;
font-weight: 300;
line-height: 18px;
text-decoration: none;
}
.sm-simple a.current {
color: #fff;
}
.sm-simple a.disabled {
color: #cccccc;
}
.sm-simple a .sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 14px/34px monospace !important;
text-align: center;
text-shadow: none;
background: rgba(0, 0, 0, 0.08);
}
.sm-simple a .sub-arrow::before {
content: '+';
}
.sm-simple a.highlighted .sub-arrow::before {
content: '-';
}
.sm-simple li {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-simple > li:first-child {
border-top: 0;
}
.sm-simple ul {
background: #1e90ff;
}
.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
border-left: 8px solid transparent;
}
.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
border-left: 16px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
border-left: 24px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
border-left: 32px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
border-left: 40px solid transparent;
}
.sm-simple li > ul {
display: none;
}
@media (min-width: 768px) {
/* Switch to desktop layout
-----------------------------------------------
These transform the menu tree from
collapsible to desktop (navbar + dropdowns)
-----------------------------------------------*/
/* start... (it's not recommended editing these rules) */
.sm-simple ul {
position: absolute;
width: 12em;
}
.sm-simple li {
float: left;
}
.sm-simple.sm-rtl li {
float: right;
}
.sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
float: none;
}
.sm-simple a {
white-space: nowrap;
}
.sm-simple ul a, .sm-simple.sm-vertical a {
white-space: normal;
}
.sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
}
/* ...end */
.sm-simple {
position: relative;
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
border-top: 3px solid transparent;
padding: 25px 30px 22px 30px;
color: #fff;
}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
background: #1e90ff;
}
.sm-simple a.current {
border-top-color: #fff;
}
.sm-simple a.disabled {
background: #fff;
color: #cccccc;
}
.sm-simple a.has-submenu {
padding-right: 32px;
}
.sm-simple a .sub-arrow {
top: 50%;
margin-top: -8px;
right: 20px;
width: 8px;
height: 16px;
font: 14px/16px monospace !important;
background: transparent;
}
.sm-simple a.highlighted .sub-arrow::before {
content: '+';
}
.sm-simple > li {
border-top: 0;
}
.sm-simple > li:first-child {
border-left: 0;
}
.sm-simple ul {
border-top: 1px solid #78bcff;
background: #1e90ff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active, .sm-simple ul a.highlighted {
padding: 15px 24px;
border: 0 !important;
}
.sm-simple ul a.has-submenu {
padding-right: 20px;
}
.sm-simple ul a:hover {
background: #b3b3b3;
}
.sm-simple ul a .sub-arrow {
left: 8px;
right: auto;
}
.sm-simple ul > li {
border: 0;
}
.sm-simple ul > li:first-child {
border-top: 0;
}
.sm-simple .scroll-up,
.sm-simple .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #fff;
height: 20px;
}
.sm-simple .scroll-up-arrow,
.sm-simple .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555555 transparent;
}
.sm-simple .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
}
.sm-simple.sm-rtl a.has-submenu {
padding-right: 20px;
padding-left: 32px;
}
.sm-simple.sm-rtl a .sub-arrow {
left: 20px;
right: auto;
}
.sm-simple.sm-rtl.sm-vertical a.has-submenu {
padding: 11px 20px;
}
.sm-simple.sm-rtl.sm-vertical a .sub-arrow {
left: auto;
right: 8px;
}
.sm-simple.sm-rtl > li:first-child {
border-left: 1px solid #eeeeee;
}
.sm-simple.sm-rtl > li:last-child {
border-left: 0;
}
.sm-simple.sm-rtl ul a.has-submenu {
padding: 11px 20px;
}
.sm-simple.sm-rtl ul a .sub-arrow {
left: auto;
right: 8px;
}
.sm-simple.sm-vertical a .sub-arrow {
left: 8px;
right: auto;
}
.sm-simple.sm-vertical li {
border-left: 0;
border-top: 1px solid #eeeeee;
}
.sm-simple.sm-vertical > li:first-child {
border-top: 0;
}
}
#thumb_up_icon {
vertical-align: -4px;
margin-right: 4px;
}
/* End */
/* Start:/bitrix/templates/rybalka/css/jquery.fancybox.min.css?158873762112795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/bitrix/templates/rybalka/css/icheck.css?1588664793947*/
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox,
.iradio {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 4px;
padding: 0;
width: 28px;
height: 21px;
background: url(../img/icheck.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox {
background-position: 0 0;
}
.icheckbox.hover {
background-position: -28px 0;
}
.icheckbox.checked {
background-position: -56px 0;
}
.icheckbox.disabled {
background-position: -84px 0;
cursor: default;
}
.icheckbox.checked.disabled {
background-position: -112px 0;
}
.iradio {
width: 21px;
height: 21px;
background-position: -140px 0;
}
.iradio.hover {
background-position: -161px 0;
}
.iradio.checked {
background-position: -182px 0;
}
.iradio.disabled {
background-position: -203px 0;
cursor: default;
}
.iradio.checked.disabled {
background-position: -224px 0;
}
/* End */
/* Start:/bitrix/templates/rybalka/css/styles.css?159282698946065*/
/**
* Стили для сайта Русская рыбалка
@author Nikolaev Konstantin
*/
#head .mobile-header .menu-b.open {
background: transparent;
z-index: 10001;
position: fixed;
right: 0;
width: 71px;
}
#head .mobile-header .menu-b.open .nav-icon {
right: 20px;
margin-left: auto;
}
#head.open_menu {
position: relative;
z-index: 10000;
}
#head.open_menu .logo,
#head.open_menu .search-b {
display: none;
}
/*Главная страница*/
#content .main-page .slider {
display:none;
}
#content .map .mob_scroll{
width: 15%;
height: 100%;
background: url(../img/touch-map-icon.png) center center #1565c077 no-repeat;
position: absolute;
top: 0;
right: 0;
z-index: 9;
}
@media (min-width: 767px) {
#content .map .mob_scroll{
display:none;
}
#content .main-page .slider {
display:block;
height: 523px;
margin-top: -50px;
background: url('../img/vesna.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;
}
#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 204px;
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: 500 20px/24px '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;
}
#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: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;
}
/*Страница Отчеты рыбаков*/
.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;
position:relative;
}
.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: auto;
/* max-width: 584px;*/
height: 205px;
margin-bottom: 30px;
display: flex;
}
.reports-detail-page .map #map {
width: 100%;
height: 205px;
display: flex;
}
.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;
}
.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;
position:relative;
}
.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;
}
/*Постраничная навигация*/
.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: 200px;
}
@media (max-width: 991px) {
.custom_balloon .text.typography{
display:none;
}
}
.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;
position:relative;
}
.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;
gap: 5px;
}
.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=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 {
font: 300 16px/18px 'Montserrat';
color: #b3b3b3;
}
.typography input[type=text]:-ms-input-placeholder {
font: 300 16px/18px 'Montserrat';
color: #b3b3b3;
}
.typography input[type=text]::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 {
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;
}
}
@media (max-width: 575px) {
.reports-detail-page iframe{ max-width: 100%;
max-height: 180px;}
#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: #808080 !important;
text-align: left;
}
/*Средняя часть сайта*/
/*#content {
padding: 0px 0;
}*/
#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) {
.profile__header-row-white .row-info {
margin: 0 10px;
}
}
/* End */
/* Start:/bitrix/templates/rybalka/css/custom.css?159921289411088*/
.box-container{
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);
}
.profile__header{
margin-bottom: 20px;
}
.profile__header-row-blue{
height: 130px;
background-color: #1565c0;
position: relative;
padding-top: 20px;
display: flex;
justify-content: flex-start;
color: #fff;
}
.blue-row{
display: flex;
justify-content: flex-start;
padding-top: 40px;
}
.profile__header-row-white{
height: 130px;
position: relative;
padding-top: 20px;
color: #1565c0;
}
.profile__header-pic{
border-radius: 50%;
width: 220px;
height: 220px;
border: 10px solid #fff;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 2;
right: 0;
margin: 0 auto;
}
.profile__header-pic img{
object-fit: cover;
display: block;
width: 100%;
height: 100%;
object-position: center;
}
.profile__header-name{
white-space: normal;
/* margin-right: 20px; */
font-weight: bold;
font-size: 24px;
line-height: 31px;
margin-top: 8px;
}
.profile__header-rating{
line-height: 44px;
min-width: 49px;
}
.profile__header-rating svg{
margin: auto;
}
.profile__header-date{
margin-bottom: 20px;
display: flex;
flex-flow: row wrap;
flex: 1 1 auto;
}
.profile__header-status {
font-size: smaller;
display: flex;
align-items: center;
}
.profile__header-status span{
border-radius: 50%;
background-color: #ccc;
width: 10px;
height: 10px;
display: inline-block;
margin-left: 0;
margin-right: 7px;
}
.profile__header-status.profile__header-status__online span{
background-color: #32cd32;
}
.profile__body-btn{
border-bottom: 1px solid #e7e7e7;
border-left: 2px solid #1565c0;
}
.profile__body-btn a{
height: 100%;
width: 100%;
text-decoration: unset;
display: block;
padding: 1rem !important;
font-size: 15px;
}
.profile__body-btn a:hover{
background-color: #f6f6f6;
}
.profile__body-btn a svg{
margin-right: 10px;
}
.profile__body-nav-bar{
display: flex;
width: 100%;
height: 50px;
justify-content: space-between;
border-bottom: 1px solid #e7e7e7;
}
.profile__body-nav-bar .profile__body-nav-item{
display: block;
text-decoration: unset;
color: #909090;
font-size: 14px;
text-align: center;
padding: 0 10px;
cursor: pointer;
}
.profile__body-nav-bar .profile__body-nav-item:hover{
border-bottom: 4px solid #e7e7e7;
}
.profile__body-nav-bar .profile__body-nav-item.disabled:hover{
border-bottom: unset;
}
.profile__body-nav-bar .profile__body-nav-item span:nth-child(1){
display: block;
width: 100%;
}
.profile__body-nav-bar .profile__body-nav-item span:nth-child(2){
display: block;
width: 100%;
font-weight: bold;
}
.profile__body-nav-bar .profile__body-nav-item.active{
border-bottom: 4px solid #1e90ff;
color: #000;
}
.profile__body-nav-bar .profile__body-nav-item.disalbed{
pointer-events: none;
}
.btn-wrap__add{
margin-top: 20px;
padding: 20px;
text-align: center;
position: relative;
}
.btn-wrap__add .btn-blue{
background-color: #1e90ff;
padding: 10px;
text-decoration: unset;
color: #fff;
font-weight: bold;
font-size: 14px;
position: relative;
display: inline-block;
cursor: pointer;
}
.btn-wrap__add .dropdown__submenu{
display: none;
}
.btn-wrap__add.show .dropdown__submenu{
display: block;
position: absolute;
right: -160px;
top: 0;
z-index: 100;
}
.btn-wrap__add.show .dropdown__submenu a{
display: block;
width: 160px;
height: 100%;
text-decoration: unset;
display: block;
padding: 10px;
font-size: 15px;
border-bottom: 1px solid #e7e7e7;
border-left: 2px solid #1565c0;
background-color: #fff;
cursor: pointer;
}
.btn-wrap__add.show .dropdown__submenu a:hover{
background-color: #f6f6f6;
cursor: pointer;
}
.profile__body-nav-content{
display: none;
}
.profile__body-nav-content.active{
display: block;
}
.nav-content-item{
margin-bottom: 30px;
}
.nav-content-item__head{
display: flex;
justify-content: flex-start;
padding: 15px;
}
.nav-content-item__head .nav-content-item__user__pic{
border-radius: 50%;
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 15px;
}
.nav-content-item__user__pic img{
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.nav-content-item__name{
display: inline-block;
margin-bottom: 10px;
}
.nav-content-item__name a{
text-decoration: unset;
font-size: 15px;
font-weight: bold;
color: #1e90ff;
transition: 0.4s;
}
.nav-content-item__name a:hover{
color: #1565c0;
}
.nav-content-item__date{
text-decoration: unset;
font-size: 15px;
font-weight: bold;
}
.nav-content-item__rating{
display: inline-block;
}
.nav-content-item__rating svg{
display: inline-block;
}
.nav-content-item__rating span{
display: inline-block;
}
.nav-content-item__body{
display: block;
}
.nav-content-item__body a {
text-decoration: unset;
transition: 0.4s;
z-index: 2;
}
.nav-content-item__body a:hover{
opacity: 0.7;
}
.nav-content-item__picture img{
object-fit: contain;
width: 100%;
height: 100%;
max-height: 500px;
}
.nav-content-item__title{
padding: 0 15px 15px;
font: 500 20px/24px 'Montserrat';
font-size: 22px;
color: #333;
}
.nav-content-item__footer{
display: block;
padding: 15px;
}
.nav-content-item__footer .count{
display: flex;
}
.nav-content-item__footer .count .views{
display: inline-block;
height: 17px;
padding-right: 25px;
margin-right: 17px;
background: url('../img/info-sprite.png') right 0 no-repeat;
font: normal 14px/16px 'Montserrat';
font-weight: normal;
color: #1e90ff;
}
.nav-content-item__footer .count .comments{
display: inline-block;
height: 17px;
padding-right: 25px;
background: url('../img/info-sprite.png') right 0 no-repeat;
font-weight: 300;
margin-right: 0;
background-position: right -98px;
font: normal 14px/16px 'Montserrat';
font-weight: normal;
color: #1e90ff;
}
.box-complete__warning{
background-color: #32cd32;
padding: 20px;
color: #fff;
}
.box-complete__warning-title{
font: 500 20px/24px 'Montserrat';
font-size: 22px;
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}
.box-complete__warning-title svg{
width: 22px;
height: 22px;
min-width: 22px;
}
.box-complete__warning-title span{
margin-left: 15px;
}
.box-complete__warning-subtitle{
font: normal 14px/16px 'Montserrat';
font-size: 15px;
line-height: 1.2;
font-weight: normal;
margin-bottom: 20px;
}
.box-complete__warning a.box-complete__warning-btn{
display: inline-block;
padding: 10px 15px;
color: #000;
background-color: #fff;
border-radius: 5px;
text-decoration: unset;
font-size: 15px;
font-weight: bold;
}
.box-complete__warning a.box-complete__warning-btn:hover{
background-color: #f6f6f6;
}
.box-forum__profile{
border-left: 2px solid #1565c0;
}
.box-forum__profile a{
display: block;
padding: 12px;
font-size: 15px;
color: #1e90ff;
text-decoration: unset;
}
.box-forum__profile a:nth-child(1){
color: #000;
font-size: 18px;
font-weight: bold;
position: relative;
}
.box-forum__profile a:hover{
background-color: #f6f6f6;
}
.box-forum__profile a:nth-child(1):after{
position: absolute;
display: block;
content: '';
width: 10px;
height: 10px;
border-top: 2px solid #1565c0;
border-right: 2px solid #1565c0;
transform: rotate(45deg);
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.forum__box{
text-align: left;
}
.box-forum__profile a.forum__box{
display: flex;
justify-content: flex-start;
}
.forum__box .post_name{
margin-right: 10px;
width: 100%;
max-width: calc(100% - 50px);
font-size: 14px;
}
.forum__box .post_count{
max-width: 40px;
width: 40px;
background: url('../img/info-sprite.png') right 0 no-repeat;
background-position: left -94px;
padding-left: 25px;
margin: auto;
margin-right: 0px;
}
.box-forum__profile a.forum__box-hot:after{
position: absolute;
display: block;
content: '';
background-image: url('../img/fire.svg');
background-position: top;
width: 22px;
height: 22px;
border-top: 0;
border-right: 0;
transform: rotate(0);
right: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.show-mob{
display: none;
}
@media screen and (max-width: 768px){
.profile__body-nav-bar .profile__body-nav-item span:nth-child(2){
white-space: nowrap;
}
.profile__body-nav-bar{
overflow-y: scroll;
}
.profile__header-row-blue{
flex-direction: column;
}
.profile__header-row-blue{
height: auto;
}
.profile__header-pic{
position: relative;
width: 140px;
height: 140px;
border: 6px solid;
}
.blue-row {
padding-top: 10px;
justify-content: center;
padding-bottom: 20px;
}
.profile__header-row-white .row-info{
display: flex;
justify-content: center;
}
.profile__header-status{
margin-left: 20px;
}
.profile__header-row-white{
height: auto;
}
.profile__body-nav-bar {
border-bottom: 0px solid #e7e7e7;
padding-bottom: 15px;
height: auto;
}
.profile__body-nav-bar a{
border-bottom: 1px solid #e7e7e7;
}
.profile__body .container{
padding: 0 !important;
}
.profile__body .col-md-8.col-12.pl-2{
padding-left: 0 !important;
}
.show-mob{
display: block;
}
.btn-wrap__add.show .dropdown__submenu{
right: -56px;
top: 40px;
z-index: 100;
}
}
.profile__header-menu__container{
position: absolute;
right: 20px;
top: 20px;
border-radius: 50%;
padding: 5px;
background-color: #ffffff30;
cursor: pointer;
z-index: 200;
}
.profile__header-menu__container .burger-menu{
position: relative;
}
.profile__header-menu__container .dropdown__submenu{
display: none;
}
.profile__header-menu__container.active .dropdown__submenu{
position: absolute;
right: -5px;
background-color: #fff;
display: block;
width: 260px;
max-width: 90vh;
z-index: 100;
}
.active.profile__header-menu__container{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: #fff;
}
.active.profile__header-menu__container svg .active-path{
fill: #1565c0 !important;
}
.dropdown__submenu a{
display: block;
position: relative;
font-size: 14px;
font-weight: bold;
text-decoration: unset;
padding: 12px 20px 12px 40px;
border-bottom: 1px solid #ccc;
}
.dropdown__submenu a:hover{
background-color: #f6f6f6;
}
.dropdown__submenu a:before{
position: absolute;
display: block;
content: '';
width: 16px;
height: 16px;
left: 12px;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.dropdown__submenu a.icon-edit:before{
background-image: url('/bitrix/templates/rybalka/img/settings.svg');
}
.dropdown__submenu a.icon-password:before{
background-image: url('/bitrix/templates/rybalka/img/lock.svg');
}
.dropdown__submenu a.icon-subscribe:before{
background-image: url('/bitrix/templates/rybalka/img/subs.svg');
}
.dropdown__submenu a.icon-exit:before{
background-image: url('/bitrix/templates/rybalka/img/exit.svg');
}
.profile__header-menu__container:hover{
background-color: #ffffff85;
}
.profile__header-menu__container.active:hover{
background-color: #fff;
}
.forum__box .count-title{
border-radius: 50%;
width: 22px;
height: 22px;
background-color: #1e90ff;
color: #fff;
font-weight: 14px;
line-height: 22px;
min-width: 22px;
text-align: center;
margin-right: 15px;
}
.box-container{
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);
}
.profile__header{
margin-bottom: 20px;
}
.profile__header-row-blue{
height: 130px;
background-color: #1565c0;
position: relative;
padding-top: 20px;
display: flex;
justify-content: flex-start;
color: #fff;
}
.blue-row{
display: flex;
justify-content: flex-start;
padding-top: 40px;
}
.profile__header-row-white{
height: 130px;
position: relative;
padding-top: 20px;
color: #1565c0;
}
.profile__header-pic{
border-radius: 50%;
width: 220px;
height: 220px;
border: 10px solid #fff;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 2;
right: 0;
margin: 0 auto;
}
.profile__header-pic img{
object-fit: cover;
display: block;
width: 102%;
height: 102%;
object-position: center;
margin-top: -2px;
margin-left: -2px;
}
.profile__header-name{
white-space: normal;
/* margin-right: 20px; */
font-weight: bold;
font-size: 24px;
line-height: 31px;
margin-top: 8px;
}
.profile__header-rating{
line-height: 44px;
}
.profile__header-rating svg{
margin: auto;
}
.profile__header-date{
margin-bottom: 20px;
}
.profile__header-status.profile__header-status__online span{
background-color: #32cd32;
}
.profile__body-btn{
border-bottom: 1px solid #e7e7e7;
border-left: 2px solid #1565c0;
}
.profile__body-btn a{
height: 100%;
width: 100%;
text-decoration: unset;
display: block;
padding: 1rem !important;
font-size: 15px;
}
.profile__body-btn a:hover{
background-color: #f6f6f6;
}
.profile__body-btn a svg{
margin-right: 10px;
}
.profile__body-nav-bar{
display: flex;
width: 100%;
height: 50px;
justify-content: space-between;
border-bottom: 1px solid #e7e7e7;
}
.profile__body-nav-bar .profile__body-nav-item{
display: block;
text-decoration: unset;
color: #909090;
font-size: 14px;
text-align: center;
padding: 0 10px;
cursor: pointer;
}
.profile__body-nav-bar .profile__body-nav-item:hover{
border-bottom: 4px solid #e7e7e7;
}
.profile__body-nav-bar .profile__body-nav-item.disabled:hover{
border-bottom: unset;
}
.profile__body-nav-bar .profile__body-nav-item span:nth-child(1){
display: block;
width: 100%;
}
.profile__body-nav-bar .profile__body-nav-item span:nth-child(2){
display: block;
width: 100%;
font-weight: bold;
}
.profile__body-nav-bar .profile__body-nav-item.active{
border-bottom: 4px solid #1e90ff;
color: #000;
}
.profile__body-nav-bar .profile__body-nav-item.disalbed{
pointer-events: none;
}
.btn-wrap__add{
margin-top: 20px;
padding: 20px;
text-align: center;
position: relative;
}
.btn-wrap__add .btn-blue{
background-color: #1e90ff;
padding: 10px;
text-decoration: unset;
color: #fff;
font-weight: bold;
font-size: 14px;
position: relative;
display: inline-block;
cursor: pointer;
}
.btn-wrap__add .dropdown__submenu{
display: none;
}
.btn-wrap__add.show .dropdown__submenu{
display: block;
position: absolute;
right: -160px;
top: 0;
z-index: 100;
}
.btn-wrap__add.show .dropdown__submenu a{
display: block;
width: 160px;
height: 100%;
text-decoration: unset;
display: block;
padding: 10px;
font-size: 15px;
border-bottom: 1px solid #e7e7e7;
border-left: 2px solid #1565c0;
background-color: #fff;
cursor: pointer;
}
.btn-wrap__add.show .dropdown__submenu a:hover{
background-color: #f6f6f6;
cursor: pointer;
}
.profile__body-nav-content{
display: none;
}
.profile__body-nav-content.active{
display: block;
}
.nav-content-item{
margin-bottom: 30px;
}
.nav-content-item__head{
display: flex;
justify-content: flex-start;
padding: 15px;
}
.nav-content-item__head .nav-content-item__user__pic{
border-radius: 50%;
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 15px;
}
.nav-content-item__user__pic img{
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.nav-content-item__name{
display: inline-block;
margin-bottom: 10px;
}
.nav-content-item__name a{
text-decoration: unset;
font-size: 15px;
font-weight: bold;
color: #1e90ff;
transition: 0.4s;
}
.nav-content-item__name a:hover{
color: #1565c0;
}
.nav-content-item__date{
text-decoration: unset;
font-size: 15px;
font-weight: bold;
}
.nav-content-item__rating{
display: inline-block;
}
.nav-content-item__rating svg{
display: inline-block;
}
.nav-content-item__rating span{
display: inline-block;
}
.nav-content-item__body{
display: block;
}
.nav-content-item__body a {
text-decoration: unset;
transition: 0.4s;
z-index: 2;
}
.nav-content-item__body a:hover{
opacity: 0.7;
}
.nav-content-item__picture img{
object-fit: contain;
width: 100%;
height: 100%;
max-height: 500px;
}
.nav-content-item__title{
padding: 0 15px 15px;
font: 500 20px/24px 'Montserrat';
font-size: 22px;
color: #333;
}
.nav-content-item__footer{
display: block;
padding: 15px;
}
.nav-content-item__footer .count{
display: flex;
}
.nav-content-item__footer .count .views{
display: inline-block;
height: 17px;
padding-right: 25px;
margin-right: 17px;
background: url('../img/info-sprite.png') right 0 no-repeat;
font: normal 14px/16px 'Montserrat';
font-weight: normal;
color: #1e90ff;
}
.nav-content-item__footer .count .comments{
display: inline-block;
height: 17px;
padding-right: 25px;
background: url('../img/info-sprite.png') right 0 no-repeat;
font-weight: 300;
margin-right: 0;
background-position: right -98px;
font: normal 14px/16px 'Montserrat';
font-weight: normal;
color: #1e90ff;
}
.box-complete__warning{
background-color: #32cd32;
padding: 20px;
color: #fff;
}
.box-complete__warning-title{
font: 500 20px/24px 'Montserrat';
font-size: 22px;
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}
.box-complete__warning-title svg{
width: 22px;
height: 22px;
min-width: 22px;
}
.box-complete__warning-title span{
margin-left: 15px;
}
.box-complete__warning-subtitle{
font: normal 14px/16px 'Montserrat';
font-size: 15px;
line-height: 1.2;
font-weight: normal;
margin-bottom: 20px;
}
.box-complete__warning a.box-complete__warning-btn{
display: inline-block;
padding: 10px 15px;
color: #000;
background-color: #fff;
border-radius: 5px;
text-decoration: unset;
font-size: 15px;
font-weight: bold;
}
.box-complete__warning a.box-complete__warning-btn:hover{
background-color: #f6f6f6;
}
.box-forum__profile{
border-left: 2px solid #1565c0;
}
.box-forum__profile a{
display: block;
padding: 15px;
font-size: 15px;
color: #1e90ff;
text-decoration: unset;
}
.box-forum__profile a:nth-child(1){
color: #000;
font-size: 18px;
font-weight: bold;
position: relative;
}
.box-forum__profile a:hover{
background-color: #f6f6f6;
}
.box-forum__profile a:nth-child(1):after{
position: absolute;
display: block;
content: '';
width: 10px;
height: 10px;
border-top: 2px solid #1565c0;
border-right: 2px solid #1565c0;
transform: rotate(45deg);
right: 20px;
top: 0;
bottom: 0;
margin: auto;
}
.forum__box{
text-align: left;
}
.box-forum__profile a.forum__box{
display: flex;
justify-content: flex-start;
}
.forum__box .post_name{
margin-right: 10px;
width: 100%;
max-width: calc(100% - 50px);
font-size: 12px;
}
.forum__box .post_count{
max-width: 40px;
width: 40px;
background: url('../img/info-sprite.png') right 0 no-repeat;
background-position: left -94px;
padding-left: 25px;
margin: auto;
margin-right: 0px;
}
.box-forum__profile a.forum__box-hot:after{
position: absolute;
display: none;
content: '';
background-image: url('../img/fire.svg');
background-position: top;
width: 22px;
height: 22px;
border-top: 0;
border-right: 0;
transform: rotate(0);
right: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.show-mob{
display: none;
}
@media screen and (max-width: 768px){
.profile__body-nav-bar .profile__body-nav-item span:nth-child(2){
white-space: nowrap;
}
.profile__body-nav-bar{
overflow-y: scroll;
}
.profile__header-row-blue{
flex-direction: column;
}
.profile__header-row-blue{
height: auto;
}
.profile__header-pic{
position: relative;
width: 140px;
height: 140px;
border: 6px solid;
}
.blue-row {
padding-top: 10px;
justify-content: center;
padding-bottom: 20px;
}
.profile__header-row-white .row-info{
display: flex;
justify-content: center;
}
.profile__header-status{
margin-left: 20px;
}
.profile__header-row-white{
height: auto;
}
.profile__body-nav-bar {
border-bottom: 0px solid #e7e7e7;
padding-bottom: 15px;
height: auto;
}
.profile__body-nav-bar a{
border-bottom: 1px solid #e7e7e7;
}
.profile__body .container{
padding: 0 !important;
}
.profile__body .col-md-8.col-12.pl-2{
padding-left: 0 !important;
}
.show-mob{
display: block;
}
.btn-wrap__add.show .dropdown__submenu{
right: -56px;
top: 40px;
z-index: 100;
}
}
.profile__header-menu__container{
position: absolute;
right: 20px;
top: 20px;
border-radius: 50%;
padding: 5px;
background-color: #ffffff30;
cursor: pointer;
z-index: 200;
}
.profile__header-menu__container .burger-menu{
position: relative;
}
.profile__header-menu__container .dropdown__submenu{
display: none;
}
.profile__header-menu__container.active .dropdown__submenu{
position: absolute;
right: -5px;
background-color: #fff;
display: block;
width: 260px;
max-width: 90vh;
z-index: 100;
}
.active.profile__header-menu__container{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-color: #fff;
}
.active.profile__header-menu__container svg .active-path{
fill: #1565c0 !important;
}
.dropdown__submenu a{
display: block;
position: relative;
font-size: 14px;
font-weight: bold;
text-decoration: unset;
padding: 12px 20px 12px 40px;
border-bottom: 1px solid #ccc;
}
.dropdown__submenu a:hover{
background-color: #f6f6f6;
}
.dropdown__submenu a:before{
position: absolute;
display: block;
content: '';
width: 16px;
height: 16px;
left: 12px;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.dropdown__submenu a.icon-edit:before{
background-image: url('/bitrix/templates/rybalka/img/settings.svg');
}
.dropdown__submenu a.icon-password:before{
background-image: url('/bitrix/templates/rybalka/img/lock.svg');
}
.dropdown__submenu a.icon-subscribe:before{
background-image: url('/bitrix/templates/rybalka/img/subs.svg');
}
.dropdown__submenu a.icon-exit:before{
background-image: url('/bitrix/templates/rybalka/img/exit.svg');
}
.profile__header-menu__container:hover{
background-color: #ffffff85;
}
.profile__header-menu__container.active:hover{
background-color: #fff;
}
.forum__box .count-title{
border-radius: 50%;
width: 22px;
height: 22px;
background-color: #1e90ff;
color: #fff;
font-weight: 14px;
line-height: 22px;
min-width: 22px;
text-align: center;
margin-right: 15px;
}
.profile__header-row-white .location{
position: relative;
margin-left: 0;
padding-left: 30px;
}
.profile__header-row-white .time_on_site{
margin-right: 20px;
margin-bottom: 10px;
}
.profile__header-row-white .location:before{
display: block;
content: '';
position: absolute;
width: 22px;
height: 22px;
background-position: center;
background-size: contain;
background-image: url('/bitrix/templates/rybalka/img/location.svg');
top: 0;
left: 0;
}
.profile__header-row-white1 {
/* position: absolute;
right: 0;*/
white-space: nowrap;
}
.profile__header-row-white1 .location{
position: relative;
line-height: 38px;
padding-left: 30px;
}
.profile__header-row-white1 .location:before{
display: block;
content: '';
position: absolute;
width: 22px;
height: 22px;
background-position: center;
background-size: contain;
background-image: url('/bitrix/templates/rybalka/img/location.svg');
top: 0;
left: 0;
}
.container.blue-row .send-message{
display: inline-block;
padding: 2px 5px;
color: #000;
background-color: #fff;
border-radius: 5px;
text-decoration: unset;
font-size: 13px;
font-weight: 500;
/*margin-left: 22px;*/
}
.social-btn__wrap{
display: flex;
justify-content: center;
width: 100%;
padding: 0px;
margin-bottom: 40px;
}
.social-btn__wrap svg{
max-width: 20px;
max-height: 20px;
fill: #359bff;
}
.social-btn__wrap .btn-ico{
cursor: pointer;
}
.favotites{
margin: auto;
margin-left: 0;
color: #1e90ff;
}
.like{
margin: auto;
margin-right: 0;
color: #1e90ff;
}
.like svg{
margin-bottom: 13px;
max-width: 25px;
max-height: 25px;
}
.social-btn__bar{
display: flex;
}
.social-btn__bar .btn-ico{
width: 30px;
height: 30px;
margin: auto;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.PLMZIP {
display:block;
height: 250px;
width: 100%;
background: url('home/bitrix/ext_www/russrybalka.ru/PLMZIP/1640 х 500.jpg') 0 0 no-repeat;}
.social-btn__bar .icon__vk{ background-image: url('/bitrix/templates/rybalka/img/icon__vkk.png'); }
.social-btn__bar .icon__fb{ background-image: url('/bitrix/templates/rybalka/img/icon__fb.svg'); }
.social-btn__bar .icon__tw{ background-image: url('/bitrix/templates/rybalka/img/icon__tw.svg'); }
.social-btn__bar .icon__ok{ background-image: url('/bitrix/templates/rybalka/img/icon__odk.png'); }
.social-btn__bar .icon__tg{ background-image: url('/bitrix/templates/rybalka/img/icon__tgr.png'); }
.social-btn__bar .icon__wa{ background-image: url('/bitrix/templates/rybalka/img/icon__wat.png'); }
.tooltip-block{ /* тултип */
position: absolute;
background: #dFdFdF;
border: 1px solid rgb(230, 230, 230);
padding: 5px 8px;
font-size: 10px;
width: 120px;
line-height: 13px;
color: rgb(82, 82, 82);
z-index: 400;
display:none;
}
#form_add .hidden {
display: none;
}
#form_add h3 {
color: inherit;
margin: 1.5em 0 .5em;
font-size: 1.2rem;
}
#form_add input[type=submit] {
width: auto;
margin: 2em auto 4em;
}
@media screen and (min-width: 768px) {
#form_add {
width: 90%;
}
}
@media screen and (max-width: 767px) {
#form_add input[type=submit] {
width: 100%;
}
}
.video_wrapper {
width: 100%;
}
.fitVids-wrapper {
position: relative;
height: 0;
padding-bottom: 56.25%;
}
.fitVids-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.blog-post-edit-form, div.blog-comment-fields {
background: none;
padding-left: 0;
padding-right: 0;
}
.blog-comment-fields .blog-comment-buttons input {
display: inline-block;
padding: 10px 25px !important;
background: #1565c0;
border: 0;
font: normal 16px/18px 'Montserrat';
color: inherit;
text-decoration: none;
background: #ededed;
border: 1px #a1a1a1 solid;
border-radius: 5px;
}
.blog-comment-fields .blog-comment-buttons input:hover {
background: #e7e7e7;
}
.feed-add-post-text {
padding: 0;
}
.feed-add-post div.bx-html-editor {
border: 1px solid #b8b8b8 !important;
min-width: unset!important;
}
.bx_soc_comments_div .bx-catalog-tab-list li {
display: inline-block;
padding-left: 0;
}
.bx_soc_comments_div .bx-catalog-tab-list li.active a,
.bx_soc_comments_div .bx-catalog-tab-list li.active>span {
padding-left: 0;
}
.bx_soc_comments_div .bx-catalog-tab-list {
margin-bottom: 0;
}
/*.bxhtmled-toolbar-cnt {
display: none;
}
.bxhtmled-area-cnt {
top: 0!important;
}*/
.profile .nav-content-item__rating {
display: inline-block;
margin-left: auto;
}
.profile .nav-content-item__date {
flex-basis: 100%;
}
.profile .nav-content-item__col {
display: flex;
flex-flow: row wrap;
flex-grow: 1;
}
@media (min-width: 521px) {
.forum-cell-actions div.forum-action-links {
text-align: right;
display: flex;
flex-flow: row wrap;
padding: 0;
justify-content: flex-end;
}
div.forum-action-links span a {
padding: 0 5px 0 0;
text-decoration: underline;
color: #1e90ff;
}
}
.user_profile_page .first_letter_avatar,
.forum-table.forum-users .first_letter_avatar,
article .image .first_letter_avatar {
width: 85px;
height: 85px;
display: flex;
border-radius: 50%;
margin-bottom: 12px;
justify-content: center;
align-items: center;
font-size: 2em;
text-decoration: none;
background-color: #E2EAF7;
color: #1565c0;
}
article .image .first_letter_avatar.w-55 {
width: 55px;
height: 55px;
font-size: 1.5em;
}
/*.user_profile_page .first_letter_avatar {
background-color: white;
}*/
/*@media screen and (min-width: 768px) {
.row.has-map {
flex-wrap: nowrap;
}
}*/
.bx-authform-social ul li {
position: relative;
display: inline-block;
width: 1.5em;
height: 1.5em;
margin-right: 1em;
padding: 0;
}
.bx-authform-social ul li:before {
display: none;
}
#bread_wrap {
display: flex;
justify-content: space-between;
}
.mail_icon {
display: inline-block;
vertical-align: -1px;
margin-right: .5em;
}
.img-mob,
.img-mob-991 {
display: none;
}
@media screen and (max-width: 520px) {
#bread_wrap {
flex-direction: column;
}
.img-mob {
display: block;
}
.img-desk {
display: none;
}
}
@media screen and (max-width: 991px) {
.img-mob-991 {
display: block;
}
.img-desk-991 {
display: none;
}
}
.img-desk-1200 {
display: none;
}
@media screen and (min-width: 1200px) {
.img-mob-1200 {
display: none;
}
.img-desk-1200 {
display: block;
}
}
#foot .button {
display: inline-block;
padding: 10px 0px;
background: transparent;
border: 0;
font: normal 16px/18px 'Montserrat';
color: #fff;
text-decoration: none;
/* border: 1px solid white;*/
}
body #profile .modify_balls_btn {
font-size: 14px;
padding: 5px 10px;
}
#form_mod_balls {
display: flex;
flex-direction: column;
align-items: center;
}
#form_mod_balls input[type="text"],
#form_mod_balls input[type="number"] {
outline: none;
text-align: center;
border: 1px solid #6f6f6f;
padding: 10px;
font-size: x-large;
}
#balls_mod_error {
text-align: center;
margin: 15px 0;
font-size: 16px;
color: brown;
}
.title-line a {
color: inherit;
text-decoration: none;
}
.forum-info-box.forum-info-box_footer {
background: #eaeaea;
}
#yandex_rtb_R-A-1587352-13 {
height: 300px;
}
a.button.top_subscribe {
white-space: nowrap;
display: flex;
}