body {
  background:linear-gradient(to right, #fffaea 0%, #fffaea 65%, #000 65%);
  margin:0;
  padding:0;
  font-size:calc(1.15rem + 0.25vw);
  font-family:Times, Times New Roman, serif;
  line-height:1.2;
}
a       {text-decoration:underline dotted 1px; text-underline-offset:3px; transition:0.35s;}
a:hover {text-decoration:none;}



/* main */
.main {
  height:100%;
  min-height:100vh; /*for chrome*/
  border-spacing:0;
  border-collapse:collapse;
  max-width:1100px;
}
.main td              {padding:0px 30px;}
.main col:first-child {background:linear-gradient(90deg, #fffaea 85%, #dbdacc 100%) 0px 0px;}
.main col:last-child  {background:linear-gradient(90deg, #cccdc9 0%, #fff 15%, #fff 15%, #fefefe 36%, #e8e8e8 92.25%, #929294 92.25%, #929294 92.6%, #d2d2d0 92.6%, #d2d2d0 92.95%, #898a84 92.95%, #898a84 93.3%, #ced0c5 93.3%, #ced0c5 93.65%, #b2b4a9 93.65%, #b2b4a9 94.0%, #dfe0d8 94.0%, #dfe0d8 94.35%, #cccdc7 94.35%, #cccdc7 94.7%, #92938e 94.7%, #92938e 95.05%, #b7b5a9 95.05%, #b7b5a9 95.4%, #ccd1cb 95.4%, #ccd1cb 95.75%, #a19796 95.75%, #a19796 96.1%, #d0d3c8 96.1%, #d0d3c8 96.45%, #b3b4af 96.45%, #b3b4af 96.8%, #969b9f 96.8%, #969b9f 97.15%, #a09792 97.15%, #a09792 97.5%, #7c0b0d 97.5%, #7c0b0d 99.3%, #4a0907 99.3%, #4a0907 99.65%, #3c0200 100%) 0px 0px;}

.mainHeader {
  height:280px;
}
.mainHeader td {
  position:relative;
  vertical-align:top;
}
.mainHeader td:first-child.ornament {
  background:url(/images/corner100.png) 0 0 no-repeat;
}
.mainHeader td:first-child.newyear {
  /*background:url(/images/corner_ny.png) 0 0/87px 100px no-repeat;*/
  background:url(/images/corner_ny.png) 0 0 no-repeat;
}


/*.main tr:nth-of-type(2) td {}*/
.mainContent, .mainNavigation {line-height:1.25; vertical-align:top;}
.mainContent {
  position:relative;
  min-width:500px; 
}
.mainNavigation {
  width:220px;
  min-width:220px;
}

.mainFooter {
  height:80px;
  font-size:calc(0.85rem + 0.1vw);
  color:Olive;
}
.mainFooter td {vertical-align:bottom; padding-bottom:10px;}

.navStk {position:sticky; top:0; display:inline-block; margin-top:280px;}	


img {
  display:block; 
  max-width:100%; /*responsive*/
  height:auto;
}
.clearfix::after {
  content:"";
  clear:both;
  display:table;
}


p        {text-indent:20px; /*text-shadow:0px 0px 1px rgba(0,0,0,0.25);*/}
.tsn     {text-shadow:none;}
hr       {border:0; height:1px; background:linear-gradient(to right, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);}
hr.cp    {background:linear-gradient(to right, rgba(255,69,0,0.95) 0%, rgba(0,0,0,0) 100%);}
hr.vline {border:0; height:23px; background:url("data:image/png;base64,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") center/contain no-repeat;}

h3.cp    {color:OrangeRed; font-variant:small-caps; margin:10px 0; letter-spacing:1px;}
strong   {color:OrangeRed; font-weight:normal;}  /* OrangeRed  #ff4500  rgba(255,69,0,1.0) */
.book-text strong {font-weight:800;}
.fsb     {font-size:calc(1.15rem + 0.25vw);}
.fs12    {font-size:12px;}
.fs14    {font-size:14px;}
.fs16    {font-size:16px;}
.fs18    {font-size:18px;}
.fs20    {font-size:20px;}
.tal     {text-align:left;}
.tac     {text-align:center;}
.tar     {text-align:right;}
.ttu     {text-transform:uppercase;}
.fvs     {font-variant:small-caps;}
.flr     {float:right;}
.fll     {float:left;}
.dib     {display:inline-block;}
.ti0     {text-indent:0;}
.m0      {margin:0;}
.mr20    {margin-right:20px;}
.mb5     {margin-bottom:5px;}
.mb10    {margin-bottom:10px;}
.fll     {float:left;}
.flr     {float:right;}
.prel    {position:relative;}
.pabs    {position:absolute;}

.ic      {display:inline-block; width:24px; height:24px; vertical-align:text-top;}
.tel1    {background:url(/images/tel1.png) no-repeat;}
.tel2    {background:url(/images/tel2.png) no-repeat;}
.mobi    {background:url(/images/mobi.png) no-repeat;}
.mail    {background:url(/images/mail.png) no-repeat;}



/* slimbox */
a[rel="lightbox-cats"] {
  display:inline-block;
  font-size:0;
  margin:10px;
  padding:1px;
  border:1px solid rgba(255,69,0,1.0);
  box-shadow:2px 2px 4px rgba(0,0,0,0.35);
  transition:0.35s;
}
a[rel="lightbox-cats"]:hover {
  box-shadow:2px 2px 4px rgba(0,0,0,0.65);
}



/* quote symbol */
.q::before {
  content:'\201C'; 
  line-height:0; 
  vertical-align:-10px; 
  font-style:normal; font-weight:bold; font-size:35px; font-family:times, serif; 
  margin-right:10px;
}



/* logo */
.logo {
  background: url(/images/logo.png) no-repeat;
  display:inline-block;
  height:135px; 
  float:left;
  margin:40px 0 0 25px; 
  padding:10px 0 0 130px; 
}
.logo span {color:OrangeRed;}
.fslogo {
  font-size:calc(2.25rem + 0.25vw);
  /*font-variant:small-caps;*/
  letter-spacing:-0.01em;
  font-weight:800;
  font-style:italic;
}
.logo span:nth-of-type(3) {
  display:inline-block;
  color:Olive;
  margin:0 0 0 100px;
  line-height:2.0;
  position:relative;
}
.logo span:nth-of-type(3)::before {
  content:"";
  position:absolute;
  display:inline-block;
  bottom:-1px;
  width:100%;
  height:1px;
  background:linear-gradient(to right, rgba(0,0,0,0) 0%, Olive 50%, rgba(0,0,0,0) 100%);
}

.accent {
  display:inline-block; line-height:0.85; vertical-align:-7px; transform:translateX(-23px);
}



/* menu */
.menu {
  background: url(/images/book_index.png) no-repeat;
  /*
  float:right; 
  margin:15px -163px 0 0; 
  left:-249px;
  */

  position:absolute;
  top:15px;
  right:-93px;
  z-index:10;
  display:inline-block;
  box-sizing:border-box;
  width:340px; 
  height:260px; 
  padding:30px 0 0 40px;
  cursor:move;
}
.menu ul       {list-style-type:none; padding:0; margin:0 0 0 0;}
.menu ul li    {font-size:17px; font-size:calc(1.0rem + 0.10vw); color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.25);}
.menu ul li a  {color:#fff; text-shadow:0 1px rgba(0,0,0, 1.0);}



/* audio button */
.mpBtn {display:inline-block; cursor:pointer; text-indent:0; margin:0 5px 0 0; vertical-align:-1px;}	
.mpPlay, .mpPause {position:relative; display:inline-block; width:26px; height:26px;}
.mpPlay::before, .mpPause::before {/*circle*/
  content:"";
  position:absolute;
  width:100%; height:100%;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,240,240,0.80) 100%) padding-box, linear-gradient(45deg, purple, orange) border-box;
  border:3px solid transparent;
  border-radius:100%;
}
.mpPlay::after {/*play button*/
  content:"";
  position:absolute; top:9px; left:12px;
  display:inline-block;
  width:0; height:0;
  border-style:solid;
  border-width:7px 7px 7px 12px;
  border-color:transparent transparent transparent OrangeRed;  
  transition:border-left 320ms ease;
}
.mpPause::after {/*pause button*/
  content:"";
  position:absolute; top:9px; left:12px;
  display:inline-block;
  width:0; height:14px;
  border-left:8px double OrangeRed; 
  transition:height 320ms ease;
}

.mpPlay:hover::before, .mpPause:hover::before {/*circle hover*/
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,240,240,0.95) 100%) padding-box, linear-gradient(0deg, purple, orange) border-box;
}
.mpPlay:active, .mpPause:active {transform:translateY(1px);}	





/* e-mail */
[data-login] {position:relative;}
[data-login]::after {
  content:attr(data-login) attr(data-domain);
  position:absolute;
  top:-180%;
  left:-10%;
  z-index:1000001;
  /*display:none;*/
  visibility:hidden;
  opacity:0;
  font-weight:300;
  text-shadow:0px 0px 1px rgba(0,0,0,0.30);
  text-align:left;
  text-indent:0;
  color:#000; 
  padding:7px 10px;
  letter-spacing:-0.01em;
  word-spacing:-0.07em;
  border:1px solid OrangeRed; 
  border-radius:3px; 
  /*box-shadow:5px 5px 3px -2px rgba(0,0,0,0.35);*/
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(222,222,222,1) 100%);
  margin-right:-230px;
  max-width:230px; 
}
[data-login]:hover::after {/*display:block;*/ visibility:visible; opacity:1; transition:ease 0.55s;}



/* Template books */

     /*выше стиля .coverbook   for bg-size*/



.rost {background:url(/images/rost.jpg) no-repeat;}
.koldunya {background:url(/images/koldunya.jpg) no-repeat;}
.ostolop {background:url(/images/ostolop.jpg) no-repeat;}
.nikuda {background:url(/images/nikuda.jpg) no-repeat;}
.patteran {background:url(/images/patteran.jpg) no-repeat;}
.porok {background:url(/images/porok.jpg) no-repeat;}
.konstanta   {background:url(/images/konstanta.jpg) no-repeat;}
.sonvruku {background:url(/images/sonvruku.jpg) no-repeat;}
.grusha   {background:url(/images/grusha.jpg) no-repeat;}
.valel    {background:url(/images/valel.jpg) no-repeat;}
.rokovoy  {background:url(/images/rokovoy.jpg) no-repeat;}
.blues    {background:url(/images/blues.jpg) no-repeat;}
.trinadtsataya  {background:url(/images/trinadtsataya.jpg) no-repeat;}
.adamovo  {background:url(/images/adamovo.jpg) no-repeat;}
.epikriz1 {background:url(/images/epikriz1.jpg) no-repeat;}
.epikriz2 {background:url(/images/epikriz2.jpg) no-repeat;}
.epikriz3 {background:url(/images/epikriz3.jpg) no-repeat;}
.two      {background:url(/images/two.jpg) no-repeat;}
.nost     {background:url(/images/nost.jpg) no-repeat;}
.notam    {background:url(/images/notam.jpg) no-repeat;}
.rushp    {background:url(/images/rushp.jpg) no-repeat;}
.rir      {background:url(/images/rir.jpg) no-repeat;}
.rusbell  {background:url(/images/rusbell.jpg) no-repeat;}
.day35    {background:url(/images/day35.jpg) no-repeat;}
.codes    {background:url(/images/codes.jpg) no-repeat;}
.alley    {background:url(/images/alley.jpg) no-repeat;}
.hello    {background:url(/images/hello.jpg) no-repeat;}
.forever  {background:url(/images/forever.jpg) no-repeat;}
.way      {background:url(/images/way.jpg) no-repeat;}
.lucky    {background:url(/images/lucky.jpg) no-repeat;}


.book {
  vertical-align:top;
  display:inline-block;
  margin:10px; 
  padding:10px;
  background:#f2f2f2;
  border-radius:5px; 
  border-top:1px solid rgba(0,0,255,0.25);
  border-bottom:1px solid rgba(0,0,255,0.45);
  box-shadow:0px 1px 10px -1px rgba(0,0,0,0.35);
}
.infobook {max-width:200px;}
.coverbook {
  width:200px;
  height:290px;
  border-radius:4px 5px 5px 4px;
  box-shadow:inset 4px 0 10px rgba(0, 0, 0, 0.41), 0px 1px 1px 0px #aaaaaa;
  position:relative;
  background-repeat:no-repeat;
  background-size:cover;
}
.coverbook::after { /*facet*/
  content:'';
  position:absolute; top:0; bottom:0; left:11px;
  width:3px;
  background:rgba(0,0,0,0.06);
  box-shadow:1px 0 3px rgba(255,255,255,0.41);
}
.coverbook a {
  display:inline-block;
  width:100%;
  height:100%;
  text-decoration:none;
  border:none;
  outline:none;
  transition:0.40s ease-out;
}
.coverbook a:hover {
  background:#000 url(/images/zlarr.png) no-repeat 50% 50%;
  border-radius:4px 5px 5px 4px;
  opacity:0.4;
}
.abookicon { /*audiobook*/
  position:absolute; top:7px; right:7px;
  display:inline-block;
  width:38px; height:38px;
  background: url(/images/audiobook.png) no-repeat 50% 50%;
  background-size:cover;
  /*border:0px solid rgba(255,69,0,1.0);*/
  border-radius:50%;
}

.namebook {margin:12px 0; font-size:16px; font-weight:800; text-transform:uppercase; letter-spacing:-0.015em; word-spacing:-0.05em; text-align:left;}
.namebook span::before {content:"«"; font-size:12px;}
.namebook span::after  {content:"»"; font-size:12px;}

.anotbook {
  margin:12px 0 0;
  text-align:left;
  font-size:13px;
  font-family:calibri, arial, sans-serif; 
  font-weight:400;
  font-stretch:condensed; 
  text-transform:uppercase; 
  letter-spacing:0.015em;
  word-spacing:0.07em;
  text-shadow:0px 0px 0px rgba(0,0,0,0.60);
}
.autorbook  {font-size:18px; font-style:italic; text-align:right;}
.isbnbook   {font-size:15px; margin:12px 0 0; font-family:calibri, arial, sans-serif; letter-spacing:-0.015em; text-align:left;}



/* Book preview */
.book-desc {
  font-size:calc(1.05rem + 0.05vw);
}
.book-desc p {
  text-indent:0;
}

/* BOOK FACET */
.book-facet  {
  /*float:left;*/
  display:inline-block;
  position:relative; 
  max-width:280px;
  min-width:120px;
  font-size:0;
  border:1px inset rgba(155,155,155,0.35);
  border-top-right-radius:3px; border-bottom-right-radius:3px;
  box-shadow:5px 5px 10px 0px rgba(0,0,0,0.55);
  margin:0 0 10px 0;
}
.book-facet img  {
  border-top-right-radius:3px; 
  border-bottom-right-radius:3px;
}
.book-facet::before { /*shadow*/
  content:'';
  position:absolute; top:0; right:0; bottom:0; left:0;
  box-shadow:10px 0px 10px -7px rgba(255,255,255,0.75) inset, -12px 0px 3px -7px rgba(255,255,255,0.35) inset;
}
.book-facet::after { /*facet*/
  content:'';
  position:absolute; top:0; bottom:0; left:0;
  width:6%;
  background:linear-gradient(to right, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.40) 26%, rgba(255,255,255,0.25) 54%, rgba(255,255,255,0.25) 59%, transparent 80%, transparent 100%);
}	

.book-text {
  min-width:480px;
}

.book-screen a[rel="lightbox-cats"] {
  margin:4px 4px 0 0;
  border:1px solid rgba(255,69,0,0.55);
}
.book-screen a[rel="lightbox-cats"]:hover {
  border:1px solid rgba(255,69,0,1.0);
}
.book-screen a[rel="lightbox-cats"] img {
  max-width:85px;
  max-height:110px;
}

.age {display:inline-block; background:Orangered; padding:1px 4px; color:white; border-radius:5px; margin-left:5px;}

/* Book button */
.book-button {
  display:inline-block;
  display:block;
  font-weight:bold;
  font-family:"Segoe UI", helvetica, arial, sans-serif;
  font-size:calc(1.55rem + 0.25vw);
  background:linear-gradient(to bottom, #ff7540 5%, #f04200 100%);
  line-height:1.0;
  letter-spacing:0.055em;
  text-decoration:none;
  text-align:center;
  color:#fff;
  padding:7px 5px 12px;
  border:1px solid #dcdcdc;
  border-radius:5px; 
  text-shadow:0px 1px 0px rgba(0,0,0,0.55);
  box-shadow:1px 2px 6px -1px gray;
  transition:0.35s;
}
.book-button:hover {
  background:linear-gradient(to bottom, #f04200 5%, #ff7540 100%);
}
.book-button:active {
  position:relative;
  top:1px;
  box-shadow:0px -1px 2px -1px gray;
}	



/* TOP HREF */
.wrtoph {position:absolute; top:100px; right:33px;}
.toph {
  position:fixed;
  font-size:0;
  width:19px; height:19px;
  border:2px solid rgba(255,69,0,0.85); 
  border-radius:100%; 
  cursor:pointer; 
  background:                            /* слева сверху / длина толщина */
  linear-gradient(to right, OrangeRed, OrangeRed) 9px 5px/1px 1px,
  linear-gradient(to right, OrangeRed, OrangeRed) 8px 6px/3px 1px,
  linear-gradient(to right, OrangeRed, OrangeRed) 7px 7px/5px 1px,
  linear-gradient(to right, OrangeRed, OrangeRed) 6px 8px/7px 1px,
  linear-gradient(to right, OrangeRed, OrangeRed) 5px 9px/9px 1px,
  linear-gradient(to right, OrangeRed, OrangeRed) 4px 10px/11px 1px,
  linear-gradient(to right, OrangeRed, OrangeRed) 3px 11px/13px 1px;
  background-repeat:no-repeat;
  opacity:0.75;
  transition:all 0.15s ease-out;
}
.toph:hover  {box-shadow:0 0 8px 0px rgba(255,69,0,0.75);}
.toph:active {transform:translateY(1px); box-shadow:0 0 14px 0px rgba(255,69,0,0.45);}


/* Hint */
.hint {
  /*color:blue;*/
  cursor:default;
}
.hint::after {
  position:absolute;
  bottom:110%;
  left:50%;
  margin-right:-260px;
  max-width:260px; 
  border:1px solid OrangeRed; 
  padding:3px 6px;
  border-radius:3px; 
  background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%);
  color:#000; 
  font-weight:normal;
  font-style:normal;
  font-size:16px;
  line-height:1.25;
  text-align:left;
  z-index:1000001;
  text-shadow:0px 0px 1px rgba(0,0,0,0.30);
  visibility:hidden;
  opacity:0;
}
.hint:hover::after {visibility:visible; opacity:1; transition:ease 0.55s;}
.hint.ab::after {content:"Аудиокнига";}
.hint.publisher::after {content:'Издательство: "Интернациональный союз писателей".';}





/*.mainHeader td:nth-child(2) {position:relative; vertical-align:top;}*/

/* MENU DROPDOWN HMB DOTTED */
/*.pwhmb {position:absolute; top:5px; right:56px;}*/
/*.whmb {position:fixed; z-index:1000; line-height:0;}*/
.whmb2 {
  position:sticky;
  top:21px;
  margin-top:21px;
  display:inline-block;
  z-index:1000;
  line-height:0;
  float:right;
} 

/* dd container */
.dropdown {
  font-size: 16px;
  font-family: Times, "Times New Roman", serif;
  display: inline-block;
  position: relative;
  outline: none;
}
/* dd content */
.dropdown .dropdown-content {
  position: absolute;
  right: 0;
  top: 85%; 
  min-width:180px;
  margin-left:-400px;
  max-width:400px;

  line-height: 1.0;
  padding:1px; 
  /*background: linear-gradient(90deg, #fffaea 56%, #efefef 100%) 0px 0px;*/
  background: #fafaea; /*background: rgba(255,250,234,1.0);*/
  background: linear-gradient(90deg, rgba(255,250,234,0.95) 56%, rgba(239,239,239,0.95) 100%) 0px 0px;
  border:1px solid Coral;
  border-radius: 4px;
  z-index: 100000000;
  visibility: hidden;
  opacity: 0;
  box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
  transition: 0.35s ease-out;
}

/* show dd content */
.dropdown:focus .dropdown-content {
  outline: none;
  visibility: visible;
  opacity: 1;
  /*transform: translateY(15px);*/
  margin-top: 15px;
}
/* scroll в menu hmb */
.wrapScrollMenu  {
  max-height:225px; 
  padding:8px 20px 10px 10px; 
  overflow-y:auto;
  overflow-x:hidden; 
  scrollbar-width:thin; 
  scrollbar-color:rgba(192,192,192,0.95) transparent;
  scrollbar-color:rgba(255,152,113,1.0) transparent;
  scrollbar-gutter:stable; /* FF IE */
}
.wrapScrollMenu::-webkit-scrollbar-track {background:transparent;}
.wrapScrollMenu::-webkit-scrollbar       {background:transparent; width:6px;}
.wrapScrollMenu::-webkit-scrollbar-thumb {background:rgba(192,192,192,0.95);}
.wrapScrollMenu::-webkit-scrollbar-thumb {background:#ff9871;}

/* mask to close menu by clicking on the button */
.dropdown .db2 {
  position: absolute;
  top:0; right:0; bottom:0; left:0; 
  opacity: 0;
  cursor: default;
  cursor: pointer;
  z-index: 10;
  display: none;
}
.dropdown:focus .db2 {display: inline-block;}

/* закрыть меню кликом по той же кнопке */
.dropdown .db2:focus .dropdown-content {
  outline: none;
  visibility: hidden;
  opacity: 0;
}

/* HMB BUTTON DOTTED */
.hmb {
  position:relative;
  display:inline-block;
  width:28px; height:15px;
  font-size:0;
  cursor:default;
  cursor:pointer;
}
.hmb::before {/*middle dot*/
  content:""; display:inline-block; position:absolute; left:12px;
  width:3px; height:6px;
  border-bottom:3px solid OrangeRed;
}
.hmb::after {/*middle top bottom dot*/
  content:""; display:inline-block; position:absolute; left:12px;
  width:3px; height:9px;
  border-top:3px solid OrangeRed;
  border-bottom:3px solid OrangeRed;
  /*transition:0.75s ease-out;*/
}
.hmb i::before {
  content:""; display:inline-block; position:absolute; left:12px;
  width:3px; height:9px;
  border-top:3px solid OrangeRed;
  border-bottom:3px solid OrangeRed;
  transition:0.45s ease-out;
}
.hmb i::after {
  content:""; display:inline-block; position:absolute; right:13px;
  width:3px; height:9px;
  border-top:3px solid OrangeRed;
  border-bottom:3px solid OrangeRed;
  transition:0.45s ease-out;
}
/* button replace effect */
.dropdown:focus .hmb::after {visibility:hidden; opacity:0;}
.dropdown:focus .hmb i::before, 
.dropdown:focus .hmb i::after {visibility:visible; opacity:1;}
.dropdown:focus .hmb i::before {left:6px;} 
.dropdown:focus .hmb i::after {right:7px;}

.dropdown .hmb:hover i::after {transform:rotateZ(90deg);}




/*
.hmb {
  position:relative;
  display:inline-block; 
  width:28px; height:28px;
  font-size:0; 
  cursor:default;  
  border-radius:50%;

  background:   
  radial-gradient(circle at 14px 8px, OrangeRed 1px, transparent 2px), 
  radial-gradient(circle at 14px 14px, OrangeRed 1px, transparent 2px), 
  radial-gradient(circle at 14px 20px, OrangeRed 1px, transparent 2px); 
  background-repeat:no-repeat;
  transition:all 0.35s ease-out;
}
.hmb::before {
  content:""; display:inline-block; position:absolute; left:12px; top:6px;
  width:3px; height:3px;
  border-top:9px double OrangeRed;
  border-bottom:3px solid OrangeRed;
  transition:0.75s ease-out;
}
.dropdown .hmb:hover {background-color:#e5e5e5;}
.dropdown:focus .hmb {background-color:#dbdbdb; margin-top:1px; transform:translateY(1px);}
*/




.dropdown-content ul {
  font-size:calc(0.9rem + 0.05vw);
  list-style:none;
  padding-left:10px;
  margin:0;
}
.dropdown-content ul li {margin:9px 0;}
.dropdown-content ul li::before {
  content:"";
  display:inline-block;
  width:16px; height:16px;
  background:url(../images/feather.png) no-repeat;
  vertical-align:-3px;
  margin-right:12px;
}	
.dropdown-content ul li.hph::before {
  content:"";
  display:inline-block;
  width:16px; height:16px;
  background:url(../images/headphone.png) no-repeat;
  vertical-align:-3px;
  margin-right:12px;
}
.dropdown-content .sob {width:24px; height:24px; vertical-align:-4px; background:url(../images/stack-of-books.png) no-repeat;}




/* FINT container   for Annotation */
.fint {display:inline-block;}

/* fint button1 */
.fint .hb1, .fint .hb2, a.loch {
  text-decoration:underline;/*for IE*/
  text-decoration:underline dotted 1px; text-underline-offset: 3px;
  color:blue;
  cursor:pointer;
}
.fint .hb1::after {content: "Аннотация… \00A0";}
.fint .hb1:hover, .fint .hb2:hover, a.loch:hover {text-decoration:none;}

/* fint content */
.fint .fint-content {
  margin-top:5px;
  width:0; height:0; overflow:hidden;
  visibility:hidden;
  opacity:0;
  transform:translate(0,-42%) scale(1,0);
  transition:transform 0.30s ease-out;
}

/* show fint content */
.fint:focus .fint-content {visibility:visible; opacity:1; width:auto; height:auto; overflow:visible;}
.fint:focus .hb1 {display:none;}
.fint:focus .fint-content {transform:scale(1,1);}
.fint:focus .fint-content {transform:translate(0,0);}

/* mask маска для закрытия fint'а той же кнопкой */
.fint .hb2       {display:none;}
.fint:focus .hb2 {display:inline-block;}
.fint:focus .hb2::after {content:"Скрыть… \00A0";}

/*закрываем хинт обратным кликом по кнопке-маске*/
.fint .hb2:focus .fint-content {display:none;}








/* MEDIA REQUESTS */

/* <= 900px */
@media (max-width:900px) {
.menu {display:none;}
}