html{scroll-behavior:smooth;}
body {
	margin: 0 auto;
	background-color: #f4f4f4;
	border:none;
	/* background-image:url('https://blog.s-artschool.ru/wp-content/uploads/2021/06/cvety-priroda-zakat-krasota2.jpg'); */
/* 	background-image:url('https://blog.s-artschool.ru/wp-content/uploads/2021/06/bg.jpg');	background-size:cover;
	background-repeat:no-repeat; */
/* 	position:fixed; */
}
:focus {outline:none;}
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

h2 {color: #653366; padding:0 20px;line-height: 1.7;font-size:1.7em}
h2 a, h3 a, h4 a {color:#003366;}
p a{color:#003366;font-size:inherit;}
a:hover{color:#FF66CC;outline-color:#FFFFFF;text-shadow:#666699;}
p {font-size: 1rem;}
p.wp-block-post-excerpt__excerpt{font-size:14px;}
p span{color:red;font-weight:bold;font-size: 1em;}
.wp-block-column p{margin:0;}
a {text-decoration: none;}
h1 {
	font-family: Verdana, Arial, Sans-serif;
	display: block;
    font-size: 2.1em;
    font-weight: bold;
	line-height: 1.7;
}

img {width:100%; height: auto;}
.nothingImg img{width:auto; height: 300px;}

.blik {
    -webkit-animation: blik 5s infinite; /* Chrome, Safari, Opera */
    animation: blik 5s infinite;
	animation-iteration-count: 3;
	-webkit-animation-iteration-count: 3;}
/* Chrome, Safari, Opera */
@-webkit-keyframes blik {
    0% {color:#653366;}
	40%{color:#dddddd;}
	69% {color:#dddddd;}
	70% {color:white;}
	82% {color:#dddddd;}
    100% {color:#653366;}
}
/* Standard syntax */
@keyframes blik {
    0% {color:#653366;}
	40%{color:#dddddd;}
	69% {color:#dddddd;}
	70% {color:white;}
	82% {color:#dddddd;}
    100% {color:#653366;}
}

.me {width:53px;opacity:0.8;position: absolute;}
.nome {width:53px;display:none;position: absolute;
/*     top: 7px;
    left: 10px; */}
.action{position:relative;padding:10px 0 0 10px;float:left;text-align:left;width:30%;}
.action:hover .nome{opacity:1;display:block;}
.hi{display:none;position:absolute;font-family: sans-serif;font-size: 10px;font-size:12px;text-align:center;padding:5px;box-shadow:0 8px 14px 0 #430e44;z-index:1;background-color:#dddddd;color:#430e44;top:10px;left:70px;border-radius:10px 6px 10px 0;}
.action:hover .hi{display:block;}
.faceimg {
font-size: 32px;
font-weight: bold;
text-align: center;
padding:18px 5px;
/* float: left; */
}

#hero{
position: relative;
margin:10px auto;
overflow:hidden;

}
.scr1{max-width:784px;}
.scr2{max-width:784px;position: absolute;display:none;top:0;left:0;}

.scr1sm{display:none;}
.scr2sm{display:none;}
#hero:hover .scr2{display:block;}
#hero:hover .scr1{visibility:invisible;}

/* slider styles */
/*
.header-img{
background: linear-gradient(rgba(172, 109, 165, 0.4), rgba(75, 22, 83, 0.4)), url('https://blog.zhitie-moe.ru/wp-content/uploads/2021/06/bg.jpg') no-repeat center;
background-size: cover;
height: 300px;
position: relative;
	transition:2s;
    width: 100%;
} 
*/
.header-img{
background: linear-gradient(rgba(172, 109, 165, 0.4), rgba(75, 22, 83, 0.4)), url('https://zhitie-moe.ru/wp-content/uploads/European-Trucking-Adventure.jpg') no-repeat center;
background-size: cover;
height: 370px;

position: relative;
transition:2s;
max-width:1024px;
} 
.header-img:hover{transform:scale(1.1);}

.header-img:hover, .header-img2:hover, .header-img3:hover, .header-img4:hover{transform:scale(1.1);}

.header-img2{
background: linear-gradient(rgba(172, 109, 165, 0.4), rgba(75, 22, 83, 0.4)), url('https://zhitie-moe.ru/wp-content/uploads/European-Trucking-Adventure.jpg') no-repeat bottom;
background-size: cover;
	background-position:center;
height: 370px;
position: absolute;
	top:0;
	transition:2s;
    width: 100%;
	animation:bg-change 60s infinite;
}

.header-img3{
background: linear-gradient(rgba(172, 109, 165, 0.4), rgba(75, 22, 83, 0.4)), url('https://zhitie-moe.ru/wp-content/uploads/european-trucking-adventure-3.jpg') no-repeat bottom;
background-size: cover;
background-position:top;
height: 370px;
position: absolute;
	top:0;
	transition:2s;
    width: 100%;
	animation:bg-change2 60s infinite;
} 

.header-img4{
background: linear-gradient(rgba(172, 109, 165, 0.4), rgba(75, 22, 83, 0.4)), url('https://zhitie-moe.ru/wp-content/uploads/european-trucking-adventure-4.jpg') no-repeat center;
background-size: cover;
height: 370px;
position: absolute;
	top:0;
	transition:2s;
    width: 100%;
	animation:bg-change3 60s infinite;
} 

@keyframes bg-change {
0%{opacity:0;}
18%{opacity:0;}
20%{opacity:1;}
43%{opacity:1;}
45%{opacity:0;}
60%{opacity:0;}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes bg-change2 {
0%{opacity:0;}
20%{opacity:0;}
43%{opacity:0;}
45%{opacity:1;}
65%{opacity:1;}
67%{opacity:0;}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes bg-change3 {
0%{opacity:0;}
20%{opacity:0;}
40%{opacity:0;}
65%{opacity:0;}
67%{opacity:1;}
87%{opacity:1;}
89%{opacity:0;}
100%{opacity:0;}
}


/* end of slider styles */


/* cristmas tree */


.header_text {
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:94%;
	text-align: center;
	color:#e7eaf8;
	text-shadow:3px 3px 6px #3e393e;
}
header h1{font-size:2.2em;}
header.header_text span {
  display: block;
  margin: 0 auto;
  font-family: Verdana, sans-serif;
  color: snow;
  font-size: 1.1em;
  font-weight: bold;
}
.header_text_desc {
	position: absolute;
	top:43%;
	right: 8%;
	text-align: right;
	line-height: 1.5;
	border: 1px solid #653366;
	border-left: 0;
	border-right: 0;
	padding: 1%;}
#header_button{
	position: absolute;
	bottom: 13%;
	right: 8%;
	background-color: rgba(244, 244, 244, 0.3);
	border: 2px solid #FF66CC;
	border-radius: 10px;
	-moz-border-radius:10px; -webkit-border-radius:10px;
	padding: 20px 25px;
	color:#653366;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	opacity:0.8;
	transform: scale(0);
	transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ie-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease}
#header_button._active{transform: scale(1);}
#header_button:hover, #header_button:active {
	background-color: rgba(244, 244, 244, 0.5);
	/* background-image: radial-gradient(#e7eaf8, #e7eaf8, #a6b0bc); */
	color:#FF66CC;
	border-color: #653366;
	transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ie-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease}
#header_button2, #header_button3{
	margin: 3%;
	background-color: rgba(244, 244, 244, 0.3);
	border: 2px solid #FF66CC;
	border-radius: 10px;
	-moz-border-radius:10px; -webkit-border-radius:10px;
	padding: 20px 25px;
	color:#653366;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	opacity:0.8;
	transform: scale(0);
	transition: all 0.8s ease 0.3s;}
#header_button2._active, #header_button3._active, #buy._active{
	transform: scale(1);}
#header_button2:hover, #header_button2:active,
#header_button3:hover, #header_button3:active {
	background-color: rgba(244, 244, 244, 0.5);
	/* background-image: radial-gradient(#e7eaf8, #e7eaf8, #a6b0bc); */
	color:#FF66CC;
	border-color: #653366;
	transition:.3s ease-in-out;
	-o-transition:.3s ease-in-out;
	-ie-transition:.3s ease-in-out;
	-webkit-transition:.3s ease-in-out;
	-moz-transition:.3s ease-in-out;
	}
@media screen and (max-width:750px){
	.header_text, #header_button._active {right:5%;}
	.header_text_desc{top:50%;right:5%;}
#header_button._active {padding:3%;}
}
@media screen and (max-width:600px){
	.header_text, .header_text_desc, #header_button._active {font-size: 0.7em;	right:4%;}
	#header_button._active {padding:3%;font-size:16px;}
}
@media screen and (max-width:480px){
	.header_text{font-size: 0.6em;right:3%;}
	#header_button._active {padding:12px;font-size:14px;right:3%;}
	.header_text_desc{top:44%;right:3%;}
}
@media screen and (max-width:361px){
	.header_text{font-size: 0.5em;}
	.header_text_desc {display:none;}
	#header_button {padding:10px;transform: scale(1);}
}
@media screen and (max-width:520px) and (min-width:120px){
header.header_text span{
display:none;
}
}

.cr-tree{
	width: 49px;
	float: right;
	/*position: absolute;
	top: 2px;
	right: 30px;*/
	margin:-15px 10px 0;
	height:70px;
}
.cr-tree img{
	width: 50px !important;
	height:68px;
}

/*---------------------------------*/

@media screen and (max-width:715px){
	.action{width:70px;}
}
@media screen and (max-width:560px){
	.action{display:none;}
	.cr-tree{display:none !important;}
	.faceimg{width:100%;}
}
@media screen and (max-width:480px){
.scr1{display:none;}
.scr2{display:none;}
.scr1sm{display:block;max-width:480px;}
.scr2sm{display:none;max-width:480px;}
#hero:hover .scr2sm{display:block;}
#hero:hover .scr1sm{display:none;}
}


/*........... М Е Н Ю  Н А В И Г А Ц И И ..............*/
nav {
	text-transform:uppercase;
	font-family: Verdana, Arial;
	font-size: 14px;
}
nav ul {
	list-style: none;
    margin: 0;
}
nav ul li a {
	color: #dddddd;
    padding: 8px 15px;
	margin: 0 10px 0 0;
	float:right;
}
nav a:hover{background-color: #430e44;}

nav ul li.current-menu-item a{color:#FF66CC;}

nav a.active {color:#FF66CC;}

.wrap-drop nav a:hover{color: #f4f4f4;}

/*обёртка для блока выпадающего меню*/
.wrap-drop {position:relative;display:inline-block;}

/*невидимый блок выпадающего меню*/
.drop-content{display:none;position:absolute;z-index:1;background-color:#653366;width:180px;margin:5px 0;}

/*ссылки блока выпадающего меню*/
.drop-content a{color:white;text-align:left;text-decoration:none;padding:8px 14px;display:block;}

/*смена цвета фона ссылки блока выпадающего меню при наведении курсора*/
.drop-content a:hover{color:#FF66CC;background-color:#430e44;}

/*делаем видимым блок выпадающего меню при наведении курсора на ссылку обёртки*/
.wrap-drop:hover .drop-content{display:block;}

@media screen and (max-width:480px){
	nav {line-height: 24px;}
	nav ul{padding-left:0}
	nav ul li a {
		padding:14px 24px;
		float: none;
		margin: 0 auto;
		text-align:right;
	}
	.page-numbers{padding: 0 10px; font-size:20px}
	nav a{display:block;font-size:16px}
	.wrap-drop{display:block}
	.drop-content{float:none;width:100%;position:relative}
	.drop-content a{width:100%;text-align:center;padding:8px 0;}
}

/* выпадающее меню */
.menu-item-has-children{
	position:relative;
	float: right;
}
.menu-item-has-children ul.sub-menu{
	display:none;
	position:absolute;
	z-index:1;
	background-color:#653366;
	margin:5px 0;
	padding:0px 0px 10px 0px;
	top:29px;
	width:200px
}
ul.sub-menu li a{
	margin:0;
	float: none;
	text-align: left;
	display: block;
}
.menu-item-has-children:hover ul.sub-menu{
	display:block;
}
@media screen and (max-width:480px){
	.menu-item-has-children{width:100%;float:none;}
	ul.sub-menu li{border-top:1px dotted;}
	.menu-item-has-children ul.sub-menu{
	display:none;
	position:initial;
	background-color:#653366;
	margin:0 auto;
	padding:0px;
}
}

/*...........конец меню навигации..............*/

#page {
	max-width: 1024px;
	background-color: #653366;
	margin: 0 auto;
	padding: 0 0 2px;
	text-align: center;
	color: #dddddd;
	border-radius:4px 4px 0 0;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none /* Standard syntax */
}
.textBlockView {
	text-align:left;
	padding:0 2%;
	line-height:1.5em;
	font-size:1em;
	border: 1px dotted gray;
	border-radius:6px 6px 0 0;
	margin:0 2% 5px;
}
.textBlockView p::first-letter{
	color: #660033;
	font-weight: bolder;
	font-family: Times;
	font-size: 120%;
}

/* вступление к категории */
.before-article{
width: 80%;
background-color: snow;
border-top: 1px solid;
border-bottom: 1px solid;
border-radius: 8px;
padding: 20px;
margin: 40px auto;
line-height:1.6;
text-align:left;
font-weight:bold;
}
@media screen and (max-width:480px){
	.before-article{line-height:1.5;}
}

/* widgets-area */
.widget-area{
	width:27%;
	background-color: #f1f2f3;
	margin: 0 10px;
	float: left;
	border-radius:3px;
	padding: 10px;
	box-sizing: border-box;
	color: #430e44;
}
.block-section, .single-block-section{
	/*background-color: #999999;*/
	font-family: Verdana, Arial, Sans-serif;
	margin: 10px 10px 0;
	/*background-color: #f1f2f3;*/
	background-color:#f7f8f2;
	color: #430e44;
	border-radius:3px;
	padding: 2% 0 3%;
	overflow: hidden;}
.block-section{width:98%;}
.single-block-section{width:70%;}


@media screen and (max-width:820px){
	.widget-area{float:none;width: 95vw; margin: 10px auto;}
	.block-section, .single-block-section{width: 95vw; margin: 10px auto;}
	#hero{display:none;}
	main{display:flex; flex-flow:wrap;}
	.single-block-section{order:1}
	.widget-area{order:2}
}

/* мои партнерские программы */
.myAffiliates{
	margin: 2rem auto;
	color:#653366;
	font-family:sans-serif;
	background-color:#f7f8f2;
	box-sizing:border-box;
	border:1px solid #653366;
	border-radius:10px;
	position:relative;
	width:90%;
	text-align:left;
	transition:0.7s;
	padding:10px 10px 0;
	line-height:1.5;
}
.myAffiliates span{
	color:#653366;
	font-size:20px;
	margin-top: 20px;
	display: inline-block;
}
.myAffiliates img{
	width:110px;
	margin:0 20px 10px 0;
	float:left;
	border-radius:10px 0 0 10px;
}

a .myAffiliates:hover{
	background:#653366;
	transition:0.7s;
	background:url(https://zhitie-moe.ru/wp-content/uploads/2022/11/backgr.jpg) no-repeat center;
	background-size:cover;
	border:1px solid transparent;
	cursor:pointer;
}
a .myAffiliates:hover h3{
	float:none;}

.online-courses,
.sticker{
	position:absolute;
	top:-14px;
	right:20px;
	border-radius:6px;
	background:#653366;
	color:white;
	font-size:0.9em;
	padding:6px 10px;
}


/* всплывающие изображения рекламных ссылок */

.block-quote-mine p a
{position:relative;}

p a
{position:relative;}

p a:hover .left0{left:0;}

.img-adds{
	width:140px;
	height:140px;
	display:none;
	position:absolute;
	top:-144px;
	left:60px;
	box-shadow: 2px 2px 4px gray;
	z-index:20;
}
a:hover .img-adds{
	display:block !important;
}

/* БОКОВЫЕ БЛОКИ АНОНСА СТАТЬИ (Случайные записи) */
.widget_block{margin:20px auto}
.widget_block a{
	font-family: sans-serif;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2rem;
    color: #653366;
    width: 90%;}
.arpw-widget-random{
margin: 2rem auto;
color:#653366;
background-color:#f7f8f2;
box-sizing:border-box;
border:1px solid #653366;
border-radius:10px;
position:relative;
width:100%;
transition:0.7s;
}
.arpw-widget-random img{margin: 20px auto;}
.arpw-title{
color: #653366;
font-size: 20px;
display: inline-block;
margin: 0 6px 10px 6px;
font-family: Arial, Sans-Serif;
}
.arpw-summary {
  padding: 0px 15px 10px;
  color: black;
  text-align: left;
  font-family: Helvetica, Sans-serif;
  font-size: 0.9em;
  line-height: 1.4;
}
@media screen and (max-width:820px) {
.arpw-title {font-size: 26px;max-width:260px;}
.arpw-summary {font-size: 1em;line-height: 1.6}
.arpw-widget-random img, .widget_block img {
    margin: 20px auto;
    width: 40%;
    float: left;
    margin: 0 10px;
}
}
@media screen and (max-width:530px) {
.arpw-title {font-size: 26px;max-width:100%;margin:10px}
.arpw-summary {font-size: 1em;line-height: 1.6;}
.arpw-widget-random img, .widget_block img {width:90%;float:none;margin:12px auto}
}

/*...........блоки товаров..............*/

.brif{
	text-align:left;
	padding: 0 30px;
	line-height:160%;
	margin-bottom:20px;
}
.brif h2, .brif h3{
	margin-top: 30px;
	line-height: 1.7;
}
.brifImg {
/*	width:250px; */
	margin:8px 20px;
	float:left;
	border-radius:2px;
	overflow:hidden;
}
.brifImg img{transition:transform 0.7s;}
.brifImg2 {width:120px;float:left;padding:0 15px 0 0;}
.brifImg img:hover, .brifImg2 img:hover{
	transform:scale(1.1);}
.brifImg:hover, .brifImg2:hover{
	border-radius:4px;
	box-shadow: 2px 3px 6px #653366;}
.readMore{text-align:right;margin-right:10px;}
@media screen and (max-width:500px){
	.brif p{font-size:20px;line-height: 1.5em;}
	.brif p.readMore{font-size:1.1em;}
	.brifImg, .brifImg2{float:none;padding;0;}
	.brifImg {width:230px;margin:8px auto;}
	.brifImg img{width:230px;}
 }
.infoblock{
	text-align:center;
	font-family: Verdana, Arial, Sans-serif;
	margin: 10px auto 0;
	background: linear-gradient(rgba(172, 109, 165, 0.4), rgba(75, 22, 83, 0.4));
    background-color: rgba(0, 0, 0, 0);
	background-color: #ccc;
	color: #ff66cc;
	max-width:100%;
	padding: 20px 10px;
	background-blend-mode: hard-light;
}
@media screen and (max-width:820px){
	.infoblock{width:100%;}
}

/*
.overlay{
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: rgba(101, 51, 102, 0.8);
  overflow: hidden;
  width: 0;
  height: 100%;
  border-radius: 8px;
  transition: .5s ease;}
.addinfo{
  color: #ddd;
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/*   white-space: nowrap; */
/*}

*/

.marginPlus{margin: 6% auto;}

.clearFix{clear:both;float:none;content:'';height:0;}

.reclam_lk {border:1px dotted #990099;padding:5px;margin: 0 15px;}

#f {color: #f4f4f4;	margin: 3% auto;}
.reclam{text-align:center;display:block;margin:0 auto;}
@media screen and (max-width:560px) {.reclam{display:none}}

.ftr{margin: 3% auto;font-size:18px;}

.block-footer{
    width: 28%;
	margin-top:1%;
    display: inline-flex;
    border-left: 2px solid #FF66CC;
	padding-left: 8px;
	color: #ddd;
	text-align: left;}
.block-footer a{text-decoration: none;color: #ddd;}

@media screen and (max-width:520px) {
	.block-footer{
		width:70%;
		margin:15px auto;
	}
}

#me a {
    padding: 3px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #D3DCE6;
    text-align: center;
	display:inline-block;
	margin-bottom:4px;}
#me a:hover{background:#CCCCFF;color:#330000;}