@font-face {
    font-family: Muller; /* Имя шрифта */
    src: url(/templates/fonts/Muller.ttf); /* Путь к файлу со шрифтом */
   }
   
@font-face {
    font-family: MullerExtraBold;
    src: url(/templates/fonts/MullerExtraBold2.ttf);
   }   

 

   
#sp-main-body {
	padding-top: 20px !important;
}

.article-details {
    font-family: 'Roboto', Muller, PT Sans, sans-serif !important;
 	font-size: 18px;
  	line-height: 30px;
  	padding-top: 20px;
}  

.article-info {
    margin-bottom: 30px !important;
  	display: block !important;
	text-align: center;
}  
  
.article-info > :not(:last-child) {
    margin-right: 2rem;
}
  
.article-info > * > *,
.article-info span {
  	font-family: Muller, 'Roboto', PT Sans, sans-serif !important;
	font-size: 16px !important;
	font-weight: 500;
	color: #8e9193 !important;
}  
  
#sp-main-body h1 {
  	font-family: MullerExtraBold, Muller, 'Roboto', PT Sans, sans-serif !important;
  	text-align: center;
  	font-size: 45px !important;
    font-weight: normal !important;
}
 

#sp-main-body h2, #sp-main-body h3 {
    margin-top: 40px;
    margin-bottom: 15px;
}

#sp-main-body h2 {
    font-size: 35px !important;
}  
  
#sp-main-body h3 {
    font-size: 25px !important;
}

.article-details li:not(:first-child) {
    padding-top: 15px;
}

.article-details img {
	margin-top: ;
	margin-bottom: ;
}

.article-info > span ::before {
    font-family: FontAwesome;
  	display: inline-block;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}

.article-info > span.createdby ::before {
  	content: "\f007";
}  
  
.article-info > span.category-name ::before {
  	content: "\f02c";
}

.article-info > span.hits ::before {
  	content: "\f06e";
}  
 
.article-info > span + span::before {
  	content: none;
  }

.article-info > span.category-name > a {
  	color: #e74537 !important;
  }
  
.article-info > span.category-name > a:hover {
   text-decoration: underline;
}



.spec-text {
    background-color: #fef7e7;
    padding: 2rem 4rem;
    font-weight: 500;
    border-left: .2rem solid #fc5547;

}

.spec-text-lite {
    background-color: #fef7e7;
    padding: 2rem 4rem;
    font-weight: 400;
    border-left: .2rem solid #fc5547;

}

p.spec-text {

}


.my-article-right {
    padding-left: 30px;
    display: inline-block;
}

.article-details > div > div.clearfix {
	height: 1px;
}


/* ДЛЯ СТАТЕЙ НА SP BUILDER */ 



/* СОЦИАЛЬНЫЕ КНОПКИ */ 

.jllikeproSharesContayner {
	margin-bottom: 50px;
}

.jllikeproSharesContayner a {
	height: 45px !important;
	display: block !important;
	float: left !important;
}

.jllikeproSharesContayner i {
    height: 45px !important;
	background-position: center !important;
}
 
.jllikeproSharesContayner a .l-count {
	display: none;
}


.jllikeproSharesContayner a:first-child {
    border-radius: 5px 0px 0px 5px;
}


.jllikeproSharesContayner a:last-child {
    border-radius: 0px 5px 5px 0px;
}
  
/* МОБИЛЬНАЯ ВЕРСИЯ */   
  

@media all and (max-width: 479px) {
	
	.spec-text,
	.spec-text-lite {
		padding: 1.3rem !important;
		margin: 0 0 !important;
	}
	
  
}
  
  
  
@media all and (max-width: 767px) {
	
	.article-info > * > *,
	.article-info span {
      	font-size: 14px !important;
	}
  
    .article-info > :not(:last-child) {
      	margin-right: 5px;
  	}
  
  	.article-details {
        font-size: 16px;
        line-height: 24px;
     	padding-top: 0px;
	}
  
  	#sp-main-body h1 {
  		font-size: 35px !important;
	}
 

	#sp-main-body h2, #sp-main-body h3 {
        margin-top: 20px;
        margin-bottom: 15px;
	}

	#sp-main-body h2 {
    	font-size: 30px !important;
	}
  
}  


@media all and (max-width: 1024px) {
	
	.spec-text,
	.spec-text-lite	{
		padding: 2rem 3rem;
		margin: 0 0;
	}
	
  
}

  
@media all and (min-width: 1100px) {
	
	.article-details,
	.sppb-row-container	{
    	width: 900px;
      	margin: 0 auto;
	}
	
	.my-for-social-share {
		margin-bottom: 40px;
	}
}