@font-face {
	font-family: 'Arial AMU';
	src: url('/webroot/fonts/Arial-AMU.eot');
	src: local('☺'), url('/webroot/fonts/Arial-AMU.woff') format('woff'), url('/webroot/fonts/Arial-AMU.ttf') format('truetype'), url('/webroot/fonts/Arial-AMU.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	counter-reset: section;
	box-sizing: border-box;
	margin: 0 !important;
	font-family: 'Arial AMU' !important;	
	background: #f4f4f4;
	/*background: url(/webroot/img/placeholders/Slider2.jpg) no-repeat 0 0;*/
	background-size: 100%;
	margin:0;
	padding:0;
	/*position: relative;  */
}  

ul{  
	margin: 0 !important;
	padding: 0 !important;
}
p{
	padding: 0;  
	margin: 0;  
}

li{
	list-style: none; 
}
a {
	text-decoration: none !important;
	cursor: pointer;
	color:#666;
} 
section{  
	margin-bottom: 45px !important;
}

/*///////////////////////*/
.wrapper{
	/*margin-top: -500px;
	padding-bottom: 500px;*/

}
.wrap{
	width: 1000px;  
	margin: auto;
} 
.title{
	color: #007729;
	text-transform: uppercase;
	font-size: 23px;
	/*font-family: Mardoto Black;*/
	letter-spacing: 3px;
	margin-bottom: 40px;
	text-align: center;
}
.copyr{
	background-color:#006c24;
	color:#fff;
	padding:8px 15px;
	box-sizing:border-box;
}
/*slider*/
header{
	padding: 15px 0;
}
.slider{
	position: relative;
	background: url(/webroot/img/placeholders/slider.png) no-repeat 0 0;
	width: 100%;
	min-height: 776px;	
}
.site-links{
	position: fixed;
    top: 70%;
    right: 0;
    z-index: 2;
}
.site-links li {
	margin-bottom: 10px;
}
.site-links li:last-child {
	margin-bottom: 0;
}
.site-links a {
	display: block;
	width: 60px;
	height: 60px;
}
a.facebook{
	background: url(/webroot/img/icons/facebook.png) no-repeat center;	
}
a.instagram{
	background: url(/webroot/img/icons/instagram.png) no-repeat center;	
}
a.twitter{
	background: url(/webroot/img/icons/twitter.png) no-repeat center;	
}
/*a.send{
	background: url(/webroot/img/icons/send.png) no-repeat center;	
}*/
a.webmaster{ 
display: block;
color:#5BA646;
text-transform: uppercase;
font-size: 9px;
}
/*//////////////////////////////////
menu*/
.main-menu{
	width: 830px;
	display: flex;
	justify-content: space-around;
	position: absolute;
	top: 28px;
	left: 53%;
}
.main-menu a{
	color: #006222;
	font-size: 18px;
	letter-spacing: 2px;
	border-bottom: 1px solid transparent;
	padding-bottom: 17px;
	transition: 0.5s;
}
.main-menu a:hover{
	border-bottom: 1px solid #024419;
	color: #024419;
}
.main-menu a.active{
	border-bottom: 1px solid #024419;
	color: #024419;
}

.main-menu input{
	background: none;
	border: none;
	outline: none;
	border-bottom: 1px solid #006222;
	margin-top: -20px;
	display: block;
	margin-left: 36px;
	width: 300px;
}
.main-menu  i{
	margin-top: -4px;
	display: block;
}
.menu-small{
	display: none;
}
.menu-small a{
	display: block;
	background: url(/webroot/img/icons/bars.png) no-repeat center;
	background-size: 100%;
	width: 60px;
	height: 60px;
	
}

/*slog*/
.slog{
	text-align: center;
	width: 458px;
	position: absolute;
	top: 264px;
	left: 22%;
}
.slog p{
	font-size: 24px;
	font-weight: bold;
    line-height: 30px;
    color: #007729;
    text-transform: uppercase;
    /* font-family: Mardoto Black; */
    letter-spacing: 4px;
    margin-top: 50px;
}
.slog p img{
	width:100%;
	max-width:320px;
}
.slog span{
	display: block;
	color: #fcaf1b;
	/*font-family: Mardoto Medium;*/
	font-size: 18px;
	letter-spacing: 2px;
	margin-bottom: 5px;  
}
.logo{
	display: block;
}
.logo img{
	width: 270px;
}


/*about*/
.about{
	width: 740px;
	margin: auto;
}
.about p{
	font-size: 15px;
	line-height: 21px;
	color: #74747d;
	/*font-family: Mardoto Medium;*/
	letter-spacing: 2px;
	text-align: center;
}

/*numbers/*/
.numbers{
	background: url(/webroot/img/placeholders/Pic2.png) no-repeat 0 0;
	width: 100%;
	min-height: 541px;
}
.num-block{
	display: flex;
	justify-content: space-between;
	width: 40%;
    padding-top: 220px;
}
.num-block div{
	text-align:center;
}
.num-block div:first-child{
	display: none;
}
.num-block i{
	display: block;
	width: 110px;
	height: 100px;
	margin: auto;
	/*margin-bottom: 15px;*/
}
.num-block .check{
	background: url(/webroot/img/icons/check.png) no-repeat center;
}
.num-block .book{
	background: url(/webroot/img/icons/book.png) no-repeat center;
}
.num-block .happy{
	background: url(/webroot/img/icons/Happy.png) no-repeat center;
}
.num-block span{
	display: block;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 3px;
	color: #74747d;
	/*font-family: Mardoto Black;*/
	margin:0 auto;
	word-break: break-all;
}
.num-block span.bold{
	font-size: 32px;	
}
.num-block img{
	max-width:100%;	
}
/*carusel*/
.books{
margin-bottom: 100px !important;
}
.carusel-books h3,h4{
color: #74747d;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0;
margin-bottom: 2px;
}
.carusel-books p{
color: #74747d;
/*font-family: Mardoto Light;*/
letter-spacing: 0;
}
.carusel-books img{
width: 100%;
margin-bottom: 20px;
}
/*small*/
.small-book {
background: white;
height: 300px;
margin-top:50px;
text-align: center;
width: 100%;
padding: 25px 25px 25px 25px;
box-sizing:border-box;
box-shadow: 3px -3px 20px 0px rgba(165, 166, 168, 0.55);
}
.small-book h3{
font-size: 9px;
}
.small-book h4{
font-size: 8px;
margin-bottom: 8px;
}
.small-book p{
font-size: 9px;
height:80px;
overflow:hidden;
}
.small-book img{
opacity:0.5;
}
/*middle*/
.middle-book {
background: white;
height: 340px;
margin-top:30px;
text-align: center;
width: 100%;
padding: 20px 20px 20px 20px;
box-sizing:border-box;
box-shadow: 3px -3px 20px 0px rgba(165, 166, 168, 0.55);
}
.middle-book h3{
font-size: 11px;
}
.middle-book h4{
font-size: 9px;
margin-bottom: 10px;
}
.middle-book p{
font-size: 11px;
height:110px;
overflow:hidden;
}
.middle-book img{
opacity:0.7;
}
/*big*/
.big-book {
background: white;
text-align: center;
height: 400px;
padding: 10px 10px 10px 10px;
box-sizing:border-box;
box-shadow: 3px -3px 20px 0px rgba(165, 166, 168, 0.55);
}
.big-book h3{
font-size: 13px;
}
.big-book h4{
font-size: 10px;
margin-bottom: 15px;
}
.big-book p{
font-size: 13px;
height:160px;
overflow:hidden;
}
.big-book img{
opacity:1;
transition: opacity .3s;
}
/*news*/
.news{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	margin-top: 50px;
}
.cell{
	
}
.cell img{
width:100%;
}
.cell_title{
color:#555;
padding:8px 0;
}
/*comment  */
.reviewes{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin-top: 50px;
}
.user{
	width: 85px;
	height: 85px;
	border-radius: 50%;
	border: 4px solid white;
	position: absolute;
	top:-50px;
}

.user img{
	width: 100%;
	border-radius: 50%;
}
.comment{
	background: white;
	padding: 20px;
	margin-top:50px;
	position: relative;
}
.comment h3{
	margin-top: 40px;
}
.comment h3,p{
	color: #74747d;
	font-size: 16px;
	letter-spacing: 2px;
}
.comment p{
	display:block;
	overflow-y:scroll;
	letter-spacing: 1px;
	/*font-family: Mardoto Light;*/
	margin-bottom: 20px;
	height:80px;
	font-size: 13px;
	line-height: 21px;
}
.comment .stars{
	position:relative;
	display: flex;
	justify-content: center;
}
.comment span{
	display: block;
	background: url(/webroot/img/icons/star-gray.png) no-repeat center;
	width: 20px;
	height: 20px;
}
span.checked{
	background: url(/webroot/img/icons/star.png) no-repeat center;
}
footer{
	background: url(/webroot/img/placeholders/Footer-Pic.png) no-repeat center;
	width: 100%;
	min-height: 600px;
}  
div.green span{  
	display: block;
	font-size: 14px;
	color: white;
	/*font-family: Mardoto Light;*/
}
div.green{
	background: #006c24;
	padding: 5px;
	/*position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;*/
}
/*////////////////////////////////////////////*/
/*about_page*/
.all-pages.slider{
	min-height: inherit;
}
.all-pages .slog{
	position: static;
}
.all-pages .main-menu{
	right: 1%;
	left: inherit;
	top: 60px;
}
.all-pages header{
	box-shadow: 1px 1px 20px 7px #73737338;
	background: white;
	margin-bottom: 110px;
}
.all-pages .site-links {
	position: fixed;
	/*top: 38%;*/
	right: 1%;
	left: inherit;
}

img.opened, img.closed{
	width: 50px;
	transition: 0.8s;
	padding: 20px 0;
	margin:0 auto;
	display:block;
}

img.opened:hover{
	transform: rotate(-180deg);
}
img.closed{
	transform: rotate(180deg);
}
img.closed:hover{
	transform: rotate(0);
}
.about_us_page p{
	/*font-family: Mardoto;*/
}
/*//////////////////////////////*/
.contact-page-block{
	display: flex;
	justify-content: space-around;
	margin: 50px 0;
}
.contact-page-block > div{
	border-right: 1px solid #f37920;
	padding: 0 20px;
}
.contact-page-block p{
	font-size: 13px;
	text-align:center;
}
.contact-page .title{
	margin-bottom: 70px;
}
img.cc {
	width:30px;
	margin:auto;
	margin-bottom:20px;
	display:block;
}
.books-page .title{
	margin-bottom: 70px;
}
.orange-line{
	margin: 70px 0;
	background: #f37920;
	height: 1px;
	width: 100%;
}
.books-page .content{
	/*max-height:145px;*/
	overflow:hidden;
	/*padding-bottom: 20px;*/
	z-index:5;
	transition: 0.8s;
}
.books-page a.more{
	display: block;
	font-size: 13px;
	padding: 10px;
	background: #f37920;
	border-radius: 4px;
	color: white;
	width: 50%;
	margin: auto;
	transition: 0.8s;
	text-transform: uppercase;
	/*font-family: Mardoto;*/
	position:relative;
	z-index:8;
	margin-top: 15px;
}
.books-page a.more:hover{
	background: #666666;
}
/*///////////////////////////////////*/

.books-page{
width: 80%;
}
.catalog-books{
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
padding: 20px 0;
}
.books-page .catalog-books .big-book{
height: auto;
transition: 0.8s;
}
.catalog-books li{
background: white;
//padding: 30px 30px 60px 30px;
padding: 10%;
text-align: center;
box-shadow: 3px -3px 20px 0px rgba(165, 166, 168, 0.55);
}
.books-page .catalog-books .book-block img{
width: 100%;
margin: 0;
margin-bottom: 15px;
transition: 0.7s;
}
.catalog-books li h3,h4{
color: #74747d;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0;
margin-bottom: 2px;
}
.catalog-books li p{
color: #74747d;
/*font-family: Mardoto Light;*/
letter-spacing: 0;
}
.catalog-books li  img{
width: 100%;
margin-bottom: 20px;
}
.catalog-books li.big-book{
min-height: 290px;
}
.catalog-books li.big-book h3{
font-size: 13px;
}
.catalog-books li.big-book h4{
font-size: 10px;
margin-bottom: 15px;
}
.catalog-books li.big-book p{
font-size: 13px;
}
.books-page .catalog-books .big-book:hover img{
margin-top: 20%;
opacity: 0;
}
.books-page .catalog-books .big-book:hover div.content{
margin-top: -50%;
transition: 0.8s;
}
div.content p{
	line-height: 20px;
	margin-bottom: 15px;
}
/*////////////////////////////////////////////*/
#zoomiocontainer{
position: absolute;
z-index: 87;
overflow: hidden;
background: white;
visibility: visible;
}
#zoomiocontainer img{
width: auto !important;
height: auto !important;
position: absolute !important;
display: block !important;
}
#zoomiocontainer.mobileclass{
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
#zoomioloadingdiv{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
visibility: hidden;
overflow: hidden;
display: flex;
pointer-events: none;
z-index: 10000;
background: white;
}
#zoomioloadingdiv .spinner {
width: 40px;
height: 40px;
margin: 100px auto;
background-color: #333;
border-radius: 100%;  
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
.gallerycontainer{
width: 100%;
min-width: 250px;
text-align:center;
float:left;
margin-right:18px;
}
.gallery-target{
width: 99%;
height: auto;
margin:0 auto;
}
.gallery-thumbs{
text-align: center;
width:100%;
}
.tpic{
width: 24%;
margin:0.5%;
padding:0;
float:left;
border:1px solid #ccc;
box-sizing:border-box;
}
.tpic img{
display:block;
margin:0;
padding:0;
}
.gallery-thumbs img{
width:100%;
height: auto;
padding:0;
margin:0;
cursor: pointer;
}
.slctd{
border:1px solid #000;
}
.pr-books{
width:70%;
margin:0 auto;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:50px;
}
.leftc{
//background:red;
}
.rightc{
//background:green;
}
.back{
text-align:center;
margin-bottom:50px;
}
.back a{
color:#f37920;
}

.rightc h3{
margin-bottom: 10px;
color: #666666;
letter-spacing: 2px;
}
.rightc h4{
color: #666666;
letter-spacing: 1px;
margin-bottom: 20px;
font-size: 15px;
}
.rightc p.main{
font-size: 19px;
color: #f37920;
margin-top: 10px;
letter-spacing: 2px;
}
.rightc p.last{
border-top: 1px solid red;
border-top: 1px solid #f37920;
padding-top: 15px;
margin-top: 15px;
}
.rightc p{
font-size: 13px;
font-family: Mardoto;
letter-spacing: 1px;
}
.rightc p span{
margin-left: 20px;
color: #666666;
font-weight: bold;
}
.rightc{
text-align: left;
}

footer.page-footer{
background: none;
min-height: 200px;
}

/*/////////////////////////menu*/
#search{
	display:flex;
	margin-left:15px;
	margin-top:5px;
}
#ms-menu input{
	background: none;
	border: none;
	outline: none;
	border-bottom: 1px solid #006222;
	margin-top: 0px;
	display: block;
	margin-left: 15px;
	width: 100%;
}
#ms-menu  i{
	display: block;
	cursor:pointer;
}
.search_button{
	width:21px;
	height:21px;
	background: url(/webroot/img/icons/Search.png) no-repeat center;
}
.container{
width:100%;
color:#000;
min-height:300px;
}
.container p{
line-height: 1.5;
}
.blanc{
width:100%;
height:130px;
background:black;
}
.nothing{
margin:0 auto;
margin-top:50px;
width:280px;
padding:1% 2%;
border:1px solid #ddd;
font-weight:bold;
text-align:center;
color:#ccc;
text-shadow:1px 1px 1px #fff;
}
.load_more_gallery, .load_more_info{
background-color:#f8f8f8;
text-align:center;
margin:0 auto;
border:1px solid #325878;
padding:8px 15px;
display:block;
width:200px;
}
.load_more_gallery:hover, .load_more_info:hover{
background-color:#ededed;
}
.animation_image_gallery, .animation_image_info{
text-align:center;
}
ul.paging{
padding:10px 0 10px 0;
text-align:center;
margin:18px 0;
}
ul.paging li{
display:inline;
list-style:none;
font-size:15px;
cursor:pointer;
}
ul.paging li a{
background-color:#f37920;
padding:10px 14px;
border-radius:50%;
margin:2px;	
color:#fff;
text-decoration:none;
}
ul.paging li a:hover{
background-color:#fff;
color:#f37920;
}
ul.paging li.current{
background-color:#E99210;
padding:10px 14px;
border-radius:50%;
cursor: default;
margin:2px;	
color:#fff;
}
.fcont {
width:100%;
//background:pink;
}
.fcont h3{
color:#325878;
font-weight:normal;
}
.fcol {
float: left;
width: 48%;
min-height:75px;
margin-top:0.2%;
color:#325878;
}
.fcol img{
margin:0;
}
.fcol:first-child {
margin-right:4%;	
}
.frow:after {
content: "";
display: table;
clear: both;
}

.w30{
width:30%;
min-width:200px;
}
.w50{
width:50%;
min-width:250px;
}
.w70{
width:70%;
min-width:250px;
margin:0 auto;
}
.w80{
width:80%;
min-width:250px;
margin:0 auto;
}
.w90{
width:90%;
max-width:1100px;
margin:0 auto;
}
.w95{
width:95%;
min-width:250px;
margin:0 auto;
}
.w98{
width:98%;
min-width:250px;
margin:0 auto;
}
.w100{
width:100%;
min-width:250px;
}
.e{
color:red;
line-height:40px;
}
.s{
color:green;
line-height:40px;
}
.partners img{
width:100%;
height:auto;
}
.MultiFile-label{
padding:18px;
//background-color:#fdfdfd;
margin:8px 0;
}
input[type="file"] {
position:relative;
width: 75%;
padding: 18px;
margin: 8px 0;
opacity: 0;
box-sizing:border-box;
}
#attachmentFile:before{
position:absolute;
width:740px;
content:url(/webroot/img/upload.svg);
//background: #fdfdfd;
border:1px solid #e99210;
display:inline-block;
height:60px;
padding:18px;
cursor: pointer;
color: #000;
box-sizing:border-box;
}
.form_title{
font-size: 15px;
width:100%;
padding:12px;
text-align:center;
box-sizing:border-box;
margin-bottom:20px;
color:#888;
border:1px solid #E99210;
}
.form_title:hover{
background: #E99210;
color: white;
}
label{
margin-bottom: 8px;
font-size: 14px;
color: #666;
float: left;
font-weight: 300;
}
.fstyle{
-webkit-transition: border 0.30s ease-in-out; */
-moz-transition: border 0.30s ease-in-out;
-ms-transition: border 0.30s ease-in-out;
-o-transition: border 0.30s ease-in-out;
outline: none;
box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
width: 100%;
background: none;
margin-bottom: 10px;
border: 1px solid #e99210;
padding: 10px;
color: #555;
float: left;
font-size: 15px;
}
.fstyle:focus
{
border: 1px solid #E99210;
}
.msButton {
background-color:#E99210;
border:none;
border-radius:20px;
display:inline-block;
cursor:pointer;
color:#fff;
font-size:16px;
padding:12px 20px;
text-decoration:none;
float:left;
width: 100%;
}
.msButton:hover {
top:1px;
background:#D7870F;
}
.captcha{
display:inline-block;
}
.mcenter{
margin:0 auto;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

.fadeInDown p{
font-family: "Mardoto" !important;
color: #404040;
line-height: 25px;
}
.slider-image img{
	display: none;
}
.slider{
	background-size: 100%;
}

@media (max-width: 1600px){
	.slog{
		left: 19%;
	}
}
@media (max-width: 1310px){
	.all-pages .slog{
		width: 230px;
	}
	.slog{
		left: 16%;
	}
}
@media (max-width: 1024px){
	.slog{
		left: 12%;
    	top: 25%;
	}
}
@media (max-width: 1000px){
	.wrap{
		width: 90%;
		margin: auto;
	}
	/*section,footer{
		zoom: 88%;
	}*/
	.num-block{
		width: 70%;
	}
	#attachmentFile:before{
		width: 90%;
	}
}
@media (max-width: 800px){
	.slider{
	min-height: 500px;
	margin-bottom: 10px !important;
	}
	section{
	margin-bottom: 100px !important;
	}
	.all-pages .slog{
	padding-top: 0;
	}
	.pr-books{
	width:90%;
	grid-template-columns: repeat(1, 1fr);
	grid-gap:0;
	}
	.slog{
	position: static;
	width: 90%;
	top: 318px;
	padding-top: 330px;
	margin: auto;
	}
	.logo img {
	width: 150px;
	}
	.copyr div{
	float:none;
	width:100%;
	text-align:center;
	}	
	.copyr div:first-child{
	margin-bottom:10px;
	}
}
@media (max-width: 650px){
	section{
	margin-bottom: 50px !important;
	}
	.title{
	margin-bottom: 50px;
	}
	.about .title{
	display: none;
	}
	.about p {
	font-size: 14px;
	line-height: 32px;
	padding-top: 0;
	letter-spacing: 1px;
	width: 100%;
	margin: auto;
	}
	.numbers{
	width: 100%;
	min-height: 540px;
	background-position: -940px 0;
	margin-bottom: 130px !important;
	}
	.books{
	margin-bottom: 80px !important;
	}
	.num-block{
	padding-top: 250px;
	}
	.num-block i{
	margin-bottom: 0;
	background-position: 9px 0 !important;
	}
	footer{
	min-height: 174px;
	background-size: 175%;
	}
	div.green span{
	font-size: 11px;
	/*text-align: center;*/
	margin: 0;
	}
	.contact-page-block{
	flex-direction: column;
	}
	.contact-page-block > div{
	margin-bottom: 40px;
	border-bottom: 1px solid #f37920;
	border-right: none;
	padding-bottom: 20px;
	}
	.contact-page-block > div:last-child{
	margin-bottom: 0;
	}
	.pagination{
	width: 250px;
	}
	.catalog-books{
	grid-gap: 15px;
	grid-template-columns: repeat(2, 1fr);
	}
	.search_button{
	background: url(/webroot/img/icons/searchw.png) no-repeat center;
	}
	.orange-line{
	display: none;
	}
	.news{
	grid-template-columns: repeat(1, 1fr);
	}
	a.facebook, a.instagram, a.send{
	background-size: 70%;
	}
	.slider{
	background-size: 260%;
	}
}
@media (max-width: 450px){
	.small-book,.middle-book,.big-book  {
	height: auto;
	box-shadow:none;
	}
	.numbers .num-block{
	flex-direction:inherit;	
	}
	.num-block{
	flex-direction:column;	
	padding-top: 268px;
	}
	.num-block span{
	width: 100px;
	font-size: 13px;
	}
	.num-block img{
	max-width: 77%;
	}
	.slider-image img{
	max-width:253px;
	}
	.catalog-books{
	grid-template-columns: repeat(1, 1fr);
	}
	.num-block span.timer{
	font-size: 23px !important;
	margin-bottom: 15px;
	}
	.site-links{
	top: 130px;
	} 
	.numbers {
	background-position: -1246px 0;
	}
	.slider {
	background-size: 333%;
	}
}
@media (max-width: 320px){
	.num-block{
		width: 80%;
	}
}