/*Внутренний заголовок*/
@font-face {
	font-family: 'Druk Text Wide';
	src: url(/fileservice/file/download/h/e2d1fca8eed13d60c17efff0612a5c81.ttf/a/776878/sc/375)
		format('truetype');
    font-weight: 700;
}

/*Главный Заголовок*/
@font-face {
	font-family: 'Druk Wide Cyr';
	src: url(/fileservice/file/download/h/397e960b000ef96502cde00e5b68caf2.otf/a/776878/sc/188)
		format('opentype');
    font-weight: 700;
}

@font-face { 
    font-family: "Inter";
    src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype');
    font-weight: 400;
}


:root {
  --font-family: "Inter", sans-serif;
  --second-family: "Druk Text Wide", sans-serif;
  --third-family: "Druk Wide Cyr", sans-serif;
}

body.blog-site {
  background: #19191B;
}

.blog-site .f-text p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #ddd !important;
}

.blog-site .f-text p,
.blog-site .f-text ul li,
.blog-site .f-text ol li {
    color: #ddd !important;
}

.blog-site .gc-blog-header {
    margin-top: 35px;
}

/*Заголовки*/
.blog-site h1.f-header {
  font-family: var(--third-family);
font-weight: 700;
font-size: 35px;
line-height: 140% !important;
text-transform: uppercase;
color: #fff;
  margin-bottom: 14px !important;
}

.blog-site h2.f-header p {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 25px;
    line-height: 140%;
    color: #fff;
}

.blog-site h3.f-header p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
    color: #fff;
}

/********* Списки *********/
/*Маркированный*/
.blog-site .lt-block-wrapper .f-text ol,
.blog-site .lt-block-wrapper .f-text ul {
    padding-left: 70px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.blog-site .lt-block-wrapper .f-text ol li,
.blog-site .lt-block-wrapper .f-text ul li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #ddd;
    margin-bottom: 14px;
    position: relative;
    list-style: none; 
}

.blog-site .lt-block-wrapper .f-text ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: -40px;
    border-radius: 50%;
    background: #5779E4;
    width: 8px;
    height: 8px;
    text-align: center;
}

/*Нумеровнный*/
.blog-site .lt-block-wrapper .f-text ol li {
    counter-increment: my-awesome-counter;
}

.blog-site .lt-block-wrapper .f-text ol li:before {
    content: "" counter(my-awesome-counter);
    position: absolute;
    top: -2px;
    left: -52px;
    border-radius: 50%;
    border: 2px solid #5779E4;
    width: 30px;
    height: 30px;
    text-align: center;
}

/*С галочкой*/
.blog-site .lt-block-wrapper .f-text ul.ul-checks.ul-checks-1 li:before {
  	content: "";
  position: absolute;
  top: 7px;
  left: -40px;
  border-radius: 50%;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/140/h/66c2237b57a298d00ed22d0d9255bc7c.svg)no-repeat;
  background-size: contain;
	width: 12px;
  height: 12px;
  text-align: center;
  margin-left: 0;
}

/*С гаочкой на фоне*/
.blog-site .lt-block-wrapper .f-text ul.ul-checks.ul-checks-2 li:before {
    	content: "";
  position: absolute;
  top: -2px;
  left: -50px;
  border-radius: 50%;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/503/h/da2bfbcc0aa6b248d3b3ea117d8c5bcd.svg)no-repeat;
  background-size: contain;
	width: 30px;
  height: 30px;
  text-align: center;
  margin-left: 0;
}

/*Выделенный текст*/
.blog-site .f-text p code {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    background: #fff;
    color: #19191B;
    border-radius: 4px;
    padding: 0 3px;
}
/**/

.blog-site .part-image img {
    border-radius: 15px;
}

.blog-site .lt-block-wrapper .f-text p  a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #5779e4;
}

.blog-site .col-md-8.col-md-offset-2 > a {
  display: none;
}

.blog-site #ugcListForm {
    margin-bottom: 15px;
}

.blog-record {
  background: #1e1e20;
  border: 1px solid #2b2b2d;
  border-radius: 15px;
  padding: 25px 30px;
}

.blog-site .gc-tags-cloud {
  background: #1e1e20;
  border: 1px solid #2b2b2d;
  border-radius: 15px;
}

.blog-site .tag-editor .placeholder {
    padding: 0;
    margin: 12px 0 3px 0;
}


.blog-site .gc-tags-input-wrapper ul {
  background: #2b2b2d;
  border: 1px solid #3e3e40;
  border-radius: 10px;
  min-height: 50px;
  padding: 2px 6px;
}

.blog-site .gc-tags-cloud .gc-close-btn {
  	color: #fff;
    margin-top: 8px;
}

.blog-site .gc-tags-input-wrapper .tag-editor .tag-editor-tag {
  	background: #5779E4;
  	color: #fff;
  	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	text-align: center;
	color: #fff;
  	border-radius: 5px 0 0 5px;
  	padding: 2px 4px 2px 10px;
    margin: 0;
    height: 30px;
}

.blog-site .blog-record h4 a {
  font-family: var(--font-family);
font-weight: 700;
font-size: 25px;
line-height: 160%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #5779e4 !important;
}

.blog-site .blog-record-info a {
  	font-family: var(--font-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 160%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #fff;
    position: relative;
}

.blog-site .blog-record-info span {
  font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 160%;
color: #fff;
  border-bottom: none;
}

.blog-site .blog-record-info .pull-right {
  color: #fff;
}

.blog-site .blog-record-info .pull-right a {
  font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
 color: #5779e4;
  text-decoration: none;
    position: relative;
}

.blog-site .blog-record .f-desc {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	color: #8f8f8f;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-site .fa.fa-thumbs-o-up:before,
.blog-site .positive-count .value {
    color: #5779e4 !important;
}

.blog-site .gc-tags-cloud .gc-tags-list .gc-tag span.name {
  	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #949494;
  	border-radius: 5px;
  	padding: 1px 4px;
    border: none;
    background: #333;
}

.blog-site  .gc-tags-cloud .gc-tags-list .gc-tag:hover .name {
  background: #fff;
  color: #141414;
}

.blog-site .gc-tags-cloud .gc-tags-list .gc-tag {
    margin-right: 24px;
}

.blog-site .blog-record .gc-tags a {
  font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
text-align: center;
color: #fff;
   background: #333;
  border-radius: 5px;
  padding: 0 10px;
}

.blog-site .tag-editor li {
    margin: 7px 0 0 0;
    max-height: 30px;
    overflow: hidden;
}

/*Карандаш рядом с тегом*/
.blog-site .fa-pencil {
  position: relative;
  visibility: visible !important;
  
}

.blog-site .gc-tags-cloud .gc-tags-list .gc-tag .fa-pencil:before {
  content: "";
  position: absolute;
  top: -11px;
  right: -14px;
  width: 14px;
  height: 14px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/264/h/7a5f26ebacd8ae7907e3c9398f65b761.svg)no-repeat;
  background-size: contain;
  z-index: 1;
    opacity: 0;
}

 .blog-site .gc-tags-cloud .gc-tags-list .gc-tag:hover .fa-pencil:before  {
 	opacity: 1; 
}

/*Крестик с тегом*/
body.blog-site #ugcListForm .tag-editor .tag-editor-delete i {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/45/h/2e11b50f7b56738ae033e619162d5b39.svg) 0 0 no-repeat;
    position: absolute;
    width: 25px;
    top: 7px;
    left: 3px;
}

.blog-site .tag-editor .tag-editor-delete {
    background: #5779E4;
    padding: 0px 2px 0 0;
    border-radius: 0 5px 5px 0;
    position: relative;
    width: 27px;
    height: 30px;
}

body.blog-site #ugcListForm .tag-editor .tag-editor-delete:hover i {
  background-position: 0 -23px
}


/*Стрелка "читать полностью"*/
.blog-site .blog-record-info .pull-left a:before {
  content: "";
  position: absolute;
  top: 2px;
  right: -30px;
  width: 20px;
  height: 20px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/208/h/650f711fb9bc97c04adf89cd998531b1.svg)no-repeat;
  background-size: contain;
}

/*Страница записи*/
.gc-blog-header div > a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #5779e4;
}

.gc-blog-footer .user-profile-link.worker {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #5779e4;
}

.gc-blog-footer .gc-text-block {
  font-family: var(--font-family);
  color: #fff;
  font-size: 16px;
}

.gc-blog-footer .b-like .button {
  font-family: var(--font-family);
  color: #fff;
  border-bottom: 1px solid #fff;
}

.gc-blog-footer .fa.fa-thumbs-o-up:before,
.gc-blog-footer .like_users_list {
  color: #5779e4;
}


.blog-site .col-md-8.col-md-offset-2 .pull-right {
  float: left !important;
}

.gc-blog-header .gc-tags a {
  font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #fff;
    background: #333;
    border-radius: 5px;
    padding: 2px 12px;
}

.gc-blog-footer .comment-form-wrapper {
      background: #1e1e20;
    border: 1px solid #2b2b2d;
    border-radius: 15px;
}

.gc-blog-footer .comment-form-wrapper  .emoji-container textarea {
  background: #2b2b2d;
    border: 1px solid #3e3e40;
    border-radius: 6px;
    min-height: 40px;
    padding: 2px 6px;
}

.gc-blog-footer .comment-form-wrapper img {
  border-radius: 50%;
}

.gc-blog-footer .comment-form-wrapper .new-comment .btn-send  {
   background: #5779e4;
  border: none;
  border-radius: 6px;
}

.gc-blog-footer .pull-right.download-csv {
 color: #5779e4;
}

.gc-blog-footer  h3 {
  font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: #fff;
}
.gc-blog-footer ul li a {
  font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 160%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #5779e4;
}
.gc-blog-footer ul li::marker {
  color: #5779e4;
}

.gc-blog-footer .gc-tags a {
  font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #fff;
    background: #5779e4;
    border-radius: 5px;
    padding: 2px 12px;
}

.gc-blog-footer .b-like-and-subscribe-notifications span {
  color: #fff;
  border-bottom: none;;
}
.blog-site .b-like-and-subscribe-notifications {
  display: none;
}

/**/
.customMenu {
 display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 10px 20px 10px 10px;
  background: #000;
  border-radius: 15px;
}

.blog-site .customMenu {
    margin-top: 30px; 
    margin-bottom: 30px; 
}

.customMenu .invisible-part {
  display: flex;
  justify-content: space-between;
	align-items: center;
  flex: 45%;
}

.customMenu .menu-column_lright ul {
   	display: flex;
   	justify-content: space-between;
	align-items: center;
    padding: 0;
	margin: 0;
}

.customMenu .visible-item li {
  list-style: none;
}

.customMenu .logo {
	display: flex;
    align-items: center;	
}

.customMenu a:not(.lk-button) {
   font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #fff; 
	flex: 20%;
}

.customMenu li a {
display: block;	
}

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

.customMenu .menu-column.menu-column_lright {
  flex: 0 0 50%;
}

.customMenu .logo img {
      margin-right: 13px;
    border-radius: 100%;
    width: 40px;
    height: 38px;

}

.customMenu .lk-button {
  background: transparent;
  border: none;
    font-family: var(--font-family);
  font-weight: 400;
   font-size: 16px;
  line-height: 160%;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #5779e4;
}

.customMenu .dropdown {
	display: none;	
}

.customMenu .dropdown-content.show ul {
    list-style: none;
    max-width: 380px;
    margin: 0 auto;
    padding: 15px;
}

.customMenu .toggle-button {
  background: transparent;
  border: none;
}

.customMenu .show {
    display: block !important;
    background: rgb(7 7 7 / 90%);
    padding-bottom: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50vh;
    padding-top: 7px;
}

.customMenu .dropdown-content {
    display: none;
}

.customMenu .dropdown-content.show ul li {
text-align: center;	
}

.customMenu .dropdown-content.show .lk-button {
	display: block;
	text-align: center;
	padding: 15px 0 0 0;
}

.customMenu .close-item {
    text-align: center;
	padding: 15px 0 0 0;
} 

.customMenu .close-item img {
	width: 15px;
	height: 15px;
}

.gc-blog-footer {
  display: none;  
}

.blog-record-info > .pull-right {
   display: none; 
}

/*Подвал*/
.footer p {
	font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
}

.footer {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 36px 0 30px 0;
    border-top: 1px solid  #2B2B2D;
    margin-top: 60px;
}

.footer p span {
	font-weight: 700;
}

.footer a.poltic {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 160%;
text-decoration: underline;
text-decoration-skip-ink: none;
text-align: center;
color: #b4b4b4;	
}

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

.footer a img {
margin-right: 10px;	
}



@media(min-width: 1920px) {
   .blog-site .lite-page.block-set  {
      flex-direction: column !important; 
    }
    
   .blog-site .customMenu,
   .blog-site .footer {
     width: 800px !important;   
    }
    
    .blog-site .col-md-8.col-md-offset-2 {
        margin-left: 0 !important;
        margin: 0 auto !important;
        width: 800px !important;
        float: none !important;
    }
}

@media(min-width: 680px) {
  .blog-site .col-md-8.col-md-offset-2 {
    padding: 0;
  }
}

@media(max-width: 980px) {
.footer {
	 flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 15px !important;
    gap: 15px !important;
	}
}
/*END Подвал*/

@media(max-width: 980px) {
.customMenu .lt-block-wrapper {
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-top: 15px !important;
	}
	
.customMenu .dropdown {
    display: block !important;
    position: relative;
    z-index: 100;
	text-align: right;
}
	
	.customMenu .invisible-part {
    display: none !important;
}
	
	.customMenu .logo img {
    	width: 30px !important;
		 height: 30px !important;
}
	
	.customMenu {
		border-radius: 11px !important; 
	}
    
    .blog-site .customMenu {
    	margin-top: 20px !important; 
    	margin-left: 15px !important; 
    	margin-right: 15px !important; 
}
}

/***********/

@media(max-width: 680px) {
 .gc-blog-header .f-header {
     font-size: 24px !important;
    }
    
  .blog-site h1.f-header {
    font-size: 24px !important;   
    }
    
  .blog-site h2.f-header p {
     font-size: 18px !important; 
    }
   
    .blog-site h3.f-header p {
      font-size: 18px !important;   
    }
    
    .blog-site .blog-record h4 a {
     font-size: 20px !important;   
    }
    
    .blog-site .blog-record .f-desc {
       font-size: 16px !important;    
    }
    
    .blog-site .blog-record .gc-tags a {
    font-size: 14px !important;
    padding: 0px 7px !important;
} 
    
    .blog-site .blog-record-info span {
 	font-size: 12px !important;
    }
    
    body.blog-site #ugcListForm .tag-editor .tag-editor-delete i {
     height: 29px !important;   
    }
    
   .blog-site .footer {
    padding: 30px 15px !important;
}
    
  .blog-site  .f-text p,
  .blog-site .f-text p code {
    font-size: 16px !important;
}
   /*Списки*/
   .blog-site .lt-block-wrapper ol, 
   .blog-site .lt-block-wrapper ul {
    padding-left: 40px !important;
}
    
  .blog-site .f-text ul li,
  .blog-site .f-text ol li {
      font-size: 16px !important;
      margin-bottom: 10px !important;
}
   
  .blog-site .lt-block-wrapper ul li:before {
		left: -30px !important;
	}
    
  .blog-site .lt-block-wrapper .f-text ol li:before {
    left: -40px !important;
}
    
  .blog-site .lt-block-wrapper .f-text ul.ul-checks.ul-checks-2 li:before {
    left: -38px !important;
    width: 25px !important;
    height: 25px !important;
}

}

/* ------------- 
content start - Пелоадер
------------- */

.preloaderg { 
    position: fixed; 
    top: 0; left: 0; 
    z-index: 15000; 
    transition: 0.15s ease-in-out; 
    width: 100vw; 
    height: 100vh; 
    background-color: #19191B; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
} 

body.loadedg .preloaderg { 
    opacity: 0; 
    visibility: hidden; 
    pointer-events: none; 
} 

.gooey { 
    width: 142px; 
    height: 40px; 
    position: relative; 
} 

.gooey .dot { 
    position: absolute; 
    width: 16px; 
    height: 16px; 
    top: 12px; 
    left: 15px; 
    //filter: blur(1px); 
    background: #5779E4; 
    border-radius: 50%; 
    transform: translateX(0); 
    animation: dot 2.8s infinite; 
} 

.gooey .dots { 
    transform: translateX(0); 
    margin-top: 12px; 
    margin-left: 31px; 
    animation: dots 2.8s infinite; 
} 

.gooey .dots span { 
    display: block; 
    float: left;
    width: 16px; 
    height: 16px; 
    margin-left: 16px; 
    //filter: blur(1px); 
    background: #333333; 
    border-radius: 50%; 
} 

@-moz-keyframes dot { 
    50% { 
        transform: translateX(96px); 
    } 
} 

@-webkit-keyframes dot { 
    50% { 
        transform: translateX(96px); 
    } 
} 

@-o-keyframes dot { 
    50% { 
        transform: translateX(96px); 
    } 
} 

@keyframes dot { 
    50% { 
        transform: translateX(96px); 
    } 
} 

@-moz-keyframes dots { 
    50% { 
        transform: translateX(-31px); 
    } 
} 

@-webkit-keyframes dots { 
    50% { 
        transform: translateX(-31px); 
    } 
} 

@-o-keyframes dots { 
    50% { 
        transform: translateX(-31px); 
    } } 

@keyframes dots { 
    50% { 
        transform: translateX(-31px); 
    } 
}
/* ------------- 
content finish - Пелоадер
------------- */