html{font-family:'Arial';
color:#333333;}


@font-face {
  font-family: 'StagSans-Book';
  src: url('../fonts/StagSans-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/StagSans-Book.otf')  format('opentype'),
       url('../fonts/StagSans-Book.woff') format('woff'), url('../fonts/StagSans-Book.ttf')  format('truetype'), url('../fonts/StagSans-Book.svg#StagSans-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'StagSans-Light';
  src: url('../fonts/StagSans-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/StagSans-Light.otf')  format('opentype'),
	     url('../fonts/StagSans-Light.woff') format('woff'), url('../fonts/StagSans-Light.ttf')  format('truetype'), url('../fonts/StagSans-Light.svg#StagSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


[hidden] {
  display: none;
}

.ru,.kaz{cursor:pointer;}

.header{border-bottom:2px solid #ff3333;
padding:40px 0px 20px 0px;}

.header .wrapper{padding:0px 30px 0px 30px;}

#block_container
{
    text-align:center;
}
#bloc1, #bloc2
{
    display:inline;
}

.wrapper{width:768px;
margin:0px auto;
overflow:hidden;
box-sizing:border-box;}

.logo{float:left;}

.headerExtra{float:right;text-align:right;}

.headerHelper{
margin-top:20px;
}

.headerHelper img{

vertical-align:bottom}

.headerHelper>div:last-child{margin-top:12px;}

.public{
text-align:center;
font-size:34px;
color:#333333;
border-bottom:2px solid #ff3333;
padding:25px;
}
.tableclass{
	width:768px;
margin:0px auto;
overflow:hidden;
box-sizing:border-box;
}

.loading{
text-align:center;
font-size:18px;
padding:5px;
color:#333333;
}

.loading2{
	width:200px;
text-align:center;
font-size:14px;
padding:5px;
color:#333333;
}

.wrapper2{

margin:0px auto;
overflow:hidden;
box-sizing:border-box;}

.embed2{font-size:26px;
color:#ff3333;
font-weight:bold;
padding:10px 0px 20px 0px;
text-align:center;}


.book-row{padding:30px 0px 40px 0px;
font-size:13px;
font-weight:bold;
 }

 .book-row:nth-child(even){background:#e7e7e7}

.book-row .wrapper{padding:0px 15px 0px 15px;}

.book-row img{height:300px;}

.book-col{float:left;margin:0px 15px;width:216px;}

.book-col a>div{margin-top:15px;line-height: 22px;}

.book-col img{border:1px solid #cccccc}

.book-col a>div:last-child{
	color:#ff3333;
	margin-top:4px;

}

.footer{border-top:10px solid #ff3333;
padding:30px 0px 60px 0px;
color:#666666;
font-size:11px;
text-align:right;
}

.footer .wrapper{padding:0px 60px 0px 30px;}

.btn{background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ff0000 33%, #920000 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ff0000 33%,#920000 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ff0000 33%,#920000 100%);
width:140px;
height:30px;
border-radius:15px;
color:white;
display:inline-block;
text-align:center;
line-height:30px;
margin-top: 10px;
float:left}

.embed{font-size:26px;
color:#ff3333;
font-weight:bold;
padding:30px 0px 40px 0px;
text-align:center;}

embed{margin:15px auto 0px auto;}

.comments{text-align:center;
color:white;
font-weight:bold;
background:#ff3333;
line-height:26px;
font-size:26px;
padding:10px;}

.form{
padding:30px 0px 40px 0px;}

.form .wrapper{
margin:0px auto;
background:#6b6c6e;
font-size:18px;
color:white;
padding:30px;}

.form  input,.form textarea{
margin-top:5px;
width:100%;
margin-bottom:20px;
resize: none;
display:block;}


.submitForm:hover{color:#ff3333;cursor:pointer;}
.appendN,.appendM,.appendE{margin-left:20px;color:#ff3333;font-size:14px;float:right;}

a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

/* ------------------------------ marinaaaaaaaaaaaa ------------------------------ */

html{
    height: 100%;
} /*need for sticky footer!!!*/

body{
  display: flex;
  flex-direction: column;
  height: 100%;
} /*need for sticky footer!!!*/

/* .pageTitle {
  font-size: 30px;
  font-family: 'Arial';
  color:white;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,48,55,1) 58%, rgba(51,51,51,1) 58%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(58%, rgba(237,48,55,1)), color-stop(58%, rgba(51,51,51,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,48,55,1) 58%, rgba(51,51,51,1) 58%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,48,55,1) 58%, rgba(51,51,51,1) 58%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,48,55,1) 58%, rgba(51,51,51,1) 58%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(237,48,55,1) 58%, rgba(51,51,51,1) 58%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
  padding-top:12px;
  padding-bottom:12px;
}

.lside {
  display:block;
  float:left;
  width:56%;
  text-align:right;
  padding-right:2%;
}

.rside {
  display:block;
  float:left;
  width:40%;
  padding-left:2%;
} */ /*distribute effect....*/


.zeBtn {
  float: right;
  background-image: url(../newImg/okulik-Button.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 125px;
  padding: 10px;
  text-align: center;
  color: white;

}

.zeTitle {
  font-size: 30px;
  font-family: 'Arial';
  color:#333333;
  /* color:white; */
  text-align: center;
}

.pageTitle {
  clear:both;
  /* padding-top:20px;
  padding-bottom:30px; */
  padding-top: 12px;
  padding-bottom: 18px;
  border-bottom: 2px solid #ff3333;
  /* background-color:#333333; */
}

.mmCatalogues_header img,
.booklist img {
	width:100%;
	max-width:100%;
}

.mmCatalogues_header svg {
	width:100%;
	height:100%;
}

.mmCatalogues_header {
	width: 100%;
  border-bottom: 2px solid #ff3333;
  flex: 0 0 auto; /*need for sticky footer!!!*/
}

.mmCatalogues_logoNbanner img {
	max-width: 100%;
	max-height: 100%;
}

.mmCatalogues_logoNbanner {
	height: 100px;
	margin-left: auto;
	margin-right: auto;
  padding: 0;
  clear:both;
}

.mmCatalogues_logoNbanner span:first-child {
	float:left;
	padding-bottom:16px;
  margin-top: -15px;
}

.mmCatalogues_logoNbanner span:nth-child(2) {
	float: right;
}

.pageContents {
  padding-top:40px;
  text-align:middle;
}

.langIcons {
  text-align:right;
}

.langIcons>a {
  display:inline-block;
  width:40px;
  height:40px;
  padding: 10px 2px;
}

.booklist {
  display: block;
  margin:0 auto;
  text-align: center;
}

.imgBG {
  padding:2.4%;
  -webkit-box-shadow: 2px 1px 28px 4px rgba(0,0,0,0.13);
  -moz-box-shadow: 2px 1px 28px 4px rgba(0,0,0,0.13);
  box-shadow: 2px 1px 28px 4px rgba(0,0,0,0.13);
  display:inline-block;
  margin-bottom: 40px;
}

.bookImg,
.bookIinfo,
.viewFlip,
.downEPUB,
.downPDF {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:14px;
}

.bookIinfo,
.viewFlip,
.downEPUB,
.downPDF {
	width:80%;
}

.bookImg {
	width:55%;
}

.bookImg a {
  display:block;
  background-color:black;
  font-size: 0; /*removed extra space this way...*/
}

.bookImg a:hover img,
.bookImg a:active img {
  opacity:0.9;
}

.viewFlip,
.downEPUB,
.downPDF {
  font-size: 15px;
  font-weight: normal;
  color:white;
  font-family: 'Arial';
  text-align:center;
  font-weight: bold;
}

.viewFlip-btn {
  background-color:#6dcd96;
  display: block;
  padding: 5px 0;
}

.downPDF-btn {
  background-color:#fec428;
  display: block;
  padding: 5px 0;
}

.downEPUB-btn {
  background-color:#ff9d37;
  display: block;
  padding: 5px 0;
}

.viewFlip-btn:hover,
.viewFlip-btn:active {
  /* -webkit-box-shadow: inset -5px -5px 5px -2px rgba(94,168,125,1);
  -moz-box-shadow: inset -5px -5px 5px -2px rgba(94,168,125,1);
  box-shadow: inset -5px -5px 5px -2px rgba(94,168,125,1); */
  -webkit-box-shadow: inset 5px 5px 15px 5px rgba(94,168,125,0.55);
  -moz-box-shadow: inset 5px 5px 15px 5px rgba(94,168,125,0.55);
  box-shadow: inset 5px 5px 15px 5px rgba(94,168,125,0.55);
  color:#51906b;
  font-weight: normal;
}

.downPDF-btn:hover,
.downPDF-btn:active {
  /* -webkit-box-shadow: inset -5px -5px 5px -2px rgba(224,171,38,1);
  -moz-box-shadow: inset -5px -5px 5px -2px rgba(224,171,38,1);
  box-shadow: inset -5px -5px 5px -2px rgba(224,171,38,1); */
  -webkit-box-shadow: inset 5px 5px 15px 5px rgba(209,165,52,0.55);
  -moz-box-shadow: inset 5px 5px 15px 5px rgba(209,165,52,0.55);
  box-shadow: inset 5px 5px 15px 5px rgba(209,165,52,0.55);
  color:#b78b15;
  font-weight: normal;
}

.downEPUB-btn:hover,
.downEPUB-btn:active {
  /* -webkit-box-shadow: inset -5px -5px 5px -2px rgba(224,171,38,1);
  -moz-box-shadow: inset -5px -5px 5px -2px rgba(224,171,38,1);
  box-shadow: inset -5px -5px 5px -2px rgba(224,171,38,1); */
  -webkit-box-shadow: inset 5px 5px 15px 5px rgba(209,110,52,0.55);
  -moz-box-shadow: inset 5px 5px 15px 5px rgba(209,110,52,0.55);
  box-shadow: inset 5px 5px 15px 5px rgba(209,110,52,0.55);
  color:#bf6110;
  font-weight: normal;
}

.bookIinfo {
  font-size: 13px;
  font-weight: bold;
  color:#333333;
  line-height: 22px;
  font-family: 'Arial';
}

.bookIinfo div:last-child {
  color: #ff3333;
  margin-top: 4px;
  line-height: 22px;
  font-family: 'Arial';
}

.zeFooter {
  font-family: 'StagSans-Light';
  width:100%;
  background: #ff3333;
  font-size: 17px;
  color:white;
  text-align:center;
  margin-top: 20px;
  line-height: 70px;
  flex: 0 0 auto; /*need for sticky footer!!!*/
}

.bookTxt {
  font-family: 'StagSans-Book';
}

.smallerTxt,
#copyYear {
  font-size: 13px;
}

.pageContents {
  flex: 1 0 auto; /*need for sticky footer!!!*/
}

.epub-prompt {
  color:#a7a7a7; /* #bbbbbb */
  font-size:12px;
  font-style:italic;
  margin-bottom: 25px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.maxCharMsg {
  float: right;
  margin-top: -17px;
  margin-right: -7px;
  color: #b9b9b9;
  font-size: 15px;
}


/* ------------------------------ MEDIA QUERIES ------------------------------ */

@media screen and (max-width: 390px) {
  .langIcons>a {
    width:30px!important;
    height:30px!important;
    padding: 5px 2px 25px 2px!important;
  }
  .zeBtn {
    /* width: 80px;
    padding: 5px; */
    font-size: 11px;
    width: 71px;
    padding: 4px;
  }
  .mmCatalogues_header {
    height: 100px!important;
    padding-top:15px;
	}
}

/* @media screen and (max-width: 479px) { */
@media screen and (max-width: 575px) {
  .mmCatalogues_logoNbanner {
		width: 190px!important;
	}
  .imgBG {
    /* width: 67%!important; */
    /* margin-left: 15%!important; */
    /* margin-right: 15%!important; */
	width: 75%!important;
    margin-left: 12%!important;
    margin-right: 12%!important;
  }
}

@media (max-width: 991px) {
	.mmCatalogues_logoNbanner {
		margin-left: 6%;
    width: 250px;
		padding: 0;
		border-bottom:none;
    margin-top: -70px;
    float: left;
	}
  .mmCatalogues_header {
    height: 140px;
  }

	.mmCatalogues_logoNbanner span:first-child {
		padding-bottom: 3px;
	}
	.mmCatalogues_logoNbanner img:first-child {
		max-width: 100.5%;
		max-height: 100.5%;
	}
	.mmCatalogues_logoNbanner img:last-child {
		max-width: 97%;
		max-height: 97%;
	}
  .pageContents,
  .langIcons,
  .titleContents {
		width: 88%;
    margin: 0 auto;
	}
  .booklist {
    width: 100%;
  }
  .imgBG {
    /* width: 38%;
    margin-left: 3.3%;
    margin-right: 3.3%; */
    /* width: 30%; */
    /* margin-left: 4%; */
    /* margin-right: 4%; */
	width: 38%;
    margin-left: 3%;
    margin-right: 3%;
  }
}

@media (min-width: 992px) {
	.mmCatalogues_logoNbanner,
  .pageContents,
  .langIcons,
  .titleContents {
		width: 78.5%;
    margin: 0 auto;
	}
  .mmCatalogues_logoNbanner span:nth-child(2) {
    margin-top: 52px;
  }
  .booklist {
    width: 100%;
  }
  .imgBG {
    /* width: 34.9%;
    margin-left: 5%;
    margin-right: 5%; */
    width: 24%;
    margin-left: 2%;
    margin-right: 2%;
  }
}

@media (min-width: 1200px) {
	.mmCatalogues_logoNbanner,
  .pageContents,
  .langIcons,
  .titleContents {
		width: 1150px;
    margin: 0 auto;
	}
  .imgBG {
    /* width: 30.9%;
    margin-left: 7%;
    margin-right: 7%; */
    width: 21%;
    margin-left: 3%;
    margin-right: 3%;
  }
  /* .booklist {
    width: 86%;
  } */
}