@import url('../Montserrat/stylesheet.css'); 
@import url('../css/font-awesome.min.css');

html, body { width: 100%; line-height: 1; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: 'Montserrat'; font-weight: 400; font-size:16px; }
 
 .blogPage {
 background-size:cover; filter:blur(50px); transform: scale3d(1.5, 1.5, 1.5); position:fixed;
 width:100%; height:100%; top:0; left:0; opacity:.95;
 }
 .pageCont {
 position:relative; filter:blur(0px)!important; transform:scale(1); width:320px; margin:30px auto; opacity:1;
 background:#fff; border-radius:6px; overflow:hidden; box-shadow: 0px 9px 11px 0px rgb(0 0 0 / 35%); 
 }
 .pageCont .pageAva {width:100%;}
 .pageCont .pageNickname { 
 text-shadow: 0px -3px 4px #000; color:#fff; background:#181818f0; text-align:center; padding: 19px 0 12px 0; font-size:1.4em;  line-height:22px;
 }
 .pageCont .pageBrief, .blogPage .pageBrief p {padding-top: 10px;margin:0; font-size:13px; font-weight:300;     font-family: 'PT Sans'; }
.pageBrief {
    padding: 0 5px;
}
 .pageCont .socBlock {display: flex; padding: 10px; border-bottom: 1px solid #ccc; align-items: center; justify-content: space-between;}
.pageCont .socBlock:hover {background-color:#f5f5f5;-webkit-box-shadow:inset 0 -2px 9px 0 rgba(0,0,0,.06);box-shadow:inset 0 -2px 9px 0 rgba(0,0,0,.06);}
 .pageCont .socBlock img {display:inline-block;}
 .socBlock .socBtn {    font-size: 15px;
    font-family: monospace;
 display:inline-block; float:right; border:1px solid #ccc; line-height:30px; padding:0 10px;width: 85px; text-align: center; 
 color:#333; border-radius:6px; font-size:12px;
 }
 .socBlock:hover .socBtn {color:#fff; background:#333; border-color:#fff;}
 .socMail, .socTel {    font-weight: 530; display:inline-block; float:right;  color:#000000e3; line-height:50px; width:135px; max-width:135px;   overflow:hidden;white-space: nowrap;
 }
 
.pagedown {
    position: relative;
}
.pageCont .pageNickname { width: 100%; height: auto; background:url(/img/fon-foto-94.png), linear-gradient(8deg, #23001b, transparent); position: absolute; bottom: 3px;letter-spacing: 1px;  font-weight: 500; }

.u-mpanel.up-left { display: flex; margin: 0 auto; }

a.socBlock {
    text-decoration: none;
}
 .clear_ {clear:both;}
 .copyUrlBtn {font-size: 12px;
 display:inline-block;line-height:30px; margin:0 auto; padding:0 15px; text-decoration:none;
 border-radius:6px; color:#fff; background:#321b2f87; filter:blur(0px)!important; transform:scale(1); opacity:1;
 }
 .copyUrlBtn:hover {color:#fff; background:#8f007c87; border-color:#fff;}
 .top_up, .tArea {display:none;}
 
.h-copyright {position: relative;color:#00000066;font-size: 90%; padding: 15px 0; line-height: 1.5;text-align: center;z-index:9999;}
.h-copyright a {
    text-decoration: none;
    color: #00000066;
    letter-spacing: 1px;
    font-family: 'DrukWideCyr-Medium';
    font-weight: 500;
    text-transform: uppercase;
}


.m-title {   
letter-spacing: -1px; 
line-height: 1; 
font-family: fantasy;
text-transform: uppercase; 
mix-blend-mode: multiply; 
}

.fw-45 {
font-weight: 450;font-size: 15px;
}

@media (max-width: 768px) {  

  
.socBlock .socBtn { 
    border: 1px solid #7d7d7d!important;
}
.h-mtr-com {margin: 30px 15px!important;width: auto!important}
.pageCont .socBlock {  padding: 10px 15px!important;} .pagelinka button { margin: 10px 12px!important;}
.pageCont { width: 100%; margin: 0 0 30px 0; border-radius: 0; }
}

.like-share-switch { margin-bottom: 60px; padding-left: 20px; } .like-share-switch__headline { display: block; margin: 0 5px 5px 0; color: #2c2e32; vertical-align: middle; word-spacing: -.01em; letter-spacing: 0; font-weight: 300; font-size: 27px; font-family: 'Open sans', sans-serif; line-height: 35px; } .like-share-switch__headline span { display: inline-block; vertical-align: middle;font-size: smaller; } .back-to-main-page {   display: inline-block; } .back-to-main-page::before { content: "‹"; font-weight: 700; margin: 0px 8px 0px 2px; }

.fancybox-item.fancybox-close { display: none; } .fancybox-opened .fancybox-outer {  background: #000; }
 .fancybox-nav {
    background: #0000!important;
}

.pagekarta { display: flex; padding: 10px; align-items: center; justify-content: space-between; } 
.pagekarta img { padding-right: 10px; }



.ya-share2__mobile-popup-copy-link {
    margin: 10px;
}


/* Hide scroll bar */

html.remodal-is-locked {
 overflow: hidden;

 -ms-touch-action: none;
 touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
 display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
 position: fixed;
 z-index: 9999;
 top: -5000px;
 right: -5000px;
 bottom: -5000px;
 left: -5000px;

 display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
 position: fixed;
 z-index: 10000;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;

 display: none;
 overflow: auto;

 text-align: center;

 -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
 display: inline-block;

 height: 100%;
 margin-left: -0.05em;

 content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
 position: relative;
 border-radius: 10px;
 outline: none;

 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 text-size-adjust: 100%;
}

.remodal-is-initialized {
 /* Disable Anti-FOUC */
 display: inline-block;
}


/*
 * Remodal - v1.1.1
 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 * http://vodkabears.github.io/remodal/
 *
 * Made by Ilya Makarov
 * Under MIT License
 */

/* ==========================================================================
 Remodal's default mobile first theme
 ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
 -webkit-filter: blur(3px);
 filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
 background: rgba(43, 46, 56, 0.97);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
 -webkit-animation-name: remodal-overlay-opening-keyframes;
 animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
 -webkit-animation-name: remodal-overlay-closing-keyframes;
 animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
 

/* Default theme styles of the modal dialog */

.remodal {
 box-sizing: border-box;
 width: 100%;
 margin-bottom: 10px;
 padding: 35px;

 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);

 color: #2b2e38;
 background: #fff;
}
 

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
 -webkit-animation-name: remodal-opening-keyframes;
 animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
 -webkit-animation-name: remodal-closing-keyframes;
 animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
 vertical-align: middle;
}

/* Close button */
.remodal-close {
 position: absolute;
 bottom: -42px;
 left: 50%;
 margin-left: -17.5px !important;
 display: block;
 overflow: visible;
 width: 35px;
 height: 35px;
 margin: 0;
 padding: 0; 
 -webkit-transition: color 0.2s;
 transition: color 0.2s;
 text-decoration: none;
 color: #ffffff;
 border: 0;
 outline: 0;
 background: transparent;
}


.remodal-close:hover,
.remodal-close:focus {
 color: #fff;
}

.remodal-close:before {
 font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
 font-size: 43px;
 line-height: 35px;

 position: absolute;
 top: 0;
 left: 0;

 display: block;

 width: 35px;

 content: "\00d7";
 text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
 font: inherit;

 display: inline-block;
 overflow: visible;

 min-width: 110px;
 margin: 0;
 padding: 12px 0;

 cursor: pointer;
 -webkit-transition: background 0.2s;
 transition: background 0.2s;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;

 border: 0;
 outline: 0;
}

.remodal-confirm {
 color: #fff;
 background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
 background: #66bb6a;
}

.remodal-cancel {
 color: #fff;
 background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
 background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
 padding: 0;

 border: 0;
}

/* Keyframes
 ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
 from {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);

 opacity: 0;
 }
 to {
 -webkit-transform: none;
 transform: none;

 opacity: 1;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@keyframes remodal-opening-keyframes {
 from {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);

 opacity: 0;
 }
 to {
 -webkit-transform: none;
 transform: none;

 opacity: 1;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@-webkit-keyframes remodal-closing-keyframes {
 from {
 -webkit-transform: scale(1);
 transform: scale(1);

 opacity: 1;
 }
 to {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);

 opacity: 0;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@keyframes remodal-closing-keyframes {
 from {
 -webkit-transform: scale(1);
 transform: scale(1);

 opacity: 1;
 }
 to {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);

 opacity: 0;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

@keyframes remodal-overlay-opening-keyframes {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
 from {
 opacity: 1;
 }
 to {
 opacity: 0;
 }
}

@keyframes remodal-overlay-closing-keyframes {
 from {
 opacity: 1;
 }
 to {
 opacity: 0;
 }
}

/* Media queries
 ========================================================================== */

@media only screen and (min-width: 641px) {
 .remodal {
 max-width: 700px;
 }
}

@media (max-width:768px){
    
     .like-share-switch {
    margin-bottom: 30px!important;
    padding-left: 15px!important;
}
  
.remodal, .remodal-wrapper:after {
        vertical-align: middle; 
}

body {padding: 0;} 
.h-sidebar {left:0} 
}
/* IE8
 ========================================================================== */

.lt-ie9 .remodal-overlay {
 background: #2b2e38;
}

.lt-ie9 .remodal {
 width: 700px;
}


.ya-share2.ya-share2_inited {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ffffff96;
    border-radius: 50%;
}


.gallery { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: flex-start; gap: 8px; } .gallery-column { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; gap: 8px; } .gallery-column img {     width: 100px;
    height: 100px;
    border-radius: 12px;
    object-fit: cover; 
}

.gallery {
    position: relative;
    margin: 3rem 0;
}

a.fancybox-nav.fancybox-next {
    cursor: context-menu;
}


@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,900');

:root {
--text-color: hsl(131.15deg 87.58% 13.26%);
    --shadow-color: hsl(126.17deg 89.73% 11.03% / 40%);
    --btn-color: hsl(132.27deg 95.97% 22.33%);
    --bg-color: #035707;
}

* {
  box-sizing: border-box;
}

 
.pagelinka button { 
color:#fff;
width: -webkit-fill-available;
    background-color: #f4376f !important;
display: block;
    text-align: center; 
    border-radius: 20px;
    margin: 10px;
font-size: 1.2rem;
    box-shadow: 0px 3px 3px #5b5b5b80!important;
  position:relative;
  padding: 15px 10px;  
  border: none;
  background: none;
  cursor: pointer; 
  z-index: 0;  
  overflow: hidden;   
}

.pagelinka button:focus {
  outline-color: transparent;
  box-shadow: var(--btn-color) 2px 2px 22px;
}

.right::after, .pagelinka button::after {
  content: var(--content);
  display: block;
  position: absolute;
  white-space: nowrap;
  padding: 40px 40px;
  pointer-events:none;
}

.pagelinka button::after{
  font-weight: 200;
  top: -30px;
  left: -20px;
} 

.right, .left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.right {
  left: 66%;
}
.left {
  right: 66%;
}
.right::after {
  top: -30px;
  left: calc(-66% - 20px);
  
  background-color: var(--bg-color);
  color:transparent;
  transition: transform .4s ease-out;
  transform: translate(0, -90%) rotate(0deg)
}

.pagelinka button:hover .right::after {
  transform: translate(0, -47%) rotate(0deg)
}

.pagelinka button .right:hover::after {
  transform: translate(0, -50%) rotate(-7deg)
}

.pagelinka button .left:hover ~ .right::after {
  transform: translate(0, -50%) rotate(7deg)
}

/* bubbles */
.pagelinka button::before {
  content: '';
  pointer-events: none;
  opacity: .6;
  background:
    radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);

  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translate();
  }
  to {
    transform: translate(0, -66.666%);
  }
}

rstars { position: absolute; top: 10px; left: 10px; }

.uComment textarea.uf-txt-input {
    border-bottom: 1px solid #ccc !important;
    padding: 6px 0 0 0 !important;
    min-height: 40px !important;
    color: #000 !important;
    background: #fff0 !important;
}
.uComment .uf-txt-input {border: 0px solid #d6d6d6 !important;border-radius:0!important;}
.uComment input[type=button], .uComment input[type=submit], .uComment input[type=reset], .uComment .button {border-top:0px solid #5757570a;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-radius:0px;float:right;background-color: #5757570a;} 
.uc-avatar img, .uc-avatar { 
    width: 33px!important;
}

.h-mtr-com {
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; 
    padding: 0 10px;
    position: relative;
    filter: blur(0px) !important;
    transform: scale(1);
    width: 100%;
    max-width: 460px;
    margin: 30px auto;
    opacity: 1;
     background: #ffffff36;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: -1px 5px 0px 0px rgb(199 199 199 / 35%);
    text-align: left;
}

.uc-opacity span { font-size: 10px; } 
a.uc-profile-link {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

span.h-com-count {
    color: #5a4f69f0;
}
.com-order-block {
    display: none;
}

.h-mtr-com h4 {
    cursor: pointer;
    margin: 10px 0px;
    font-weight: 500;
}

.uc-content {
    margin: 0 0 0 45px!important;
}
 
.uComment input[type=button], .uComment input[type=submit], .uComment input[type=reset], .uComment .button {
    border-top: 0px solid #5757570a;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0px;
    float: right;
    background-color: #5757570a;
}

.uc-message { 
    font-size: 14px;
}

.uc-top-right {
    display: none;
}


/* default.css */
    .pl-30 {padding-left:30px;} 
    
    /* fonts from plugins.css */
    @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../fonts/fa-light-300.eot);src:url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff"),url(../fonts/fa-light-300.ttf) format("truetype"),url(../fonts/fa-light-300.svg#fontawesome) format("svg")}
    .fal{font-weight:300}
    @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}
    .fal,.far{font-family:"Font Awesome 5 Pro"}
    .far{font-weight:400}
    @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}
    .mobile-nav-toggler .fa, .d-flex .fa, .mobile-nav-toggler .fas, .d-flex .fas{font-family:"Font Awesome 5 Pro"; }
    @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}
    .fab{font-family:"Font Awesome 5 Brands";font-weight:400}
    @font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-duotone-900.eot);src:url(../fonts/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/fa-duotone-900.woff) format("woff"),url(../fonts/fa-duotone-900.ttf) format("truetype"),url(../fonts/fa-duotone-900.svg#fontawesome) format("svg")}
    .fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}
    .fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}
    .fad:after{color:var(--fa-secondary-color,inherit)}
    .fa, .fab, .fad, .fal, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
    }
    .fa-bars:before {
	content: "\f0c9";
    } 

    .fa-search:before {
	content: "\f002";
    } 
    .fa-sun:before{
	content:"\f185";
    }
    .fad.fa-sun:after {
	content: "\10f185";
    }
    .fa-user:before {
	content: "\f007";
    }
    .fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before,.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}
    .fa-swap-opacity .fad:after,.fad.fa-swap-opacity:after{opacity:1;opacity:var(--fa-primary-opacity,1)}
    .fad.fa-inverse{color:#fff}
    .fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}
    
i.fa.fa-angle-up {
    display: none;
}

span.h-com-count {
    padding: 0 10px;
}

#bottomInfoBar, div#unverifiedEmail {
    display: none !important;
}

.captcha-block, .myWinCont .captcha-block {
    box-sizing: border-box!important;
    display: flex!important;
    width: 100%!important;
    cursor: pointer!important;
    min-height: 37px!important;
    align-items: center!important;
    margin: 0.5em 0!important;
    justify-content: center!important;
    margin-left: -45px!important;
    position: relative!important;
    top: 14px!important;
}

input#addcBut {
    padding: 10px;
}

.captcha-block {
    width: auto;
    max-width: 260px;  
}

.Music strong { font-weight: 500; } .Music p { padding: 1rem; border-bottom: 1px solid #ccc; margin: 0; }

.Music audio {
    width: -webkit-fill-available;
    margin-top: 8px;
height: 40px;
}

.Music span {
    margin-right: 10px;
}

.Music i.fa.fa-angle-down {
    margin-right: 10px;
}

a.mt-1.m-off-asi, a#aside-m {margin-top: -1px;
    background: #fff; display: flex; justify-content: center; padding: .5rem; color: #000; text-decoration: none; }

.Music p a { 
    float: right; 
}

.Music p a img {
    width: 22px;
    opacity: .6;    margin-top: -3px;
}
.Music p a:hover img {
    opacity: 1;
}