body{
	margin:0;
	padding:0;
	background-color:white;
}
/*плавное появление страницы*/
.body_hide {
	opacity: 0;
	transition: .9s opacity ease-in-out;
}

.body_visible {
	opacity: 1;
}
/*плавное появление страницы*/
address{
	color:silver;
	font-size:34px;
	font-family:serif;
}

h1{
	font-size:39px;
	font-family:serif;
}

h2{
	font-size:33px;
	font-family:serif;
}

pre{
    white-space:pre-wrap;
}

text{
	font-size:28px;
	font-family:serif;
}

b{
	font-size:29px;
	font-family:serif;
	color:black;
}

p{
	font-size:28px;
	font-family:serif;
}

a{
	font-size:27px;
	font-family:serif;
	color:black;
	text-decoration:none;
	border-bottom:0 solid red;
	transition:0.2s;
}

a:hover{
	color:brown;
}

ul{
	font-size:28px;
}

li{
	font-size:28px;
	list-style-type:none;
	color:black;
}

font{
	font-size:28px;
	font-family:serif;
}

label{
	font-size:28px;
	font-family:serif;
}

input[type="text"]{
	padding:15px;
    border-radius:15px;
    border:0;
    box-shadow:4px 4px 10px rgba(0,0,0,0.06);
	width:300px;
	font-size:25px;
}

input[type="email"]{
	padding:15px;
    border-radius:15px;
    border:0;
    box-shadow:4px 4px 10px rgba(0,0,0,0.06);
	width:300px;
	font-size:25px;
}

input[type="radio"]{
	cursor:pointer;
}

textarea{
    resize: none;
    padding:15px;
    border-radius:15px;
    border:0;
    box-shadow:4px 4px 10px rgba(0,0,0,0.06);
    height:150px;
	width:800px;
	font-size:25px;
}

button{
    /* usual styles */
	color:white;
	font-weight: 700;
	font-size:25px;
    padding:10px;
    border:none;
    border-color: #FDBE33 #000 #D77206;
    border-radius: 6px;
    background: linear-gradient(#F3AE0F, #E38916) #E38916;
    font-weight:600;
    border-radius:5px;
    width:250px;
	height:50px;
	cursor:pointer;
}

button:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
button:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

/*разделение меню пагинации по страничкам*/

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
	font-size:30px;
    text-decoration: none;
    transition: background-color .3s;
}

.pagination a.active {
    background-color: #f59500;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/*разделение меню пагинации по страничкам*/

header{
	width:100%;
	background: linear-gradient(45deg, #EECFBA, #C5DDE8);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	box-shadow: 0px 0px 5px -1px #000000;
}

header .logo{
	padding-left:10px;
}

.logo{
	width:140px;
	height:130px;
}

header .menu ul{
	display:flex;
	list-style:none;
}

header .menu ul li{
	margin:14px 9px;
}

header .menu ul a{
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

nav{
	font-size:20px;
	font-family:serif;
}

section{
	width:100%;
	background-color:white;
}

a.buy_button{
	font-weight: 700;
    color: white;
    text-decoration: none;
    padding: .5em 1em calc(.5em + 3px);
    border-radius: 3px;
    background: #9acd32;
    box-shadow: 0 -3px rgb(53,167,110) inset;
    transition: 0.2s;
}

a.buy_button:hover { background: #93aa00; }
a.buy_button:active { background: #93aa00; box-shadow: 0 3px #93aa00 inset;
}

a.download_button{
	font-weight: 700;
	display: inline-block;
    color: white;
    text-decoration: none;
    padding: .3em 1em;
    outline: none;
    border-width: 2px 0;
    border-style: solid none;
    border-color: #FDBE33 #000 #D77206;
    border-radius: 6px;
    background: linear-gradient(#F3AE0F, #E38916) #E38916;
    transition: 0.2s;
}

a.download_button:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
a.download_button:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

a.photogallery_button {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
} 
a.photogallery_button:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.photogallery_button:active { background: rgb(152,15,0); } /* при нажатии */

.feedback_form{
	margin-left: auto;
    margin-right: auto;
    width:60%;	
}

.views_form{
	margin-left: auto;
    margin-right: auto;
    width:60%;
}

.otziv_form{
	margin-left: auto;
    margin-right: auto;
    width:60%;
}

.comment_form{
	margin-left: auto;
    margin-right: auto;
    width:60%;
}

.select_ocenka{
	box-shadow:4px 4px 10px rgba(0,0,0,0.06);
	font-size:25px;
	cursor:pointer;
}

.select_ocenka option{
	font-size:25px;
	cursor:pointer;
}

.number_one{
	width:100%;
	background-color:#fffafa;
}

.number_two{
	width:100%;
	background-color:#fffbfb;
}

.page_name{
	width:100%;
	height:90px;
	background-color:#fffafa;
}

.page_name_1{
	margin-top:10px;
	margin-left:10px;
}

.page_name_2{
	margin-top:-45px;
	margin-right:15px;
}

.contacts_info{
	width:100%;
	background-color:#f5f5f5;
}

.contacts_infotext{
	font-size:20px;
	margin-left:40px;
}

.biography_info{
	width:100%;
	background-color:#f5f5f5;
}

.biography_infotext{
	font-size:20px;
	margin-left:40px;
	width:900px;
}

.photogallery_info{
	width:100%;
	background-color:#f5f5f5;
}

.photogallery_infotext{
	margin-left: auto;
    margin-right: auto;
	width:70%;
}

.detailed_infobook{
	margin-left:20px;
	width:700px;
}

.book_description{
	margin-left:20px;
	width:1200px;
}

.info_book{
	width:500px;
}

.biography_photoposition{
	margin-top:0px;
	margin-right:80px;
	width:320px;
	height:390px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
}

.book_photoposition{
	width:450px;
	height:620px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
}

.author_infotext{
	margin-top:50px;
	margin-left:100px;
}

.author_photoposition{
	margin-top:-50px;
	margin-right:80px;
	width:320px;
	height:390px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
}

.flex_books{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.books_infoblock{
	width:400px;
	margin:10px;
	padding:5px;
	transition: transform 250ms;
}

.books_infoblock:hover{
	transform: translateY(-10px);
}

.flex_analis{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.analis_infoblock{
	width:500px;
	margin:10px;
	padding:5px;
	transition: transform 250ms;
}

.analis_infoblock:hover{
	transform: translateY(-10px);
}

.flex_hero{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.hero_infoblock{
	width:500px;
	margin:10px;
	padding:5px;
	transition: transform 250ms;
}

.hero_infoblock:hover{
	transform: translateY(-10px);
}

.flex_photogallery{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.photos_infoblock{
	width:400px;
	background-color:#f5f5f5;
	margin:10px;
	padding:8px;
}

.books_infoblock_author{
	margin:10px;
	padding:5px;
}

.p_text_books_author{
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	width:1200px;
}

.img_news{
	width:230px;
	height:130px;
	margin: 10px auto 20px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    display: block;
}

.img_books{
	width:360px;
	height:520px;
	margin: 10px auto 20px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    display: block;
}

.img_photos{
	margin: 10px auto 20px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    display: block;
}

.img_analis{
	margin: 10px auto 20px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    display: block;
}

.img_hero{
	margin: 10px auto 20px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
    display: block;
}

footer{
	width:100%;
	background-color:#141920;
	height:160px;
	box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);
}

.footer_copyright{
	padding:60px;
}

@media screen and (max-width: 1580px){
.p_text_news_author{
	width:1000px;
}

.author_photoposition{
	margin-right:80px;
}
}

@media screen and (max-width: 1340px){
.page_name{
	height:120px;
}	

.author_photoposition{
	margin-right:80px;
}

.biography_infotext{
	width:600px;
}

.biography_photoposition{
	margin-right:80px;
}

.p_text_books_author{
	width:600px;
}
}

@media screen and (max-width: 1110px){
.page_name{
	height:150px;
}

.author_photoposition{
	margin-right:80px;
}

.biography_infotext{
	width:400px;
}

.biography_photoposition{
	margin-right:80px;
}

.p_text_news_author{
	width:600px;
}
}

@media screen and (max-width: 900px){
header{
	flex-direction:column;
}
	
header .menu ul{
	flex-direction:column;
	align-self:center;
}
	
header .menu ul li{
	margin:5px;
}

.author_photoposition{
	margin-top:0px;
	margin-right:180px;
}

.biography_infotext{
	margin-top:450px;
	width:400px;
}

.biography_photoposition{
	margin-top:10px;
	margin-right:180px;
}
}

@media only screen and (max-device-width:460px){
address{
	font-size:70px;
}	
	
h1{
	font-size:90px;
}

h2{
	font-size:80px;
}

h3{
	font-size:70px;
}

b{
	font-size:55px;
}	
	
text{
	font-size:55px;
}

p{
	font-size:55px;
}

a{
	font-size:60px;
}

ul{
	font-size:60px;
}

li{
	font-size:55px;
}

font{
	font-size:55px;
}

label{
	font-size:55px;
}

.pagination a {
    padding: 28px 36px;
	font-size:90px;
}

header{
	display:flex;
	flex-direction: column;
}

header .logo{
	padding-left:30px;
}

.logo{
	width:300px;
	height:300px;
}

header .menu ul{
	display:flex;
	flex-direction: column;
	align-self:center;
}

header .menu ul li{
	margin:5px;
}

header .menu ul a{
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}	

.menu{
}

.number_two{
	width:100%;
}

.author_photoposition{
	margin-top:-40px;
	margin-left:90px;
	width:600px;
	height:745px;
}

.book_photoposition{
	position:relative;
	top:-50px;
	width:800px;
	height:1100px;
}

.info_book{
	position:relative;
	top:0px;
	width:900px;
}

.bank_icon{
	width:200px;
	height:130px;
}

.counter_icons{
	width:120px;
	height:110px;
}

.download_button{
	width:500px;
}

.detailed_infobook{
	position:relative;
	top:0px;
	width:900px;
}

.detailed_infobook h2{
	position:relative;
	left:-50px;
}

.book_description{
	position:relative;
	top:-100px;
	width:900px;
}

.counter_panel{
	position:relative;
	top:-70px;
	width:800px;
}

.otzivi_comments{
	position:relative;
	top:-80px;
}

.comment_form{
    width:800px;
}

input[type="text"]{
	width:680px;
	font-size:70px;
}

input[type="email"]{
	width:680px;
	font-size:70px;
}

textarea{
    height:850px;
	width:680px;
	font-size:70px;
}

.select_ocenka{
	font-size:75px;
}

button{
	font-size:75px;
    width:550px;
	height:150px;
}

.biography_infotext{
	margin-top:750px;
	width:900px;
}

.biography_photoposition{
	margin-top:-180px;
	width:600px;
	height:745px;
}

.flex_books{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.flex_photogallery{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.books_infoblock{
	width:800px;
	margin:10px;
	padding:5px;
	transition: transform 250ms;
}

.books_infoblock:hover{
	transform: translateY(-10px);
}

.analis_infoblock{
	width:800px;
	margin:10px;
	padding:5px;
	transition: transform 250ms;
}

.analis_infoblock:hover{
	transform: translateY(-10px);
}

.photos_infoblock{
	width:600px;
	height:980px;
}

.photo_infosign b{
	font-size:58px;
}

.img_books{
	width:540px;
	height:780px;
}

.img_news{
	width:430px;
	height:280px;
}

.img_photos{
	width:530px;
	height:580px;
}

.img_analis{
	width:530px;
	height:580px;
}

.contacts_infotext{
	margin-left:10px;
}

.img_hero_photoposition_author{
	width:690px;
	height:940px;
	margin: 10px auto 20px;
}

.page_name{
	height:300px;
}

.page_name_1{
	margin-left:20px;
	font-size:60px;
}

.page_name_2{
	font-size:60px;
}

footer{
	width:100%;
	height:400px;
}	
}