body{
	color:#333;
	background-color:#fbfbfb;
	
	
		background:
			linear-gradient(#fff, transparent),
			linear-gradient(to top left, #fbfbfb, transparent),
			linear-gradient(to top right, #003e39, transparent);

	background-blend-mode: screen;


	
	}
header{
	margin-top:34px;
}	
	
section{max-width:1300px;}

a{color:#003e39; text-decoration:underline;}
a:hover{color:#078029; text-decoration:none;}
#header_mob{display:none;}
#name-mob{display:none;}




#header{
	position: relative;
	display:block;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} 

#header section{margin-bottom:0;}

footer{
	font-size:11px;
	color:#e7ecea;
	height:50px;
	text-align:center;
	padding-top:20px;
	background:rgba(0,63,55,1);
}
footer section, #header-top{margin-bottom:0;}

#header-fixed{
	display:block;
	position:fixed;
	width:100%;
	top:0;
	z-index:110;
	background:#fff;
		box-shadow:0px 4px 12px 0px #e7ecea;
}

#header-top a{
	

	text-decoration:none;
	font-size:12px;
	
	line-height:28px;
	color:#003e39;
	padding:3px;

}
#header-top a:hover{text-decoration:underline;color:#078029;}

#header-top img{
	 padding:3px;
}
#header-top span{
	font-size:14px;

	line-height:28px;
	color:#003e39;
	padding:6px;
	letter-spacing:1px;
	
}



#header-contacts a{
		display:inline-block;
		position: relative;
		float:right;
		padding:0;
		margin:0;
		margin-left:28px;
		font-size:16px;
}
#header-contacts a img{opacity:.8;}
#header-contacts a:hover img{opacity:1;}

#header-line,footer{
	width:100%;
	margin-bottom:0;
}
#header-line{
	background: rgb(0,63,55);
	background: linear-gradient(0deg, rgba(0,63,55,1) 0%, rgba(39,145,56,1) 100%);
	
	background-repeat:repeat-x;
	
}


#header-line div{
	padding:5px;
	border:1px solid transparent;
}	
#header-logo:hover{
		background: radial-gradient(circle, rgba(39,145,56,1) 0%, rgba(0,63,55,0) 80%);
		background-size:100% 100%;
		background-position:-15px -30px;
		background-repeat:no-repeat;
} 


/* классный градиент для fw
background: rgb(63,94,251);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(0,63,55,1) 100%);
*/

#header-search{
		display:inline-block;
		position: relative;
		padding:3px 0;
		width:95%;
		margin:0!important;
		margin-top:3px!important;
	background:rgba(0,63,55,.5);
	border-radius:6px;
}

#header-search:hover,#header-search:focus{background:rgba(0,63,55,1);}
#header-search input{
	display:inline-block;
		position: relative;
	float:left;
	background:transparent;
	padding:3px;
	font-size:16px;
	border:0;
	width:74%;
	color:#fff;
	margin:0 5px;
	outline:none;
}

#header-search button{
	width:18%;
	color:rgba(231,236,234,.7);
	border:1px solid rgba(231,236,234,.4);
	font-size:14px;
	border-radius:3px;
}

#header-search button:hover{
		color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);

	
}
#header-name{
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
	line-height:50px;
	letter-spacing:1px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}

#menu-left ul{
	list-style:none;
}
#menu-left ul li{
	position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}


#menu-left ul li a{
	display:inline-block;
	width: 100%;
	color:#003e39;
	margin: 0;
    padding:5px 0;
	padding-left:10px;
	border-top:1px dotted #ccc;
	font-size:15px;
	line-height:21px;
	text-decoration:none;
}
#menu-left ul li a:hover{background:#fff; color:#078029;
text-decoration:underline;
border-radius:5px;
box-shadow:0px 4px 12px 0px #e7ecea;}
#news-index ul{
	list-style:none;
}

#news-index ul li{
	position: relative;
	display:block;
	float:left;
    width: 23%;
	margin: 1%;
    padding: 0;
	overflow:hidden;
	background:#fff;
	box-shadow:0px 4px 12px 0px #e7ecea;
	height:340px;
	border-radius:8px;
	
}
#news-index ul li:hover{
	box-shadow:0px 4px 12px 0px #d0d8d5;
}
#news-index .news-index-img time{
	position: absolute;
	display:inline-block;
	background:rgba(255,255,255,.5);
	padding:5px;
	color:#003e39;
	bottom:0;
	font-size:10px;

}

#news-index ul li:hover .news-index-img{opacity:1;background-size: 110%;
    box-shadow: 0 2px 6px rgba(0, 40, 35, 0.4), 0 0 30px rgba(0, 0, 0, 0.15) inset;
border-radius:8px;
;

}
#news-index ul li:hover .news-index-head{color:#000;}
#news-index ul li:hover .news-index-text{color:#666;}
#news-index ul li:hover .news-index-img time{background:rgba(255,255,255,1);color:#666;
border-radius:0px 10px 0px 0px;
}

.button{
	padding:3px 6px;
	color:#003e39;
	border:1px solid #003e39;
	font-size:14px;
	border-radius:3px;
	text-decoration:none;
	cursor:pointer;
}

.button:hover{
	color:#078029;
	border-color:#078029;
	background:#fff;
	
}


a.abutton {
 	display:inline-block;
	color:#003e39;
	margin: 0;
    padding:5px 10px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	font-size:15px;
	line-height:21px;
	text-decoration:none;
	border-radius:5px;
	cursor:pointer;
}
a.abutton:hover{background:#fff; color:#078029;
text-decoration:underline;
box-shadow:0px 4px 12px 0px #e7ecea;}
}

.sobaka-link{
	color:#e7ecea!important;
	letter-spacing:1px;
}
.sobaka-link big{
	
	font-weight:600;
	color:#003e39!important;
}
.sobaka-link:hover{
	color:#078029!important;
}
.sobaka-link:hover big{
	color:#078029!important;
}
.news-index-img{
	display:inline-block;
	position: relative;
	width:100%;
	height:150px;
	
	overflow:hidden;	
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center;

 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
	
	opacity:.8;
}



.news-index-head {
	display:inline-block;
	color:#003e39;
	padding:5px 10px;
	overflow:hidden;
	max-height:96px;
	font-size:16px;
	margin-top:5px;
}

.news-index-text{
	display:inline-block;
	position: relative;
	width:100%;
	height:100px;
	
	color:#999;
	font-size:12px;
	padding:5px 10px;
}



.slick-index{
	box-shadow:0px 4px 12px 0px #e7ecea;
	width:96%;
	border-radius:10px;
}

.slick-index-item{
    padding: 10px;
	margin:10px;
	overflow:hidden;
	border-radius:10px;
	

}
.slick-index-img{
	display:inline-block;
	position: relative;
	width:100%;
	height:200px;
	overflow:hidden;	
	background:#fff;
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center;

 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
}

.slick-index-head {
	display:inline-block;
	color:#003e39;
	padding:10px 5px;
	overflow:hidden;
	font-size:18px;
}

.slick-index-text{
	display:inline-block;
	position: relative;
	width:100%;
	color:#999;
	font-size:14px;
	padding:5px;
}

.slick-index-img time{
	position: absolute;
	display:inline-block;
	background:rgba(255,255,255,.8);
	padding:5px;
	color:#003e39;
	bottom:0;
font-size:10px;}


.slick-index-item:hover{background:#fff; box-shadow:0px 4px 12px 0px #e7ecea;}
.slick-index-item:hover .slick-index-img{opacity:1;background-size: 110%;
    box-shadow: 0 2px 6px rgba(0, 40, 35, 0.4), 0 0 30px rgba(0, 0, 0, 0.15) inset;
border-radius:8px;


}
.slick-index-item:hover .slick-index-head{color:#000;}
.slick-index-item:hover .slick-index-text{color:#666;}
.slick-index-item:hover .slick-index-img time{background:rgba(255,255,255,1);color:#666;

border-radius:0px 8px 0px 0px;
}




.text-block{
	font-size:13px;
	background:#fff;
	padding:10px 20px;
	border-radius:10px;

}



.header{

background: rgb(0,63,55);
background: linear-gradient(0deg, rgba(0,63,55,1) 0%, rgba(39,145,56,1) 100%);

	padding: 5px;
	margin:10px auto;
	color:#fff;
	display:inline-block;
	width:100%;
	

border-radius:3px;
    position:relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;

}
.header h2{
	font-size:18px;
	text-align:center;
	letter-spacing:1px;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.header:before,
.header:after {
    content:"";
    position:absolute;
    z-index:-1;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
    transform:rotate(-3deg);
}
.header:after {
    right:10px;
    left:auto;
    transform:rotate(3deg);
}

.header a{
	display:inline-block;
	width: 100%;
	color:#d0d8d5;
	margin: 0;
    padding:4px 0;
	padding-left:8px;

	font-size:14px;
	text-decoration:none;
}
.header a:hover{color:#fff;text-decoration:underline;}



#partners{ margin:0 auto; display:block; position:relative; text-align:center;}
#partners ul{list-style:none; }


#partners ul li{
	position: relative;
	display:block;
	float:left;
    width: 15.8%;
	margin: 0.4%;

	overflow:hidden;
	background:#fff;
	box-shadow:0px 4px 12px 0px #e7ecea;
	height:50px;
	border-radius:5px;
	

}

#partners img{
	padding:10px;
	width:100%;
	max-height:100px;
	vertical-align:middle;
		 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
#partners ul li:hover{
	
	box-shadow:0px 4px 12px 0px #ccc;
	
}
#partners ul li:hover img{padding:5px;}

.shadow {
    position:relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
}
.shadow:before,
.shadow:after {
    content:"";
    position:absolute;
    z-index:-1;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
    transform:rotate(-3deg);
}
.shadow:after {
    right:10px;
    left:auto;
    transform:rotate(3deg);
}




.books-line a img{width:90%;
opacity:0.8;
		-webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1);
		-moz-box-shadow:    1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1), 6px 6px 0px 0px rgba(255, 255, 255, 1), 7px 7px 0px 0px rgba(240,240,240,1);
		box-shadow:         1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1), 6px 6px 0px 0px rgba(255, 255, 255, 1), 7px 7px 0px 0px rgba(240,240,240,1);
		 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.books-line a:hover img{width:98%;opacity:1;}


.books-block div{max-height:200px;}

.books-block-img, .books-block-text{
	display:block; 
	position:relative;
	float:left;
	padding:10px;
}


.books-block-img a{cursor:pointer;}
.books-block-text{max-width:70%;}

.books-block-text h3{font-size:16px; line-height:1.3; margin-bottom:10px;}
.books-block-text h3 a{border:0; background:transparent;}
.books-block-text i{font-size:13px; line-height:1; padding:10px 0;}
.books-block-price{padding:10px 0;}


.books-block-text a{
	padding:3px;
	color:#003e39;
	border:1px solid #003e39;
	font-size:14px;
	border-radius:3px;
	text-decoration:none;
	cursor:pointer;
}

.books-block-text a:hover{
	color:#078029;
	border-color:#078029;
	background:#fff;
	
}

.books-block-img img{
	
max-height:170px;
	
opacity:0.8;
		-webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1);
		-moz-box-shadow:    1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1), 6px 6px 0px 0px rgba(255, 255, 255, 1), 7px 7px 0px 0px rgba(240,240,240,1);
		box-shadow:         1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1), 6px 6px 0px 0px rgba(255, 255, 255, 1), 7px 7px 0px 0px rgba(240,240,240,1);
		 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}
.books-block-img:hover img{opacity:1;}



.seria2plan ul{margin-top:20px;}
.seria2plan ul li{ width:90%; font-size:12px; line-height:1; margin-bottom:10px;}
.seria2plan p{width:80%; font-size:14px; line-height:1; }


#podpiska{ background:#fff; border:1px solid #5feb86; display:inline-block; border-radius:10px;}
#podpiska h2{color:#078029;padding:10px; font-size:26px; font-weight:500;}
#podpiska img{display:inline-block; position:relative; margin:10px; width:60%; 

		-webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1);
		-moz-box-shadow:    1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1), 6px 6px 0px 0px rgba(255, 255, 255, 1), 7px 7px 0px 0px rgba(240,240,240,1);
		box-shadow:         1px 1px 0px 0px rgba(255, 255, 255, 1), 2px 2px 0px 0px rgba(240,240,240,1), 3px 3px 0px 0px rgba(255, 255, 255, 1), 4px 4px 0px 0px rgba(240,240,240,1), 6px 6px 0px 0px rgba(255, 255, 255, 1), 7px 7px 0px 0px rgba(240,240,240,1);

}

#podpiska p{line-height:1; font-size:13px; padding:10px 0; color:#999;}


  @keyframes glowing {
      0% { border-color:red; box-shadow: 0 0 2px rgba(168, 12, 52, .3); }
      50% { border-color:#fff; box-shadow: 0 0 5px rgba(168, 12, 52, .5); }
      100% { border-color:red; box-shadow: 0 0 2px rgba(168, 12, 52, .3); }
      }


#podpiska_button a{ color:red; border-radius:5px; padding:3px 8px;  margin-top:10px; 
font-size:14px;

 animation: glowing 1300ms infinite;
cursor:pointer;
}

#podpiska_button a:hover{
	color:red;
	
	box-shadow: 0 0 5px rgba(168, 12, 52, .5);
}



@media all and (max-width: 720px)
{
	header{display:none;}
	#menu-left{display:none;}
	#header-fixed{display:none;}
	#window_content{padding:20px;}
	
	#header_mob{
		display:block;
		position:fixed;
		top:0;
		width:100%;
		background: rgb(0,63,55);
background: linear-gradient(0deg, rgba(0,63,55,1) 0%, rgba(39,145,56,1) 100%);
		margin:0;
		color:#fff;
		z-index:200;
		
	}
	#header_mob section{margin:0; padding:5px 20px;}
	#mob_menu_icon{
		display:inline-block;
		position:relative;
		float:right;
		color:#fff;
		font-size:34px;
		
	}
	#header_mob nav{
	display:none;
	position:relative;
	float:none;
	width:100%;
	padding:20px;
	}
	
	#header_mob nav b{
		display:block;
		margin-bottom:20px;
		font-size:12px;
	}
	
	#header_mob nav ul{
		display:block;
		list-style:none;
	}
	#header_mob nav ul li{  border-bottom:1px dotted #ccc;}
	#header_mob nav ul li:first-child{border-top:1px dotted #ccc;}
	#header_mob nav a{
		display:inline-block;
		position:relative;
		width:100%;
		color:#fff;
		text-decoration:none;
		font-size:18px;
		padding:5px;
	}
	
	#header_mob .logo{
		display:inline-block;
		position:relative;
		float:left;
		max-width:80%;}
	#header_mob .logo img{height:36px;}
	
	.slick-index{width:90%; margin-left:5%;}
	#news-index ul li{width:100%; float:none;}
	
	
	#news-index ul li{height:auto; margin-bottom:20px; }
	.news-index-head{height:auto;}
	.news-index-text{height:auto; }

	#partners ul li{width:46%; margin-left:2%;}
	footer{height:auto; background-size:cover; padding:10px 0;}
	.slick-index{display:none;}
	
	.text-block{
		margin-bottom:20px;

	}
	
	#name-mob{margin-top:30px; display:block; }
	#name-mob div{

	text-align:center;
	text-transform:uppercase;
	color:#003e39;
	font-size:18px;
	letter-spacing:1px;
	
	}
	
	.books-block div{display:block; position:relative; float:none; max-height: 400px;}
	.books-block-img, .books-block-text{width:100%;max-width:100%; }
	.books-block-img{text-align:center;}
	.books-block-text{border-bottom:1px solid gray;}
	
	
	

	.books-line a img{max-height:340px; width:auto;
	opacity:1;



	}

	.books-line div {text-align:center;}

	#seria2plan div,#seria2plan23 div{width:90%;padding-left:30px;}

	#podpiska_button a{margin-bottom:15px;}

}