@font-face {
  font-family: "cg";
  src: url("/fonts/century-gothic.woff2") format("woff");
  font-display: swap;
}

span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html,
body {
  width:100%;
  height:100%;
  background-image:url(/images/bk/canvas.jpg);
  background-size:128px;
  background-repeat:repeat;
}

.wrapper {
  position:relative;
  display:table;
  width: 100%;
  height:100%;
}

.footer {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:90px;
  background-image:url(/images/bk/canvas_header.jpg);
  background-repeat:repeat;
  background-size:128px;
}

.m_footer {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:70px;
  background-image:url(/images/bk/footer2.jpg);
  background-repeat:repeat;
  background-size:640px;
}

.div_table_container {
	height:100%; 
    width:100%;
	overflow:hidden;
	display:table-row;
	vertical-align: middle;
}

.table_container {
    width:100%;
	min-width:1024px;
	text-align:left;
	vertical-align:middle;
}

.font_200_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:200%; 
	vertical-align:middle;
	color: #000000;
}

.font_300_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:300%; 
	vertical-align:bottom;
	color: #000000;
}

.font_125_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:125%; 
	vertical-align:bottom;
	color: #000000;
}

.font_125_normal_white {
	font-family: 'cg';
	font-weight:normal; 
	font-size:125%; 
	vertical-align:bottom;
	color: rgba(255,255,255,1);
}

.font_125_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:125%; 
	vertical-align:bottom;
}

.font_125_bold_transparent {
	font-family: 'cg';
	font-weight:bold; 
	font-size:125%; 
	vertical-align:bottom;
}

.font_125_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:125%; 
	vertical-align:bottom;
	color: #000000;
}

.font_150_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:150%; 
	vertical-align:middle;
	color: #000000;
}

.font_150_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:150%; 
	vertical-align:middle;
	color: #000000;
}

.font_150_normal_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:150%; 
	vertical-align:middle;
}

.font_150_bold_transparent {
	font-family: 'cg';
	font-weight:bold; 
	font-size:150%; 
	vertical-align:middle;
}

.font_175_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:175%; 
	vertical-align:middle;
	color: #000000;
}

.font_175_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:175%; 
	vertical-align:middle;
	color: #000000;
}

.font_100_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:100%; 
	vertical-align:middle;
	color: #000000;
}

.font_90_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:90%; 
	vertical-align:middle;
	color: #000000;
}

.font_90_bold_white {
	font-family: 'cg';
	font-weight:bold; 
	font-size:90%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_100_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:100%; 
	vertical-align:middle;
	color: #000000;
}

.font_80_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:80%; 
	vertical-align:middle;
	color: #000000;
}

.font_80_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:80%; 
	vertical-align:middle;
	color: #000000;
}

.font_80_normal_white {
	font-family: 'cg';
	font-weight:normal; 
	font-size:80%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_100_normal_white {
	font-family: 'cg';
	font-weight:normal; 
	font-size:100%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_100_bold_white {
	font-family: 'cg';
	font-weight:bold; 
	font-size:100%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_60_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:60%; 
	vertical-align:middle;
}

.font_80_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:80%; 
	vertical-align:middle;
}

.font_90_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:90%; 
	vertical-align:middle;
}

.font_100_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:100%; 
	vertical-align:middle;
}

.font_110_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:110%; 
	vertical-align:middle;
}

.font_110_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:110%; 
	vertical-align:middle;
	color: #000000;
}

.font_110_bold {
	font-family: 'cg';
	font-weight:bold; 
	font-size:110%; 
	vertical-align:middle;
	color: #000000;
}

.font_110_bold_white {
	font-family: 'cg';
	font-weight:bold; 
	font-size:110%; 
	vertical-align:middle;
	color: #ffffff;
}


.font_110_normal_white {
	font-family: 'cg';
	font-weight:normal; 
	font-size:110%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_90_transparent {
	font-family: 'cg';
	font-weight:normal; 
	font-size:90%; 
	vertical-align:middle;
}

.font_90_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:90%; 
	vertical-align:middle;
	color: #000000;
}

.font_90_normal_white {
	font-family: 'cg';
	font-weight:normal; 
	font-size:90%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_60_normal {
	font-family: 'cg';
	font-weight:normal; 
	font-size:60%; 
	vertical-align:middle;
	color: #000000;
}

.font_16px_bold_white {
	font-family: 'cg';
	font-weight:bold; 
	font-size:16px;
	text-shadow: 0px 0px 3px black;
	vertical-align:middle;
	color: #ffffff;
}

.font_60_normal_white {
	font-family: 'cg';
	font-weight:normal; 
	font-size:60%; 
	vertical-align:middle;
	color: #ffffff;
}

.font_bio_mini {
	font-family: 'cg';
	font-weight:normal; 
	font-size:100%;
	-webkit-line-clamp:4;
	line-clamp:4;
	display: -webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
}


div.hr-delimeter {
	width: 100%;
	height: 2px;
	background: url(/images/line.png) center repeat-x;
	background-size: auto 100%;
}

a:link {
	color:rgba(0,0,0,1);
	text-decoration: none;
}
a:visited {
	color:rgba(0,0,0,1);
	text-decoration: none;
}
a:hover {
	color:rgba(155,0,0,1);
	text-decoration:underline
}

a.author:link {
	color:rgba(96,96,96,1);
	text-decoration: none;
}
a.author:visited {
	color:rgba(96,96,96,1);
	text-decoration: none;
}
a.author:hover {
	color:rgba(155,0,0,1);
	text-decoration:underline
}


.dropdown-content {
  display: none;
  position: fixed;
  top:55px;
  left:0;
  text-align:left;
  background-color: #f9f9f9;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

.dropdown-li {
  font-family: 'nagonia';
	font-weight:normal; 
	font-size:110%; 
	vertical-align:middle;
	color: #000000;
  list-style-type:none;
  text-align:left;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  padding-bottom:10px;
}

.show_dropdown {display:block;}

a.wshadow:link {
	text-decoration: none;
	color:rgba(0,0,0,1);
}
a.wshadow:visited {
	text-decoration: none;
	color:rgba(0,0,0,1);
}
a.wshadow:hover {
	text-decoration: none;
	color:rgba(155,0,0,1);
	text-shadow:0px 0px 10px rgba(255,255,255,1);
}

.rating {
	display: flex;
	align-items: flex-end;
	font-size: 32px;
	line-height: 0.75;
	color: #d8d4c9;
	transition: opacity 0.3s ease 0s;
}
.rating.rating_sending {
	opacity: 0.2; 
}
.rating.rating_set.rating__active,
.rating.rating_set.rating__item {
	cursor: pointer;
}
.rating__body {
	position: relative;
}
.rating__body::before {
	font-family: 'cg';
	content: "★★★★★";
	letter-spacing: 5px;
	display: block;
}
.rating__active {
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.rating__active::before {
	font-family: 'cg';
	content: "★★★★★";
	position: absolute;
	width: 100%;
	height: 100%;
	letter-spacing: 5px;
	top: 0;
	left: 0;
	color: #e9c23a;
}
.rating__items {
	display:flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.rating__item {
	flex: 0 0 20%;
	height: 100%;
	opacity: 0;
}
.rating__value {
	line-height: 1;
	padding: 0 0 0 10px;
	font-family: 'cg';
	font-weight:normal; 
	font-size:18px;
	color: #000;
}	

.popup {
  position: fixed;
  bottom: 100px;
  left: 50%;
  font-family: 'cg';
  font-weight:normal; 
  font-size:100%;
  display: block;
  z-index:2;
}

.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Переключите этот класс при нажатии на всплывающий контейнер (скрыть и показать всплывающее окно) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s
}

/* Добавить анимацию (исчезает во всплывающем окне) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1;}
}