@import url("reset.css");
@import url("fonts.css");
@import url("components.css");
@import url('footer.css');

body{font-family:var(--font-regular);font-size:16px;background:#FFF;color:var(--text-color-theme-light);position:relative;height:100%;}
h1{font-size:1.9rem;margin-bottom:1.5rem;line-height:1.2}
h1,h2,h3,h4,h5,h6{font-family: var(--font-bold);color:var(--color-headers);}
code {
	padding: 2px 4px;
	font-size: 0.875rem;
	color: #a31515;
	background-color: #fdf6ff;
	border-radius: 3px;
}
a{color:var(--color-dark-primary);}
a:hover,a:focus,a:active{color:var(--color-accent);}
main h2{margin:20px 0 5px 0;}
p {margin:0 0 10px;}
ul.lsn{list-style:none;padding:0}
.img-responsive{max-width:100%;height:auto;object-fit:cover;}
.img-circle{border-radius:50%;}
.bold{font-family:var(--font-bold-roboto);;color:var(--color-headers);}
.bold-light{font-family:var(--font-bold);color:var(--color-divider);}
.sticky {position:sticky;top:10px;}
a.link_underline {
	text-decoration: underline!important;
	color: var(--color-dark-primary)!important;
	transition: var(--transition) !important;
}

a.link_underline:hover {
	text-decoration: none!important;
	color: var(--color-accent)!important;
	transition: var(--transition) !important;
}

a.link_border {
	text-decoration: none!important;
	text-decoration-skip-ink: none!important;
	color: var(--color-dark-primary)!important;
	border-bottom: 1px solid !important;
	transition: var(--transition) !important;
}

a.link_border:focus, a.link_border:hover, a.link_border:active {
	color: var(--color-accent)!important;
	text-decoration: none!important;
	border-bottom: 1px solid!important;
	transition: var(--transition) !important;
}

a.link.link_i i.fa {
	font-size: 11px;
	color: #8d8b8b;
	transition: var(--transition) !important;
}

a.link_border.link_i i.fa {
	font-size: 11px;
	color: #8d8b8b;
	transition: var(--transition) !important;
}

a.link.link_i:hover i.fa,
a.link.link_i:focus i.fa,
a.link.link_i:active i.fa{
	color: var(--color-dark-primary)!important;
	transition: var(--transition);
}

a.link_border.link_i:hover i.fa,
a.link_border.link_i:focus i.fa,
a.link_border.link_i:active i.fa{
	color: var(--color-dark-primary)!important;
	transition: var(--transition);
}


h2>a{display:inline-block}
h2>a>img{margin-bottom:0!important;
	margin-left: 10px;
	fill: #999;}

.img-thumbnail {
	padding: 0;
	background-color: transparent;
	border: 1px solid rgba(157, 113, 208, .3);
	border-radius: 2px;
}

#wrapper{
	min-height: 100vh;
	display:grid;
	grid-template-rows: repeat(3, auto);
	grid-template-areas:
        "header"
        "page"
        "footer";
	grid-gap: 50px;
	/*grid-gap: 130px;*/
}

#wrapper_inner{
	min-height: 100vh;
	display:grid;
	grid-template-rows: repeat(3, auto);
	grid-template-areas:
        "header"
        "page_inner"
        "footer";
	grid-gap: 130px;
}


.container-fluid,
.container,
.container-small{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

.container {
    max-width: 1400px;
}

.container-small{
	max-width: 1000px;
}

h2 > i.fa {
	color: var(--color-primary);
	font-size: 25px;
}

.border-gradient{
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, var(--color-primary) 0%, var(--color-accent) 100%);
	margin-bottom: 1.875rem;
}

#profile-title{
	font-size: 2.3em;
}


/*========= Header =========*/
header {
	grid-area: header;
	background-color: var(--color-dark);
	height: 100px;
	color: var(--color-divider);
	position: relative;
}

.header_burger{display:none;}
.dropdown{position:relative;}
.dropdown-menu {
	background-color: var(--color-dark);
	border: 1px solid var(--color-dark);
	border-radius: 2px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	position: absolute;
	top: 31px;
	right: 0;
	width: 200px;
	z-index:1000;
	padding: 0.9375rem!important;
	display: none;
}
.dropdown-menu > li > a {
	font-size: 0.875rem!important;
	margin-bottom:3px;
	display: inline-block;
}
.divider{
	height: 1px;
	margin: 7px 0;
	overflow: hidden;
	background-color:#333;
}
.dropdown-menu li {margin-left: 0!important;}
.user-profile-image{width:25px;height:25px}
.user-profile-info{}
.user-profile-info-email {font-size:0.7rem;color:#6b6969;}

/*========= Top header =========*/
.top-header{
	padding: 5px 0;
	font-size: 0.8rem;
	border-bottom: 1px solid #1c1a1a;
	text-shadow: var(--text-shadow);
}

.top-header-row{
	display:grid;
	grid-template-columns: 4fr 1fr;
}

.left-top-header ul{
	display: flex;
	padding-top: 3px;
}

.left-top-header ul > li > a {
	color: var(--color-divider);
	text-decoration: none;
	margin-right: 20px;
	transition: var(--transition);
}

.left-top-header ul > li > a:hover,
.left-top-header ul > li > a:focus,
.left-top-header ul > li > a:active{
	color: var(--color-accent);
	text-decoration: none;
	transition: var(--transition);
}

.left-top-header ul > li > a.active{
	color: var(--color-accent);
}

.right-top-header{
	justify-self: end;
}

.right-top-header > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.right-top-header ul > li {
	margin-left: 25px;
}

.right-top-header ul > li > a {
	color: var(--color-divider);
	font-size: 1rem;
	text-decoration: none;
	border-bottom: none;
	transition: var(--transition);
}

.right-top-header ul > li > a:hover,
.right-top-header ul > li > a:focus,
.right-top-header ul > li > a:active{
	color: var(--color-primary);
	text-decoration: none;
	transition: var(--transition);
}

/*======== Main header ========= */
.main-header{
	border-top: 1px solid #333;
}

.main-header-row{
	display: grid;
	grid-template-columns: 250px auto;
	grid-gap: 1.875rem;
}

/*========= NavBar =========*/
.navbar ul{
	display: flex;
	padding: 17px 0;
	justify-content: space-between;
	align-items: center;
}

nav.navbar > ul > li > a{
	font-size: 1.1rem;
	text-shadow: var(--text-shadow);
	font-family: "MontserratBlack", sans-serif;
	display: inline-block;
	color: var(--color-divider);
	text-decoration: none;
	transition: var(--transition);
}

nav.navbar > ul > li > a:hover, nav.navbar > ul > li > a:focus, nav.navbar > ul > li > a:active{
	color: var(--color-primary);
	background: transparent;
	transition: var(--transition);
}

nav.navbar > ul > li > a.active{
	color: var(--color-primary);
	background: transparent;
	border-bottom: 1px solid;
}

nav.navbar > ul:hover a:not(:hover) {opacity:.2;}

/*========= Logo =========*/
.nav-logo {padding-top:10px;}

.nav-logo a {
	display: block;
	font-size: 1.7rem;
	text-shadow: var(--text-shadow);
	font-family: var(--font-bold), serif;
	user-select: none;
	color: var(--color-divider);
	text-decoration: none;
	border: none;
}

.nav-logo span.slogan {
	font-size: 0.7rem;
	font-family: "Roboto",sans-serif!important;
	float: right;
	margin: -3px 4px 0 0;
	color: #FFF!important;
	transition: var(--transition);
	text-shadow: none!important;
}

.nav-logo > a > span.blink {
	font-size: 1.125rem;
	color: #FFF!important;
	animation: blink .8s linear infinite;
}

.nav-logo > a > span.ru {
	color: var(--color-primary);
}

/*========== Nav overlay ========== */
.nav-overlay{
	text-align: center;
	display:none;
}

.nav-overlay a{
	display: block;
	color: var(--color-divider);
	margin: .4rem 0;
	font-family: var(--font-bold);
	font-size: 1.1rem;
	text-decoration: none;
}

.nav-overlay.open{
	position: fixed;
	overflow: auto;
	top: 100px;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .97);
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: grid;
	grid-template-columns: auto;
}

.header_burger.open:before{
	transform: rotate(45deg);
	top: 18px;
	transition: var(--transition);
}

.header_burger.open:after{
	transform: rotate(-45deg);
	bottom: 9px;
	transition: var(--transition);
}

.header_burger.open span{
	transform: scale(0);
	transition: var(--transition);
}



/*========= Inner wrapper ==========*/
#page{
    grid-area: page;
    display: grid;
    grid-template-columns: auto 300px;
    grid-gap: 1.25em;
    grid-template-areas: "main sidebar-R";
}

#page > main > .row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    grid-gap: 1.875rem;
	margin-bottom: 2.8125rem
}

#page_inner{
	grid-area: page_inner;
	display: grid;
	grid-template-columns: 250px auto 300px;
	grid-gap: 1.25em;
    grid-template-areas: "sidebar-L main sidebar-R";
}

#page_inner > main{
	max-width: 790px;
}

#page_inner > main > .row{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 1.25em;
	margin-bottom: 2.8125rem;
}

.page-navigation{
	display:grid;
	margin: 30px 0 50px 0;
}

.widget {
	margin: 3.125rem 0;
}

.widget > .row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	grid-gap: 1.875rem;
	margin-bottom: 2.8125rem;
}

.field_required {
	color: red;
	font-size: 1rem;
	font-weight: normal;
}

.clear{clear:both}

.jumbotron {
	padding: 15px;
	margin-bottom: 2rem;
	background-color: #e8e1fa;
	border: 1px solid var(--color-primary);
	border-radius: 0.2rem;
}

.jumbotron h2{
	margin: 0 0 5px 0!important;
}

.policy-info{font-size: .8rem}

.auth-clients li {
	margin: 0 1em 1em 0;
}

.site-signup{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 1.875rem;
}

.site-login{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 1.875rem;
}

.captcha_block{
	width: 25%;
}

.fKsBKL {
	display: inline-block;
	width: 24px;
	height: 24px;
	fill: #FFF;
	vertical-align: middle;
}

/*========= Main ==========*/
main {grid-area:main;}
article{}


.post_footer {
	margin-top: 50px;
}

.post_footer .btn-site {
	margin-right: 20px;
}

.btn-site {
	border: 1px solid var(--color-dark-primary);
	border-radius: 4px;
	color: var(--color-dark-primary);
	background-color: transparent !important;
	box-shadow: 3px 3px 0 0 rgba(83, 109, 254, .3);
	padding: 7px 14px;
	transition: var(--transition);
	text-decoration: none;
	cursor: pointer;
	margin-top: 25px;
}

.btn-site:hover,.btn-site:focus,.btn-site:active {
	border: 1px solid var(--color-accent);
	background-color: transparent !important;
	color: var(--color-accent);
	transition: var(--transition);
	box-shadow: none;
}

#YuMoney-form{
	width: 40%;
	height: auto;
	border: 1px solid #7636D7;
	padding: 15px;
	border-radius: 3px;
	margin-top: 30px;
}

.btn-YuMoney{
	border: 1px solid #7636D7;
	border-radius: 4px;
	color: #FFF;
	background-color: #7636D7;
	box-shadow: 3px 3px 0 0 rgba(83, 109, 254, .3);
	padding: 10px 20px;
	transition: var(--transition);
	text-decoration: none;
	cursor: pointer;
	margin-top: 25px;
	width: 100%;
	text-align: center;
}

.btn-YuMoney:hover,.btn-YuMoney:focus,.btn-YuMoney:active {
	border: 1px solid #7636D7;
	background-color: var(--color-dark-primary);
	box-shadow: none;
	transition: var(--transition);
	text-decoration: none;
}

.YuMoney-sum{
	position: relative;
}

.YuMoney-sum .ruble{
	position: absolute;
	top: 35px;
	right: 7px;
}


.btn-site .sample_download_size {
	font-size: 0.75rem;
	color: #8d8b8b;
}

.view_else {
	display: flex;
	margin: 50px 0;
	overflow: hidden;
}

.view_else p {
	font-size: 0.8125rem;
	margin: 0 0 1px;
}

.view_else :last-child {
	margin-left: auto;
}

.view_else-prev{
	padding-right: 10px;
}

.view_else-next{
	text-align: end;
	padding-left: 10px;
}

.view_else-prev a {
	padding-left: 23px;
	background: url("../../images/arrow-left.png") 0 50% no-repeat !important;
}

.view_else-next a {
	padding-right: 25px;
	background: url("../../images/arrow-right.png") 99% 50% no-repeat !important;
}

.view_else a:hover {
	color: var(--color-accent);
	text-decoration: none;
	transition: var(--transition)!important;
}
.percent{display: flex}
#form-calc-vat-res{
	margin: 50px 0;
}
#calc-main{
	width: 50%;
}

.headline.ya-grid-template{
	font-family: var(--font-bold)!important;
}

/*========= Sidebars =========*/
#left-sidebar {grid-area:sidebar-L;}
#right-sidebar {grid-area:sidebar-R;}

.aside-widget{margin-bottom:30px;}
h2.aside_header {
	font-size: 1.3rem;
	text-shadow: var(--text-shadow);
	margin-bottom: 5px;
}
.aside-widget > .row > .card-wrapper{margin-bottom:20px;}
.post-content img {margin-bottom:0.9375em;}
.widget_list {margin:5px 0 20px 0!important;list-style-type:none}
.widget_list li {margin: 5px 0!important;}
.widget_list > li:before{
	content:'';
	vertical-align:middle;
	background-color: var(--color-dark-primary);
	border-radius: 50%;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-right: 5px;
}
#content_links {font-size:0.875rem;padding:0 0 0 15px!important;list-style-type:none;margin-top:1px;}
#content_links li {	margin:3px 0!important;}
#content_links li:before {content:'◽️';position:absolute;left:-3px;}
#content_links li > ul.sub > li:before {left:10px;}
#content_links li a {color:var(--color-dark-primary);text-decoration:none;display:block;transition: var(--transition);font-family: var(--font-bold-roboto);}
#content_links li a:focus {text-decoration:none;}
#content_links li a:hover {color:var(--color-accent);text-decoration:underline;padding:0 0 0 5px;transition:var(--transition);}
#content_links li a.active {color:var(--color-accent);text-decoration:underline;padding:0 0 0 5px;transition: var(--transition);}
#content_links > li > ul.sub {padding-left:15px;}
.code_block_toggle{
	position: relative;
	margin-top: 15px;
}

.code_block {
	overflow: hidden;
	position: relative;
}

.code_block.half-hidden{
	height: 300px;
}

.code_block.half-hidden:after{
	content: "";
	display: block;
	height: 100px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}

.code_block_toggle_i{
	border: 1px solid var(--color-primary);
	background-color: #e8e1fa;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	display: inline-block;
	padding: 5px;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	border-radius: 3px;
	transition: var(--transition);
}

.code_block_toggle i{
	color:#000;
	z-index: 1000;
	font-size: 13px;
	margin-right: 5px;
	transition: .2s;
	cursor: pointer;
	vertical-align: middle;
}

.code_block_toggle i:hover,
.code_block_toggle i:focus,
.code_block_toggle i:active{
	color: var(--color-link-hover);
	transition: .2s;
}
/*========= Breadcrumb =========*/
.breadcrumb{
	display: flex;
	font-size: 0.8125rem;
	padding: 0 0 30px 0!important;
}
.breadcrumb > li{
	margin-right: 5px;
}

.breadcrumb > li > a{
	text-decoration: none;
	border-bottom: 1px solid;
	transition: var(--transition);
}

.breadcrumb > li> a > i.fa-home{
	font-size: 1.25rem;;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: var(--color-divider);
    content: "»";
    font-size: 0.9375rem;
}

/*=============  Card =============== */
.card-wrapper {
    box-shadow: 0 1px 6px -1px rgb(0 0 0 / 10%);
    border-radius: 2px;
    background: #FFF;
    transition: var(--transition);
	max-width: 350px;
}
.card-wrapper .card {
    padding: 5px;
    position: relative;
}

.card-wrapper .card span.label-custom {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background-color: rgba(33,37,41,.75);
    padding: 0.2rem 0.6rem;
    font-size: 12px;
    border-radius: 1px;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}

.card-wrapper .card span.label-premium {
    padding: 0.2rem 0.6rem;
    position: absolute;
    top: 5px;
    right: 5px;
    color: gold;
    border-radius: 0.25rem;
    background-color: rgba(33,37,41,.75);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .5);
}

.card-wrapper .card .card-block {
    padding: 10px;
}

.card-wrapper .card .card-block a {
    display:inline-block;
    font-size: 1.25rem;
    line-height: 1.4375rem;
    font-family: var(--font-bold-roboto);
    transition: var(--transition);
    text-decoration: underline;
}

.card-wrapper .card .card-block a:hover,
.card-wrapper .card .card-block a:focus,
.card-wrapper .card .card-block a:active{
    text-decoration: underline;
    color:var(--color-accent);
    transition: var(--transition);
}

.card-wrapper .card .card-block p {
    font-size: 0.8125rem;
    line-height: 1rem;
    margin-top: 0.625rem;
}

.card-wrapper:hover{
    box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    transition: var(--transition);
}

.card-image{
	overflow: hidden;
	display: block;
	width: 100%;
	/*background: #DDD url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=)*/
}

.post-image{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	overflow: hidden;
}

.card-image.card-image-page{
	height: 180px;
}

.card-image.card-image-aside{
	height: 163px;
}


span.sep-label {
    display: inline-block;
    margin: 0 5px;
    font-size: 12px;
    color: #777;
}

.profiling-info,.profiling-info-time {font-size:0.75rem;color:#666;}


.go-up, .go-down {display:none;cursor:pointer;position:fixed;right:0;text-shadow:0 1px 2px #000;opacity:.5;font-size:40px;width:40px;height:40px;transition:.4s;}
.go-up {bottom:25%;}
.go-down {bottom:20%;}
.go-down:hover,
.go-up:hover {opacity:1;}

/**===============
    Post
================= */
.post-meta {
	display: flex;
	font-size: 12px;
	margin: 10px 0 30px 0;
	padding: 5px 0;
	border-top: 1px solid var(--line-color-theme-light);
	border-bottom: 1px solid var(--line-color-theme-light);
}

.post-meta .post-meta-item {
	margin-right: 1.125rem;
}

/**===============
    Search
================= */
.search-body {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.search-wrp {
	position: relative;
	padding: 30px 0;
}

.search-form {
	margin: 50px 0;
	position: relative;
}

.search-form input[type="text"] {
	border: 2px solid var(--color-dark);
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-indent: 15px;
	outline: none;
	width: 93%;
	height: 40px;
	border-radius: 2px 0 0 2px;
}

.search-form .search-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	font-weight: 400;
	font-size: 16px;
	background-color: var(--color-dark);
	border-radius: 0 2px 2px 0;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: none;
}

#search-close{
	position: absolute;
	top: 3%;
	right: 14%;
	z-index: 10000;
}

.search-overlay {
	position: fixed;
	top: 100px;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 9999;
	background: rgba(255, 255, 255, 0.99);
	display: none;
}

.search-wrapper {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.search-result .result-item{
	margin-bottom: 30px;
}

.search-result .result-item p{
	margin-bottom: 3px;
}

.search-result .result-item span.label{
	float: right;
	border-radius: 2px;
	font-weight: normal;
}

.search-link{
	font-size: 18px;
}

mark, .mark {
	padding: 0;
	background-color: rgba(103, 58, 183, .2);
}

.search-link{
	font-family: var(--font-bold-roboto)!important;
}

.search-ad{display: none}

.auth-clients{
	padding: 0;
}
.shared_box{margin:40px 0}

#comments,.leave-reply{margin-bottom:50px;}
#comment-list-process{display:none}
#comments .comment-item .comment-reply {
	color: #666;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	transition: .2s;
}

#commentform-text{display:none}
#commentreplyform-text{display:none}
#commentedituserform-text{display:none}
#edit-block{display:none}

.comment-editor {
	position: relative;
	margin-bottom: 5px;
	padding: 15px 0;
}

.comment-editor-border {
	border: 1px solid #ddd;
	position: relative;
	margin-bottom: 15px;
	background: #fff;
}

.comment-plaintext {
	display: inline-block;
	outline: none;
	width: 100%;
	font-size: 14px;
	padding: 15px;
	box-sizing: border-box;
	white-space: pre-wrap;
	min-height: 120px;
}

.comment-editor-toolbar {
	border-bottom: 1px solid #eee;
	background: #FBFBFB;
	padding: 10px;
	position: relative;
}

.comment-editor-toolbar a {
	border-bottom: none;
	font-size: 14px;
	margin-right: 10px;
	color: #555;
	padding: 2px 4px;
	height: 18px;
	line-height: 18px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	cursor: pointer;
	overflow: hidden;
	min-width: 10px;
	opacity: .6;
}

.comment-editor-toolbar a:hover,
.comment-editor-toolbar a:focus,
.comment-editor-toolbar a:active{
	color: var(--color-link-hover);
	opacity: 1;
	transition: .3s;
}

.comment-plaintext{
	white-space: pre-wrap;
	tab-size: 4; /* Ширина табуляции */
}

.comment-plaintext code {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
	background: #f9f9f9;
	padding: 10px;
	margin: 8px 0;
	display: block;
	font-size: 13px;
	color: var(--color-link-hover);
	box-sizing: border-box;
}

#comments .comment-item .comment-reply:hover {
	color: var(--color-link-hover);
	transition: .2s;
}

#comments .margin {margin-left: 40px;}

#comments .comment-item .comment-item .comment-item .comment-item .comment-item .margin {
	margin-left: 0;
}

#comments h2{
	margin: 40px 0;
}

.comment-empty-info {
	vertical-align: middle;
	position: relative;
	display: inline-block;
	color: #555;
}

span.comment_count{
	color: var(--color-dark-primary);
	font-size: 1.125rem;
}

#form-comment-process{display: none}
#form-reply-comment-process, #reply-block{display: none}
.process_img{
	width: 64px;
	height: 64px;
	margin: 0 auto;
}

#reply-block{display:none}
.btn-cancel{
	margin-left: 15px;
	background-color: rgba(163, 21, 21, .2)!important;
	color: var(--text-color-theme-light)!important;
	border-color: var(--color-accent)!important;
}
.btn-cancel:hover,.btn-cancel:focus,.btn-cancel:active{
	color: var(--color-accent)!important;
}

.comment-item{
	position: relative;
}

.comment-url{
	position: absolute;
	right: 0;
	top: 0;
}

.comment-info .comment-avatar {
	float: left;
	margin-right: 15px;
}
.comment-info {
	line-height: 14px;
}

.comment-info .comment-autor-name{
	display: inline-block;
	font-size: 1rem;
	margin-bottom: 3px;
	font-family: var(--font-bold-roboto);
}

.comment-info .comment-created{
	font-size: 0.75rem;
	color: #818181;
}

.comment-footer{
	margin: 5px 0;
	display: flex;
	vertical-align: middle;
}

.toolbar-clear{
	float: right;
	margin-right: 0!important;
}

.comment-content{
	margin: 15px 0;
}

.comment-content a{
	text-decoration: underline;
}

.comment-content pre code {
	background: transparent!important;
	font-size: 13px!important;
	white-space: pre;
}

.comment-item .panel {
	margin-bottom: 20px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
}

.blink_comment {
	animation-name: blinker_comment;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	animation-duration: 0.5s;
	-webkit-animation-name: blinker;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	-webkit-animation-duration: 0.5s;
	background: #0B90C4;
}

.nice-list {
	max-width: 25px;
	max-height: 25px;
	background: var(--color-dark-primary);
	padding: 2px 8px;
	border-radius: 50%;
	display: inline-block;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	opacity: .8;
}

.profile-avatar{
	display: block;
	margin: auto;
}

#profile-add-avatar {
	width: 50px;
	height: 50px;
	position: relative;
	display: flex;
	justify-content: center;
	float: left;
	margin-right: 15px;
}

.overlay{
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	justify-content: center;
	border-radius: 50%;
}

.overlay img{
	margin-top: 16%;
	cursor: pointer;
}

ul.popup {
	display: none;
	position: absolute;
	width: max-content;
	top: 60px;
	right: -119px;
	padding: 0;
	margin: 0;
	z-index: 99999;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 5px 5px 0 rgba(19, 19, 19, 0.1);
	list-style: none;
	font-size: 14px;
}

.popup-comment-more-box{
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.popup-comment-more-box .popup-comment-more-trigger i{
	position: absolute;
}

.popup-comment-more-trigger{
	padding: 3px;
	display: block;
	cursor:pointer;
	color: #999;
}

.popup-comment-more-trigger:hover,
.popup-comment-more-trigger:focus,
.popup-comment-more-trigger:active{
	padding: 3px;
	cursor:pointer;
	color: var(--color-link-hover);
}

.popup.popup-comment-more{
	top: 27px;
	left: -16px;
}

.popup li a {
	display: block;
	margin: 5px 15px;
	line-height: 22px;
	color: var(--color-primary);
	text-decoration: none!important;
	border-bottom: none!important;
}

.field-upload-avatar{margin: 0}

.popup li a:hover,.popup li a:focus,.popup li a:active {
	text-decoration: none;
	color: #000;
}

ul.popup:after {
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: 0;
}

ul.popup:before {
	border-bottom-color: #DDD;
	border-width: 9px;
	margin-left: -1px;
}

.popup:after,
.popup:before {
	content: "";
	border: solid transparent;
	position: absolute;
	left: 16px;
	bottom: 100%;
}

label#upload-avatar-label {
	cursor: pointer;
	display: block;
	margin: 7px 15px;
	line-height: 22px;
	color: var(--color-primary);
	font-weight: normal!important;
}

label#upload-avatar-label:hover, label#upload-avatar-label:focus,label#upload-avatar-label:active{
	color: var(--color-link-hover);
}

#upload-avatar {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.fa-info-circle.conditions {
	color: var(--color-link-hover);
	font-size: 16px;
	margin-right: 5px;
}

#content_toggle_links{
	color: var(--color-dark);
	cursor: pointer;
}

#content_toggle_links i{
	font-size: .7rem;
}

.code_block_toggle{
	position: relative;
	margin-top: 15px;
}

.code_block {
	overflow: hidden;
	position: relative;
}

#content_toggle_links:hover,
#content_toggle_links:focus,
#content_toggle_links:active{
	color: var(--color-link-hover);
	opacity: 1;
	transition: .2s;
}

span.sep-label{
	display: inline-block;
	margin: 0 5px;
	font-size: 12px;
	color: #777;
}

.scale {
	display: inline-block; /* Строчно-блочный элемент */
	overflow: hidden; /* Скрываем всё за контуром */
}
.scale img {
	transition: 1s; /* Время эффекта */
	display: block; /* Убираем небольшой отступ снизу */
}
.scale img:hover {
	transform: scale(1.25); /* Увеличиваем масштаб */
	transition: .3s; /* Время эффекта */
}

.notfound{
	margin: 30px auto;
	vertical-align: middle;
	text-align: center;
	text-shadow: 1px 1px 3px rgb(161, 86, 225);
}

.header-error-page{
	font-size: 100px;
}

.comment-empty-info {
	vertical-align: middle;
	position: relative;
	display: inline-block;
	color: #555555;
}

.comment-empty-info span {
	position: absolute;
	bottom: 8%;
	right: -11%;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: var(--color-primary);
	border-color: var(--color-dark-primary);
	text-shadow: 1px 1px 2px #000;
	opacity: .8;
	transition: var(--transition);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: var(--color-primary);
	cursor: not-allowed;
	background-color: transparent;
	border-color: transparent;
	transition: .2s;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin: 0 4px;
	line-height: 1.42857143;
	color: var(--color-primary);
	text-decoration: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	transition: .2s;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus {
	z-index: 2;
	color: #FFF;
	background-color:var(--color-primary);
	border-color: var(--color-dark-primary);
	text-shadow: 1px 1px 2px #000;
	opacity: .8;
	transition: .2s;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-radius: 50%;
	transition: .2s;
}


.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 50%;
	transition: .2s;
}

kbd {
	position: relative;
	top: -1px;
	vertical-align: middle;
	padding: 0.1em 0.6em;
	border: 1px solid #ccc;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	background-color: #f7f7f7;
	color: #333;
	box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0.1em;
	text-shadow: 0 1px 0 #fff;
	white-space: nowrap;
}

/*=============  Tags =============== */
.tags{
	display: flex;
	flex-wrap: wrap;
}

.tags li{
	margin: 3px 18px 3px 0;
}

.tags > li > a{
	text-decoration: none;
	border-bottom: none!important;
}

.tags > li > a:hover{
	text-decoration: underline;
	border-bottom: none!important;
}

.tag i.fa{
	font-size: 0.8125rem;
	margin-right: 1px;
}

.tag:hover,
.tag:active,
.tag:focus {
	color: var(--color-accent);
	text-decoration: underline;
	transition: color var(--transition);
}

.tag:hover .tag li.fa,
.tag:active .tag li.fa,
.tag:focus .tag li.fa {
	color: var(--color-dark-primary);
	text-decoration: none;
	transition: color var(--transition);
}

.tag span.post_count {
	font-size: 13px;
	color: #3d383d;
}

#post_tags{
	margin: 30px 0;
}

.error_page.widget_list{
	font-size: 14px;
}

@keyframes blinker_comment {from {opacity:1.0;} to { opacity:0.0;}}
@-webkit-keyframes blinker_comment {from{opacity:1.0;} to {opacity:0.0;}}
@keyframes blink {0%{opacity:0;} 50%{opacity:.5;} 100%{opacity:1;}}
.beat {animation:beat infinite 1s;color:#8d0606;font-size:0.8125rem;vertical-align:middle;display:inline-block;transform:scale(1)}
@keyframes beat {
    0% {transform:scale(1)}
    25% {transform:scale(.97)}
    35% {transform:scale(.9)}
    45% {transform:scale(1.1)}
    55% {transform:scale(.9)}
    65% {transform:scale(1.1)}
    75% {transform:scale(1.03)}
    100% {transform:scale(1)}
}

/*========= Media Queries =========*/
@media only screen and (max-width:1366px) {
	.container {max-width:1300px;}
	#page_inner > main {max-width: 630px;}
	h1{font-size:1.6rem}
	h2{font-size:1.3rem}
}
@media only screen and (max-width:1280px) {
	#right-sidebar{display:none;}
	#page{grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner{grid-template-columns:auto 300px;grid-template-areas:"main sidebar-L";}
	#page_inner > main {max-width:915px;}
	.footer_bottom{grid-template-columns:1fr 1fr auto;}
	.footer_bottom_partner{display: none;}
}
@media only screen and (max-width:1100px){
	nav.navbar{display:none;}
	body.lock{overflow:hidden;}
	.header_burger{
		display: block;
		position: absolute;
		top: 50px;
		right: 15px;
		height: 30px;
		width: 40px;
	}
	.header_burger span{
		position: absolute;
		background-color: #adadad;
		left: 0;
		width: 100%;
		height: 3px;
		top: 13px;
		transition: var(--transition);
	}
	.header_burger:before,
	.header_burger:after{
		content: '';
		background-color:#adadad;
		position: absolute;
		width: 100%;
		height: 3px;
		left: 0;
		transition: var(--transition);
	}
	.header_burger:before{top:0;}
	.header_burger:after{bottom:0;}
	.footer_middle{grid-template-columns:1fr 2fr 2fr;}
	.footer_middle_info{display:none;}
}
@media only screen and (max-width:1194px) {
	#left-sidebar{display:none;}
	#page_inner{grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner > main {max-width:1140px;}
}
@media only screen and (max-width:1180px) {
	#page_inner{grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner > main {max-width:1130px;}
}
@media only screen and (max-width:1080px) {
	#page_inner{grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner > main {max-width:1030px;}
}
@media only screen and (max-width:1024px) {
	#page, #page_inner {grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner > main {max-width:970px;}
}
@media only screen and (max-width:926px) {
	#page_inner > main {max-width:875px;}
}
@media only screen and (max-width:896px) {
	#page_inner > main {max-width:845px;}
}
@media only screen and (max-width:844px) {
	#page_inner > main {max-width:790px;}
}
@media only screen and (max-width:834px) {
	#page_inner{grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner > main {max-width:787px;}
}
@media only screen and (max-width:820px) {
	#page_inner > main {max-width:770px;}
}
@media only screen and (max-width:812px) {
	#page_inner > main {max-width:765px;}
}
@media only screen and (max-width:810px) {
	#page_inner > main {max-width:760px;}
}
@media only screen and (max-width:780px) {
	#page_inner > main {max-width:730px;}
}
@media only screen and (max-width:768px) {
	#page_inner{grid-template-columns:auto;grid-template-areas:"main";}
	#page_inner > main {max-width:720px;}
	.left-top-header{display:none;}
	.top-header-row{grid-template-columns:auto;}
	.footer_middle{grid-template-columns:repeat(2, 1fr);}
	.footer_middle_box_blog{display:none;}
	.breadcrumb{display:none;}
}
@media only screen and (max-width:736px) {
	#page_inner > main {max-width:685px;}
}
@media only screen and (max-width:667px) {
	#page_inner > main {max-width:615px;}
}
@media only screen and (max-width:568px) {
	#page_inner > main {max-width:500px;}
}
@media only screen and (max-width:480px) {
	#page_inner > main {max-width:430px;}
}
@media only screen and (max-width:428px) {
	#page_inner > main {max-width:370px;}
	#page > main > .row {justify-items:center;}
	.footer_bottom{grid-template-columns:auto auto;}
	.footer_bottom_partner2{display: none;}
}
@media only screen and (max-width:414px) {
	#page_inner > main {max-width:360px;}
	/*#page, #page_inner {grid-template-columns:auto;grid-template-areas:"main";}*/
	#left-sidebar{display:none;}
	.footer_middle{grid-template-columns:auto;}
	.footer_middle_notes{display:none;}
	.footerText{font-size:0.625rem;}
	.footer_bottom{grid-template-columns:auto;}
	.profiling-info{display: none;}
	#arrows_site {display:none;}
}
@media only screen and (max-width:390px) {
	#page_inner > main {max-width:340px;}
}
@media only screen and (max-width:375px) {
	#page_inner > main {max-width:320px;}
}
@media only screen and (max-width:360px) {
	#page_inner > main {max-width:300px;}
}
@media only screen and (max-width:320px) {
	.main-header-row {grid-template-columns:230px auto;grid-gap:1rem;}
	.nav-logo a {font-size:1rem;}
	#page_inner > main {max-width:270px;}
	.header_burger {width:30px;}
}