/* font-family: 'Marck Script', cursive;

   font-family: 'Roboto Slab', serif;   */



.no-padding {

	padding: 0 !important;

}



.container-part1 {

	background: url('../images/header.jpg');

	height: 374px;

	background-size: cover;

}



.main-menu ul {

    background: rgba(76, 85, 94, .5);

    position: absolute;

    top: 30px;

    width: 100%;

    padding-right: 30px;

    right: 0;

    display: -webkit-box;  

    display: -moz-box; 

    display: -ms-flexbox; 

    display: -webkit-flex; 

    display: flex;  

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}





.main-menu ul li {

	display: -webkit-box;  

    display: -moz-box; 

    display: -ms-flexbox; 

    display: -webkit-flex; 

	display: flex;

	align-items: center;

}



.main-menu ul li a {

	color: #fff;

	font-family: 'Roboto Slab', serif;

	font-size: 26px;

	padding: 0 10px;

	text-shadow: 0px 0px 20px #0e3a53;

}



.main-menu ul li {

	position: relative;

	z-index: 1000;

}



.main-menu ul li a:hover {

	color: #0e3a53;

	z-index: 1000;

	position: relative;

	text-shadow: none;

	text-decoration: none;

	-webkit-transition: .9s ease;

	-o-transition: .9s ease;

	transition: .9s ease;

}



.main-menu ul li a:hover:before {

	background: #fff;

	height: 60px;

	content: '';

	position: absolute;

	width: 100%;

	top: -10px;

	right: 0;

	z-index: -1;

	border: 2px dashed;

}



.main-menu ul li:not(:last-child):after {

	content: '|';

	color: #c0ab8c;

}



.logo {

	position: relative;

}



.logo span {

	position: absolute;

    top: 20px;

    left: 360px;

    font-size: 20px;

    display: block;

    font-family: 'Marck Script', cursive;

    color: #f0ede5;

}



.logo h1 {

	font-size: 50px;

    margin: 5px 0;

    position: absolute;

    top: 20px;

    left: 140px;

}



.logo h1 a {

	color: #f0ede5;

	text-shadow: 1px 1px 0px #999, 

 2px 2px 0px #999,

 3px 3px 0px #999,

 4px 4px 0px #999,

 5px 5px 0px #999; 

}



.logo h1 a:hover {

	text-decoration: none;

}



.logo-menu {

	display: -webkit-box;  

    display: -moz-box; 

    display: -ms-flexbox; 

    display: -webkit-flex; 

	display: flex;

	align-items: center;

    justify-content: center;

    margin-top: 100px;

    margin-left: 60px;

}



.logo-menu li {

	display: -webkit-box;  

    display: -moz-box; 

    display: -ms-flexbox; 

    display: -webkit-flex; 

	display: flex;

	align-items: center;

}



.logo-menu li a {

	color: #f0ede5;

	font-family: Helvetica, serif;

	font-size: 20px;

	padding: 0 10px;

}



.logo-menu li:not(:last-child):after {

	content: '|';

	color: #f0ede5;

}



.container-part2 {

	background: #f6f4f0;

}



.aside-column {

	position: relative;

}



.about-book {

	position: absolute;

    top: -200px;

    background: url(../images/book.png) no-repeat;

    height: 500px;

    width: 100%;

}



.about-book-img {

	width: 40%;

    float: left;

}



.about-book-info {

	width: 60%;

    float: left;

    padding: 40px 70px 40px 30px;

}



#about-book-info {

	display:none;

}



#about-book-info .new {

	opacity: 0;

}



#about-book-info .div_opacity{

  -webkit-transition: opacity .1s ease-in-out;

  -moz-transition: opacity .1s ease-in-out;

  -ms-transition: opacity .1s ease-in-out;

  -o-transition: opacity .1s ease-in-out;

  transition: opacity .1s ease-in-out;

  opacity: 1;

}



.about-book-txt {

	color: #000;

	/*font-family: Helvetica, serif;*/

	font-family: 'Marck Script', cursive;

	font-size: 14px;

	display: block;

	line-height: 17px;

}



.about-book-link {

	font-family: 'Marck Script', cursive;

	color: #161b5a;

	font-size: 18px;

	line-height: 20px;

    text-align: right;

    padding: 10px;

    display: block;

	transform: rotate(-7deg);

	-moz-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	-ms-transform: rotate(-7deg);

	

}



.social {

	list-style-type: none;

	display: block;

	height: 30px;

    position: absolute;

    bottom: 0;

    left: 15px;

}



.social li {

	float: left;

	padding-right: 10px;

}



.social li a img {

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}





.social li a img:hover {



	-webkit-filter: invert(100%); 

}



.content-about-title {

	margin: 15px 0 0;

}



.content-about-title a {

	color: #0e3a53;

	font-family: 'Roboto Slab', serif;

	font-size: 30px;

}



.content-about-prev {

	color: #4c555e;

	font-family: Helvetica, serif;

	font-size: 15px;

	text-align: justify;

	line-height: 16px;

}



.content-about-btn {

	color: #c0ab8c;

    font-family: Helvetica, serif;

    font-size: 15px;

    border: 2px solid #c0ab8c;

    text-align: right;

    display: block;

    float: right;

    margin-bottom: 30px;

    text-transform: lowercase;

    background: transparent;

    cursor: pointer;

}	



.content-about-btn:hover {

	border: 2px solid #0e3a53;

	color: #0e3a53;

}



.content-photo {

	width: 260px;

	margin-top: 30px;

	margin-left: 20px;

}



.photo-item {

	width: 130px;

	height: 130px;

	float: left;

	background: #c0ab8c;

	position: relative;

}



.photo-item:first-child,

.photo-item:nth-child(2),

.photo-item:nth-child(3) {

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}





.photo-item:first-child:hover {

	-webkit-transform: rotate(-10deg);

	-moz-transform: rotate(-10deg);

	-o-transform: rotate(-10deg);

	-ms-transform: rotate(-10deg);

	transform: rotate(-10deg);

}





.photo-item:nth-child(2):hover {

	-webkit-transform: rotate(10deg);

	-moz-transform: rotate(10deg);

	-o-transform: rotate(10deg);

	-ms-transform: rotate(10deg);

	transform: rotate(10deg);

}





.photo-item:nth-child(3):hover {

	-webkit-transform: rotate(-10deg);

	-moz-transform: rotate(-10deg);

	-o-transform: rotate(-10deg);

	-ms-transform: rotate(-10deg);

	transform: rotate(-10deg);

}



.photo-item img {

	width: 100%;

	height: auto;

	-webkit-filter: brightness(85%);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	-ms-transition: all 1s ease;

	transition: all 1s ease;

}



.photo-item img:hover {

	-webkit-filter: brightness(125%);

}







.photo-item span a {

	color: #4c555e;

    font-family: 'Roboto Slab', serif;

    font-size: 20px;

    text-align: center;

    line-height: 20px;

    display: block;

    transform: translate(-50px, -50%);

    -moz-transform: translate(-50px, -50%);

    -webkit-transform: translate(-50px, -50%);

    left: 60%;

    top: 50%;

    position: absolute;

}



.photo-item span a:hover {

	text-decoration: none;

	color: #0e3a53;

}



.container-part3 {

	background: #e3dfd7;

}



.owl-item {

	padding-top: 10px;

}



.news-wrapper {

	padding: 20px 75px;

}



.news-title a {

	color: #4c555e;

	font-family: 'Roboto Slab', serif;

	font-size: 50px;

	text-decoration: none;

	padding-left: 30px;

}



.news-item {

	padding-right: 40px;

}



.news-item-date {

	color: #0e3a53;

	font-family: 'Roboto Slab', serif;

	font-size: 30px;

	margin: 0 0 0 -20px;

	padding: 10px;

	display: inline-block;

	-webkit-transition: .5s ease;

	-o-transition: .5s ease;

	transition: .5s ease;

	transform: translate(10%, 10%);

}



.news-item-date:hover {

	transform: translate(15%, -15%);

	background: #0e3a53;

	border-top: 5px solid #fff;

	color: #e3dfd7;

	cursor: pointer;

}



.news-item-title {

	margin: 0;

}



.news-item-title a {

	color: #0e3a53;

	font-family: 'Roboto Slab', serif;

	font-size: 20px;

	text-decoration: none;

}



.news-item-prev {

	color: #877971;

	font-family: Helvetica, serif;

	font-size: 18px;

}



div.video-caption a {

	color: #333;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;

	margin: 10px 0 5px 0;

    display: inline-block;

	}

	

div.video-caption a:hover {

	opacity:0.8;

	text-decoration:none;

	}	



div.video-item-prev {

	color: #333;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 12px;

    display: inline-block;

	font-style:italic;

	opacity:0.6;

	}	

	



.container-part4 {

	background: #d7d1c9;

}



.copy1 {

	color: #0e3a53;

	font-family: Helvetica, serif;

	font-size: 15px;

	padding: 25px 30px 0;

}



.footer-menu {

	display: block;

	list-style-type: none;

	height: 30px;

    margin-left: -20px;

}



.footer-menu li {

	float: left;

}



.footer-menu li a {

	color: #0e3a53;

	font-family: Helvetica, serif;

	font-size: 15px;

	padding: 0 10px;

}



.footer-menu li:not(:last-child):after {

	content: '|';

}



.copy2 {

	padding: 5px 30px 10px;

}



.copy2 a {

	color: #0e3a53;

	font-family: Helvetica, serif;

	font-size: 15px;



}



.search-title {

	display: block;

	color: #0e3a53;

	font-family: Helvetica, serif;

	font-size: 15px;

	padding: 25px 30px 0;

	margin: 0;

    font-weight: normal;

}



.search input[type='text'] {

	margin: 5px 0 10px 30px;

	background: #f0ede5;

	border: 2px solid #0e3a53;

}



.search input[type='submit'] {

	background: transparent;

	border: 2px solid #0e3a53;

}



.video-block {

	padding-top: 20px;

}



@media screen and (min-width: 1201px) and (max-width: 1420px) {



.container-part2 .col-lg-5 {

	width: 58.33333333% !important;

}



.container-part2 .col-lg-7 {

	width: 41.66666667% !important;

}



.content-block2 .col-lg-7,

.content-block2 .col-lg-5 {

	width: 100% !important;

}


.container-part1 .col-lg-6 {

	width: 100% !important;

}


}



@media screen and (min-width: 992px) and (max-width: 1420px) {

	.about-book {

		top: 0;

	}

	.about-book-info {
		width: 35%;
	    float: left;
	    padding: 0; 
	    position: absolute;
	    right: calc(100% - 520px);
	    top: 10%;
	}


	.content-about-prev {

		padding-right: 20px;

	}



	.content-about-btn {

		margin-right: 20px;

	}



	.photo-item {

		width: 92px;

		height: 92px;

	}



	.content-photo {

		width: 100%;

		margin: 30px 0;

		min-height: 92px;



	}



		.main-menu ul {

		justify-content: center;

		top: 0;

		padding: 0;

	}



	.main-menu ul li a {

		font-size: 3vw;

	}



	.logo {

		margin-top: 70px;

	}



	.logo h1 {

		font-size: 5vw;

		left: 0;

	}



	.logo span {

		left: 0;

		top: 10px;

		font-size: 2vw;

	}



	.logo-menu {

		justify-content: flex-start;

		margin-top: 180px;

		margin-left: -50px;

	}



	.main-menu ul li a:hover:before {

		height: 75px;

	}


}

@media screen and (min-width: 992px) and (max-width: 1044px) {
	.photo-item {

		width: 86px;

		height: 86px;

	}
}


@media screen and (min-width: 768px) and (max-width: 991px) {


	.about-book {
		background: none;
	}

	.main-menu ul {

		justify-content: center;

		top: 0;

		padding: 0;

	}

	.about-book-info {
		width: 100%;
		padding: 20px;
	}

	.main-menu ul li a {

		font-size: 3vw;

	}



	.logo {

		margin-top: 70px;

	}



	.logo h1 {

		font-size: 6vw;

		left: 0;

	}



	.logo span {

		left: 0;

		top: 10px;

		font-size: 2vw;

	}



	.logo-menu {

		justify-content: flex-start;

		margin-top: 180px;

		margin-left: -50px;

	}





	.about-book {

		top: -50px;

		position: relative;

	}

	.photo-item {
		width: 100px;
		height: 100px;
	}

	.content-photo {
		width: 100%;
	}


	.content-about {

		padding: 0 30px !important;

	}



	.news-wrapper {

		padding: 20px 0;

	}



	.news-wrapper .owl-carousel {

		padding: 0 30px;

	}



	.about-book-img {

		width: 35%;

	}

	.social {
		position: static;
	}

}



@media screen and (max-width: 767px) {

	.main-menu ul {

		justify-content: center;

		top: 0;

		padding: 0;

	}



	.main-menu ul li a {

		font-size: 4vw;

	}



	.logo {

		margin-top: 50px;

	}



	.logo h1 {

		font-size: 9vw;

		left: 0;

	}



	.logo span {

		left: 0;

		top: 10px;

		font-size: 3vw;

	}



	.logo-menu {

		justify-content: flex-start;

		margin-top: 160px;

		margin-left: -50px;

	}



	.news-wrapper {

		padding: 20px;

	}



	.news-title a {

		padding: 0;

	}



	.video-block .news-title a {

		padding-left: 10px;

	}



	.about-book {

		top: 0;

		position: relative;

	}



.about-book-info {

width: 35%;

    float: left;

    margin-left: -10%;

    margin: 10% -10% 30px -5%;

    padding: 0;

    }



.social {

	height: auto;

	position: relative;



}



.logo-menu li a {

	font-size: 3vw;

}



.content-about-prev {

	padding: 0 30px;

}



.content-about-title {

	padding: 0 30px;

	margin: 0;

}



.content-about-btn {

	margin: 0 30px;

}







.about-book-img {

	width: 45%;

}



.content-block1 {

	padding: 30px;

}



.content-photo {

	margin: 30px auto;

}







}



@media screen and (max-width: 600px) {

.about-book {

    background: #efe1cc;

    display: flex;

    flex-direction: column;

    height: auto;

}



.about-book-img {

    width: 100%;

    margin: 0 auto;

}



.about-book-img img {



	display: block;

    margin: auto;

}



	.about-book-info {

    width: 80%;

    float: left;

    margin: 0 auto;

    padding: 0;

}



.content-block2 .col-xs-6 {

	width: 100%;

}



}





/*** Аудио ***/



div.content-block1, div.content-block2 {

	padding-left:15px !important;

	}



div.content-block2 {

	padding-right:15px !important;

	}	

	

div.content-block1 span.videoMain {

	color:#0e3a53;

	font-size:11px;

	margin-top:5px;

	display:inline-block;

	}	

	

/*** Хлебные крошки ***/



.breadcrumb {

  padding: 8px 15px;

  margin-bottom: 20px;

  list-style: none;

  background-color: #fff;

  border-radius: 4px;

  opacity: 0.6;

}

.breadcrumb > li {

    display: inline;

    font-family: 'Noto Sans', sans-serif;

    font-size: 13px;

    /* padding-right: 5px; */

}



.breadcrumb > li > a {

      color: #BEAA8B;

}



.breadcrumb > .active {

  color: #777;

}



div.kroshka {

    display: inline-block;

    position: absolute;

    opacity: 0.8;

    z-index: 1000;

    top: 350px;

    width: 90%;

	}